It is currently Fri 30 Sep 2016 - 12:01 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3261, 262, 263266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
Ecaryuzan


Joined: 07 Jun 2012
Posts: 3

PostPosted: Wed 2 Jan 2013 - 02:39    Post subject: [Tuto] Installer une image de fond Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour, donc mon problème est que l'image de fond se répète j'ai regardé le tutoriel mis à disposition mais ces lignes n'apparaissent pas.

Voici le code que j'ai dans OVERALL_HEAD.tpl

Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img57.xooimage.com/files/e/1/7/bsrf-3acd39d.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr bgcolor="#000000">
        <td height="122" valign="top">
            <!-- BANNER GOES UNDER HERE -->
            <img src="http://img55.xooimage.com/files/5/b/c/120811_raiderz_1-3a6ea3a.jpg">
    </td>
    </tr>
    <tr align="right" valign="top" bgcolor="#000000"> 
        <td height="19" colspan="2">
            <!-- BEGIN switch_user_logged_out -->
            <a href="{U_LOGIN_LOGOUT}"><img src="http://img57.xooimage.com/files/6/5/d/untitled-3a8afe1.png" alt="{L_LOGIN_LOGOUT}" hspace="3" border="0"></a> 
            <a href="{U_REGISTER}"><img src="http://img59.xooimage.com/files/a/0/7/untitled-3a8b0b8.png" alt="{L_REGISTER}" hspace="3" border="0"></a> 
            <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_LOGIN_LOGOUT}"><img src="http://img57.xooimage.com/files/3/1/1/untitled-3a8b021.png" alt="{L_LOGIN_LOGOUT}" hspace="3" border="0"></a>                            
            <!-- END switch_user_logged_in -->
            <a href="{U_PROFILE}"><img src="http://img59.xooimage.com/files/3/a/5/untitled-3a8b052.png" alt="{L_PROFILE}" hspace="3" border="0"></a> 
            <a href="{U_PRIVATEMSGS}"><img src="http://img59.xooimage.com/files/2/1/f/untitled-3a8b064.png" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" border="0"></a>
            <a href="{U_FAQ}"><img src="http://img56.xooimage.com/files/4/c/2/untitled-3a8b082.png" alt="{L_FAQ}" hspace="3" border="0"></a> 
            <a href="{U_SEARCH}"><img src="http://img55.xooimage.com/files/e/2/c/untitled-3a8b0de.png" alt="{L_SEARCH}" hspace="3" border="0"></a> 
            <a href="{U_MEMBERLIST}"><img src="http://img56.xooimage.com/files/a/d/a/untitled-3a8b03c.png" alt="{L_MEMBERLIST}" hspace="3" border="0"></a> 
            <a href="{U_GROUP_CP}"><img src="http://img57.xooimage.com/files/6/f/d/untitled-3a8b125.png" alt="{L_USERGROUPS}" hspace="3" border="0"></a>
        </td>
    </tr>
    <tr bgcolor="#000000"> 
        <td colspan="2">
            <table width="780" border="0" cellspacing="0" cellpadding="8">
                <tr> 
                    <td>
Forum
Author Message
Ecaryuzan
Membre


Offline
Membre

Joined: 07 Jun 2012
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Masculin

PostPosted: Thu 3 Jan 2013 - 03:16    Post subject: [Tuto] Installer une image de fond Reply with quote

C'est bon j'ai réussi, mais l'image ne s'adapte pas aux résolutions est-il possible de le faire ?

Voici le code que j'ai à présent :

Code: Sélectionner - Agrandir


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img57.xooimage.com/files/e/1/7/bsrf-3acd39d.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<style>
html,body{margin:0;padding:0;}
#bg,#bg table,#bg td{width:100%;height:100%}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:auto}
#main{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;margin:0;padding:0;}
div#bg {
  z-index: -3;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  top: expression(body.scrollTop + 0 + "px");
}
</style>
</head>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="bg">
<div>
<table cellpadding="0" cellspacing="0"><tr><td>
<img alt="" src="http://img96.imageshack.us/img96/5231/lineageiiscene1920x1080.jpg">
</td></tr></table>
</div>
</div>

<div id="main">  
<a name="top"></a>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr bgcolor="#000000">
        <td height="122" valign="top">
            <!-- BANNER GOES UNDER HERE -->
            <img src="http://img55.xooimage.com/files/5/b/c/120811_raiderz_1-3a6ea3a.jpg">
    </td>
    </tr>
    <tr align="right" valign="top" bgcolor="#000000"> 
        <td height="19" colspan="2">
            <!-- BEGIN switch_user_logged_out -->
            <a href="{U_LOGIN_LOGOUT}"><img src="http://img57.xooimage.com/files/6/5/d/untitled-3a8afe1.png" alt="{L_LOGIN_LOGOUT}" hspace="3" border="0"></a> 
            <a href="{U_REGISTER}"><img src="http://img59.xooimage.com/files/a/0/7/untitled-3a8b0b8.png" alt="{L_REGISTER}" hspace="3" border="0"></a> 
            <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_LOGIN_LOGOUT}"><img src="http://img57.xooimage.com/files/3/1/1/untitled-3a8b021.png" alt="{L_LOGIN_LOGOUT}" hspace="3" border="0"></a>                            
            <!-- END switch_user_logged_in -->
            <a href="{U_PROFILE}"><img src="http://img59.xooimage.com/files/3/a/5/untitled-3a8b052.png" alt="{L_PROFILE}" hspace="3" border="0"></a> 
            <a href="{U_PRIVATEMSGS}"><img src="http://img59.xooimage.com/files/2/1/f/untitled-3a8b064.png" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" border="0"></a>
            <a href="{U_FAQ}"><img src="http://img56.xooimage.com/files/4/c/2/untitled-3a8b082.png" alt="{L_FAQ}" hspace="3" border="0"></a> 
            <a href="{U_SEARCH}"><img src="http://img55.xooimage.com/files/e/2/c/untitled-3a8b0de.png" alt="{L_SEARCH}" hspace="3" border="0"></a> 
            <a href="{U_MEMBERLIST}"><img src="http://img56.xooimage.com/files/a/d/a/untitled-3a8b03c.png" alt="{L_MEMBERLIST}" hspace="3" border="0"></a> 
            <a href="{U_GROUP_CP}"><img src="http://img57.xooimage.com/files/6/f/d/untitled-3a8b125.png" alt="{L_USERGROUPS}" hspace="3" border="0"></a>
        </td>
    </tr>
    <tr bgcolor="#000000"> 
        <td colspan="2">
            <table width="780" border="0" cellspacing="0" cellpadding="8">
                <tr> 
                    <td>

<iframe name="google_ads_frame" style="z-index:20;" src="" width="0" height="0" scrolling="no" frameborder="0" allowtransparency="true"></iframe>



Last edited by Ecaryuzan on Mon 7 Jan 2013 - 04:26; edited 1 time in total
Forum
Author Message
Couette
Membre


Offline
Membre

Joined: 20 May 2011
Posts: 57
Niveau:
Point(s): 58
Moyenne: 1.02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

PostPosted: Thu 3 Jan 2013 - 19:06    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour,
Votre réponse est ici : http://xooit.xooit.com/t36944-Auto-Redimension-de-l-image-de-fond-selon-la-resolution.htm
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Author Message
Ecaryuzan
Membre


Offline
Membre

Joined: 07 Jun 2012
Posts: 3
Niveau:
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Masculin

PostPosted: Mon 7 Jan 2013 - 04:23    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, j'ai suivis ce tutoriel mais rien n'y change.

Code: Sélectionner - Agrandir


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img57.xooimage.com/files/e/1/7/bsrf-3acd39d.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<style>
html,body{margin:0;padding:0;}
#bg,#bg table,#bg td{width:100%;height:100%}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:auto}
#main{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;margin:0;padding:0;}
div#bg {
  z-index: -3;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  _position: absolute;
  top: expression(body.scrollTop + 0 + "px");
}
</style>
</head>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="bg">
<div>
<table cellpadding="0" cellspacing="0"><tr><td>
<img alt="" src="http://www.top-walls.com/wp-content/uploads/2012/11/anime-anime-girls-Guilty-Crown-Yuzuriha....jpg">
</td></tr></table>
</div>
</div>

<div id="main">  
 
<a name="top"></a>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr bgcolor="#000000">
        <td height="122" valign="top">
            <!-- BANNER GOES UNDER HERE -->
            <img src="http://img55.xooimage.com/files/5/b/c/120811_raiderz_1-3a6ea3a.jpg">
    </td>
    </tr>
    <tr align="right" valign="top" bgcolor="#000000"> 
        <td height="19" colspan="2">
            <!-- BEGIN switch_user_logged_out -->
            <a href="{U_LOGIN_LOGOUT}"><img src="http://img57.xooimage.com/files/6/5/d/untitled-3a8afe1.png" alt="{L_LOGIN_LOGOUT}" hspace="3" border="0"></a> 
            <a href="{U_REGISTER}"><img src="http://img59.xooimage.com/files/a/0/7/untitled-3a8b0b8.png" alt="{L_REGISTER}" hspace="3" border="0"></a> 
            <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_LOGIN_LOGOUT}"><img src="http://img57.xooimage.com/files/3/1/1/untitled-3a8b021.png" alt="{L_LOGIN_LOGOUT}" hspace="3" border="0"></a>                            
            <!-- END switch_user_logged_in -->
            <a href="{U_PROFILE}"><img src="http://img59.xooimage.com/files/3/a/5/untitled-3a8b052.png" alt="{L_PROFILE}" hspace="3" border="0"></a> 
            <a href="{U_PRIVATEMSGS}"><img src="http://img59.xooimage.com/files/2/1/f/untitled-3a8b064.png" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" border="0"></a>
            <a href="{U_FAQ}"><img src="http://img56.xooimage.com/files/4/c/2/untitled-3a8b082.png" alt="{L_FAQ}" hspace="3" border="0"></a> 
            <a href="{U_SEARCH}"><img src="http://img55.xooimage.com/files/e/2/c/untitled-3a8b0de.png" alt="{L_SEARCH}" hspace="3" border="0"></a> 
            <a href="{U_MEMBERLIST}"><img src="http://img56.xooimage.com/files/a/d/a/untitled-3a8b03c.png" alt="{L_MEMBERLIST}" hspace="3" border="0"></a> 
            <a href="{U_GROUP_CP}"><img src="http://img57.xooimage.com/files/6/f/d/untitled-3a8b125.png" alt="{L_USERGROUPS}" hspace="3" border="0"></a>
        </td>
    </tr>
    <tr bgcolor="#000000"> 
        <td colspan="2">
            <table width="780" border="0" cellspacing="0" cellpadding="8">
                <tr> 
                    <td>

    <iframe name="google_ads_frame" style="z-index:20;" src="" width="0" height="0" scrolling="no" frameborder="0" allowtransparency="true"></iframe>





Forum
Author Message
XoX-Kain-XoX
Membre


Offline
Membre

Joined: 12 Jan 2013
Posts: 5
Niveau:
Point(s): 5
Moyenne: 1.00
Masculin

PostPosted: Sun 13 Jan 2013 - 00:00    Post subject: Changer mon image d'arrière plan theme Acid TechBlood... Reply with quote

Bonjour,
Je vien de m'inscrire sur votre forum d'entraide, et je m'excuse si cette question a déjà été posé...
Voici mon forum : http://confreriedunod.xooit.fr/portal.php
je voudrais changer mon image d'arrière plan par celle-ci : http://img.xooimage.com/files93/9/e/c/nod-2--3b15093.jpg
mon thème est : AcidTechBlood
Pour compliquer la tâche, je voudrais que mon image reste fixe et unique tout en prenant toute la place...
voici ce que j'ai dans mon template acidtechblood.css:

html, body {
 background: #242424 url('http://img.xooimage.com/files6/b/o/body-30e5c.gif');
 padding: 0;
 margin: 0;
 color: #D0D0D0;
}

Pouvez-vous m'aider?
Merci d'avance...
_______________________
Kain commander de la confrérie du NoD sur battlefield 4


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Sun 13 Jan 2013 - 09:53    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour.

veuillez essayer ce code mais il est possible que dans votre thème de test l'image ne reste pas fixe.
à essayer directement dans le thème normal en sauvegardant votre template avant:
Code: Sélectionner - Agrandir

 background:  url('http://img93.xooimage.com/files/9/e/c/nod-2--3b15093.jpg');
 background-attachment:fixed;
 padding: 0;
 margin: 0;


cordialement.


Forum
Author Message
XoX-Kain-XoX
Membre


Offline
Membre

Joined: 12 Jan 2013
Posts: 5
Niveau:
Point(s): 5
Moyenne: 1.00
Masculin

PostPosted: Sun 13 Jan 2013 - 11:54    Post subject: [Tuto] Installer une image de fond Reply with quote


Bonjour,

Merci pour votre réponse rapide je dois avouer ^^

Effectivement, le fait de le passer dans le thème normal donne un résultat plus satisfaisant...^^

Actuellement, mon image est fixe cependant elle se répète une fois horizontalement...

Même si ce résultat pourrais me convenir, j'aurais aimer avoir mon image en un seul morceaux et prenant toute la place en arrière plan...

Avez-vous une solution?

Merci pour votre aide...

_______________________
Kain commander de la confrérie du NoD sur battlefield 4


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Sun 13 Jan 2013 - 12:03    Post subject: [Tuto] Installer une image de fond Reply with quote

dans ce cas il va vous falloir utiliser ce tuto:
http://xooit.xooit.com/t36944-Auto-Redimension-de-l-image-de-fond-selon-la-…


Forum
Author Message
XoX-Kain-XoX
Membre


Offline
Membre

Joined: 12 Jan 2013
Posts: 5
Niveau:
Point(s): 5
Moyenne: 1.00
Masculin

PostPosted: Sun 13 Jan 2013 - 13:15    Post subject: [Tuto] Installer une image de fond Reply with quote

RE.

Mission accomplie!
Après m'être battue (un peu) avec l'image de base, j'ai enfin réussi à avoir ce que je voulais!
Le tuto est simple et clair... bravo!

Merci beaucoup de votre aide et bonne continuation!!

Je vous laisse voir le résultat: http://confreriedunod.xooit.fr/portal.php
_______________________
Kain commander de la confrérie du NoD sur battlefield 4


Forum
Author Message
yoyo.03
Membre


Offline
Membre

Joined: 14 Feb 2013
Posts: 3
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 14 Feb 2013 - 22:01    Post subject: image de fond Reply with quote

Bonjour,

Tout d'abord je suis désolé si mon sujet à déjà été traité, cependant je ne peux pas tout lire...

Alors voilà, je navigue via Firefox.

Mon thème de base  est : tolede.

Est-ce possible pour mon cas de modifier mon image de fond tout en étant fixe et prenant tout le fond ?

Merci d'avance,

Cordialement.


Forum
Author Message
Migwel
Membre


Offline
Membre

Joined: 03 Sep 2007
Posts: 9
Point(s): 9
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 15 Feb 2013 - 00:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Comme ça dans overall header :

Code: Sélectionner - Agrandir
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
         background-image: url("http://.......................................jpg");
         background-repeat: repeat-y;
         background-attachment: fixed;


Forum
Author Message
yoyo.03
Membre


Offline
Membre

Joined: 14 Feb 2013
Posts: 3
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Fri 15 Feb 2013 - 12:41    Post subject: [Tuto] Installer une image de fond Reply with quote

 Ok, merci,

Ca marche plus ou moins bien, j'ai réussis à mettre l'image en fond, mais je n'arrive pas à la mettre entièrement et cadrer...
Possible que ça vienne du fait que je m'entraine sur le thème de test ?
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img6.xooimage.com/files/t/o/tolede-8f81a.css" type="text/css" -->
<style type="text/css">
<!--
/*
  lost kingdom_Tolede Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
        background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://img32.imageshack.us/img32/5751/warzmap25.jpg");
         background-repeat: repeat-y;
         background-attachment: fixed;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
/*.bodyline    { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR3}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img7.xooimage.com/files/c/e/cell-3c07e.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img3.xooimage.com/files/c/e/cellhead-3c07f.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img7.xooimage.com/files/c/e/cell-3c07e.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TD_COLOR1};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TD_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<style>
html,body,#bg,#bg table,#bg td{width:100%;height:100%;margin:0;padding:0;overflow:hidden}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:auto}
#main{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;margin:0;padding:0;overflow:auto}
div#bg {
  z-index: -3;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  /* pour les navigateurs "normaux" */
  position: fixed;
  top: 0;
  /* pour IE */
  _position: absolute;
  top: expression(body.scrollTop + 0 + "px");
}
</style>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="bg">
<div>
<table cellpadding="0" cellspacing="0"><tr><td>
<img alt="" src="http://image-de-fond.jpg">
</td></tr></table>
</div>
</div>

<div id="main"> 

<a name="top"></a>

<table width="40%" cellspacing="40" cellpadding="0" border="40" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center"><a href="{U_INDEX}"><img src="http://img6.xooimage.com/files/l/o/logo-3c080.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr>
                <tr><td>&nbsp;</td></tr>
                <tr><td>&nbsp;</td></tr>
                <tr><td>&nbsp;</td></tr>
                <tr>
                <td align="center" width="100%" valign="middle">
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr><!-- BEGIN switch_user_logged_in -->
                          
                           <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img src="http://img5.xooimage.com/files/h/o/home-3c081.jpg" width="85" height="66" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img6.xooimage.com/files/f/a/faq-3c082.jpg" width="44" height="66" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/s/e/search-3c083.jpg" width="109" height="66" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img2.xooimage.com/files/m/e/members-3c084.jpg" width="80" height="66" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img5.xooimage.com/files/g/r/groups-3c085.jpg" width="79" height="66" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img6.xooimage.com/files/p/r/profile-3c086.jpg" width="64" height="66" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="97" height="66" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/l/o/logout-3c087.jpg" width="123" height="66" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></span></td>
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img src="http://img5.xooimage.com/files/h/o/home-3c081.jpg" width="85" height="66" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img6.xooimage.com/files/f/a/faq-3c082.jpg" width="44" height="66" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/s/e/search-3c083.jpg" width="109" height="66" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/r/e/register-3c088.jpg" width="116" height="66" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/l/o/login-3c089.jpg" width="123" height="66" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></span></td>
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />




Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Fri 15 Feb 2013 - 15:33    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour.

voyez ce tuto s'il peut corriger votre soucis.
cordialement.


Forum
Author Message
Migwel
Membre


Offline
Membre

Joined: 03 Sep 2007
Posts: 9
Point(s): 9
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 15 Feb 2013 - 19:11    Post subject: [Tuto] Installer une image de fond Reply with quote

Faites l'essai directement sur le template du forum quite à changer d'image ensuite.

Par ailleurs, comme on n'en verra que les bords, je ne comprends pas votre choix. Mettez plutôt Manhattan ou un soleil couchant.


Forum
Author Message
yoyo.03
Membre


Offline
Membre

Joined: 14 Feb 2013
Posts: 3
Point(s): 3
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 16 Feb 2013 - 13:39    Post subject: [Tuto] Installer une image de fond Reply with quote

le choix est que en faite cette image proviens du jeux auquel je joue.. mais oui il va falloir que je change tant pis.. ^^ 

Forum
Author Message
Alibouma
Membre


Offline
Membre

Joined: 15 Sep 2012
Posts: 47
Point(s): 41
Moyenne: 0.87
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep)

PostPosted: Fri 3 May 2013 - 12:00    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour,

J'ai testé ce tutoriel mais avec celui-ci ce n'est pas que l'image de fond verte qui en sera modifié, se sera aussi l'image de fond beige. Ce serait difficile de comprendre ce que je raconte sans visualiser mon forum:
http://rencontresentreaspergers.xooit.fr

J'aimerai modifié seulement l'image de fond verte .

Merci d'avance
_______________________
Bonjour, j'ai des difficultés à trouver des tutos adaptés au forums phpbb pour le référencement. Je reste joignable par mp.Merci


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 12:01    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 262 of 268 Goto page: <  1, 2, 3261, 262, 263266, 267, 268  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401