La date/heure actuelle est Jeu 19 Oct 2017 - 05:30 - créer un forum

[Tuto] Installer une image de fond

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 3211, 212, 213266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
axfou





MessagePosté le: Mer 12 Aoû 2009 - 18:59    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

j'ai une idée:un modo s'inscrire sur ma team je le mets admin il me met cette image en fond http://www.noelshack.com/up/aaa/vue_mt_couronne-94f0d4c717.jpg svp parceque je n'arrive pas? merci d'avance sur http://planet-pokemon.xooit.fr/index.php
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 12 Aoû 2009 - 19:01    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

avec le thème de ton forum il faut faire exactement comme indiqué mais dans le template

solaris-3591e.css

tu fais comme indiqué
_______________________


Forum
Auteur Message
axfou


Hors ligne
Invité




MessagePosté le: Mer 12 Aoû 2009 - 19:02    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu peux pas le faire stp? je comprends rien Crying or Very sad

Auteur Message
axfou


Hors ligne
Invité




MessagePosté le: Mer 12 Aoû 2009 - 19:04    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

enfait j'ai compris merci




Auteur Message
Étienne256


Hors ligne
Invité




MessagePosté le: Ven 14 Aoû 2009 - 19:17    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour à vous,
Voilà 3 heures que je me bas avec ce truc.
Voilà mon code si quelqu'un peut m'aider merci :


   <!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://img.xooimage.com/files3/o/n/onyx-906af.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx 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-image: url(http://img.xooimage.com/files4/e/4/b/fond-1-11fae5f.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #444444;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color:  #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #222222;
}

/* 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: none; 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: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR1}; 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://img.xooimage.com/files6/b/a/back_catd-758c2.gif);
        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://img.xooimage.com/files9/b/a/back_title-758bb.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files6/b/a/back_catg-758be.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 Smile
*/
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: 25px;
}
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: 18px; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; 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_TH_COLOR1}; 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_TH_COLOR1}; 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_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

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

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    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 Wink
*/
.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://img.xooimage.com/files10/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 -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top">[/url]

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center" width="100%" valign="middle">
</td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                            

                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                            

                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

       

      



Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Ven 14 Aoû 2009 - 19:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

quand tu mets un template mets le comme ça

http://xooit.xooit.com/t40996-Poster-le-contenu-d-un-template.htm

sinon apparement avec ton thème les modification sont à faire dans le template css le premier de la liste
_______________________


Forum
Auteur Message
Étienne256


Hors ligne
Invité




MessagePosté le: Ven 14 Aoû 2009 - 19:23    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

C'est résolu, je m'étais trompé de templates je crois...
undecided


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Ven 14 Aoû 2009 - 19:26    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu n'as pas mis correctement entre les balise code

sinon ici
Code: Sélectionner - Agrandir

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   
    background-image: url(http://img4.xooimage.com/files/e/4/b/fond-1-11fae5f.png);


il suffit de changer le lien de l'image par celle que tu veux
_______________________


Forum
Auteur Message
starfox66
Membre


Hors ligne
Membre

Inscrit le: 09 Fév 2008
Messages: 68
Niveau:
Point(s): 68
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

MessagePosté le: Dim 16 Aoû 2009 - 22:09    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonsoir,
c'est possible de mettre 3 arrières plan différents? Un à gauche, l'autre au milieu et le dernier à droite?


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 17 Aoû 2009 - 11:00    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

non

il faut créer une seule image qui contient les trois image comme tu veux les mettre et mettre le lien de cette image comme indiqué dans le tuto
_______________________


Forum
Auteur Message
starfox66
Membre


Hors ligne
Membre

Inscrit le: 09 Fév 2008
Messages: 68
Niveau:
Point(s): 68
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

MessagePosté le: Lun 17 Aoû 2009 - 11:47    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Hum le truc c'est que si je fais sa en une seule image sa va pas à toutes les résolutions d'écran. Il n'y a que le côté gauche pareil chez tout le monde. Donc me demandais si y'avais moyen de mettre une image avec balise /left /center et /right...

Merci quand même ^^


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 17 Aoû 2009 - 11:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

utilises ce tuto pour mettre en fonction de toutes les résolution

http://xooit.xooit.com/t36944-Auto-Redimension-de-l-image-de-fond-selon-la-…
_______________________


Forum
Auteur Message
starfox66
Membre


Hors ligne
Membre

Inscrit le: 09 Fév 2008
Messages: 68
Niveau:
Point(s): 68
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

MessagePosté le: Lun 17 Aoû 2009 - 14:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

je vais peut-être paraître chiante mais le résultat n'est pas celui que je veux ^^'

J'ai cherché dans les autres thèmes parce que je me rappelais en avoir vu un avec les 3 fonds différents comme je l'ai dit plus haut: un spécial gauche, centre et droite.

Ce thème c'est MylNoel. J'ai regardé et dans "changer les images" on voit bien "Fond d" et "Fond g". Maintenant j'ai essayé de mélanger le template de mon thème (qui à l'origine est Appalachia je crois) avec celui du thème MylNoel mais j'ai pas réussi à avoir ce truc du côté droite et gauche.

Voilà le templates Overall header de mon forum:
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/6/6/1/appalachia-120d6b6.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky

  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-image: url("http://img10.xooimage.com/files/7/8/b/fond-du-forum-test-121094f.jpg");
   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};

}

/* 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-image: url("http://img5.xooimage.com/files/1/c/f/background-arche-clair-120cece.jpg"); border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; 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://img5.xooimage.com/files/9/e/a/barre-celpic-2-nebilim-120d670.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img5.xooimage.com/files/3/a/2/barre-celpic-3-120d22e.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img9.xooimage.com/files/d/2/2/cellpic-1-120d6b5.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_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_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-31188.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 -->
<script language="JavaScript">
var nb = 0;
var hasard = 0;

banniere = new Array;
banniere[1] = new Image();
banniere[1].src = "http://img10.xooimage.com/files/d/0/b/banni-re-120b3b6.png";
banniere[2] = new Image();
banniere[2].src = "http://img8.xooimage.com/files/0/4/a/banni-re-120b413.png";
banniere[3] = new Image();
banniere[3].src = "http://img1.xooimage.com/files/c/2/a/banni-re-120b3f1.png";
function bascule() {
var numimg = banniere.length - 1;
do {
var nombre = Math.random();
nb = Math.round((numimg - 1) * nombre) + 1;
} while (nb == hasard);
hasard = nb;
document.choix.src = banniere[hasard].src;
}
</script>
    <script type="text/javascript">

    function setActiveStyleSheet(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
    function getActiveStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
      }
      return null;
    }
    function getPreferredStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
           && a.getAttribute("rel").indexOf("alt") == -1
           && a.getAttribute("title")
           ) return a.getAttribute("title");
      }
      return null;
    }
    function createCookie(name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      }
      else expires = "";
      document.cookie = name+"="+value+expires+"; path=/";
    }
    function readCookie(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
    }
    window.onload = function(e) {
      var cookie = readCookie("style");
      var title = cookie ? cookie : getPreferredStyleSheet();
      setActiveStyleSheet(title);
    }
    window.onunload = function(e) {
      var title = getActiveStyleSheet();
      createCookie("style", title, 365);
    }
    var cookie = readCookie("style");
    var title = cookie ? cookie : getPreferredStyleSheet();
    setActiveStyleSheet(title);

    </script>
</head>
    <body onLoad="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>
<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td height="85">   <a href="{U_INDEX}"><img name="choix" src="http://img10.xooimage.com/files/d/0/b/banni-re-120b3b6.png"  border="0" /></td>
   </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img9.xooimage.com/files/9/e/7/barre-index-membres-faq-120d1f0.jpg" />
   <tr>
      <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
         <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
         <!-- END switch_user_logged_in -->
         </span>
      </td>
   </tr>
</table>     
<table width="930" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
     <td class="bodyline">


Et celui de l'autre thème:
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 http-equiv="imagetoolbar" content="no">
{META}
{NAV_LINKS}
<title>{SITENAME} .::. {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img9.xooimage.com/files/m/y/mylnoel-34679.css" type="text/css" />
<style type="text/css">
<!--
TH         { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
TD.cat      { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
TD.rowpic   { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
-->
</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 -->

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

<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tr>
   <td class="g"></td>
<td><table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td><table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline" align="center">
  <tr>
   <td class="Haut" height="30" colspan="2"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  <tr>
   <td align="left"><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/l/o/logo_phpbb-3467b.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
   <td align="center" width="100%"><span class="maintitle">{SITENAME}</span><br /><span class="maintitle2">{SITE_DESCRIPTION}</span><br />&nbsp;</td>
  </tr><tr>
         <td align="center" valign="top" colspan="2"><span class="mainmenu">
         <a href="{U_FAQ}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-3467d.gif" border="0" alt="{L_FAQ}" hspace="3" /></a>
         <a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_search-3467e.gif" border="0" alt="{L_SEARCH}" hspace="3" /></a>
         <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_members-3467f.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>
         <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_groups-34680.gif" border="0" alt="{L_USERGROUPS}" hspace="3" /></a>
         </span></td>
      </tr>
      <tr>
         <td align="center" valign="top" colspan="2"><span class="mainmenu">
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register_out-34681.gif" border="0" alt="{L_REGISTER}" hspace="3" /></a>
         <img src="http://img7.xooimage.com/files/i/c/icon_mini_message_out-34682.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />
         <img src="http://img10.xooimage.com/files/i/c/icon_mini_profile_out-34683.gif" border="0" alt="{L_PROFILE}" hspace="3" />
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login_out-34684.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
         <br>&nbsp;</span>
         <!-- END switch_user_logged_out -->

         <!-- BEGIN switch_user_logged_in -->
         <span class="mainmenu">
         <a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_register-34685.gif" border="0" alt="{L_REGISTER}" hspace="3" /></a>
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_message-34686.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></a>
         <a href="{U_PROFILE}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_profile-34687.gif" border="0" alt="{L_PROFILE}" hspace="3" /></a>
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_login-34688.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
         </span><br/><br/>
      <table border="0" cellspacing="0" cellpadding="0" align="center">
           <tr>
             <td class="bout_g"></td>
             <td class="bout_c" nowrap="nowrap"><a href="{U_PRIVATEMSGS}" class="mainmenu"><b>{PRIVATE_MESSAGE_INFO}</b></a></td>
             <td class="bout_d"></td>
           </tr>
      </table>
         <!-- END switch_user_logged_in -->
         <br></td>
      </tr>
  <tr>
      <td class="spaceRow" colspan="2" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
</table>
<br />


Désolée de vous déranger ^^"


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Lun 17 Aoû 2009 - 19:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

dans overall header après ça

Code: Sélectionner - Agrandir
</head>
    <body onLoad="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>


mets ça

Code: Sélectionner - Agrandir
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
      <tr>
       <td background="lien de ton imag"></td>
    <td>


et dans overall footer après le dernier

Code: Sélectionner - Agrandir
</table>

mets ça

</td>
<td background="lien de ton image"></td>
</tr></table>

_______________________


Dernière édition par themalin le Mar 18 Aoû 2009 - 10:56; édité 1 fois
Forum
Auteur Message
starfox66
Membre


Hors ligne
Membre

Inscrit le: 09 Fév 2008
Messages: 68
Niveau:
Point(s): 68
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

MessagePosté le: Lun 17 Aoû 2009 - 22:46    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

C'est encore moi XD

Humm sa n'a pas changer grand chose... c'est par là que j'aurais dû commencer. Voilà une capture d'écran du résultat que le veux peut importe les résolutions:

http://img.xooimage.com/files47/b/8/0/ta-1215f68.jpg

Les persos sur fond rouge sont bien alignés de chaque côté mais là c'est chez moi. Chez un membre de mon forum les persos de droite sont coupés et on les voit pas >.<

Le dernier code que tu m'as donné je l'ai essayer et sa n'a rien fait rien changer =s

On peut pas tout simplement avoir le même code image que dans le thème dit au dessus? avec les 3 images bien séparées et bien chacune de leur côté?


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 18 Aoû 2009 - 10:56    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu mets bien ça

Code: Sélectionner - Agrandir
</td>
<td background="lien de ton image">&nbsp;</td>
</tr></table>


avec le lien de ton image en question qui est un lien valide pour les deux codes que j'ai donné
tu dois mettre un lien dans chacun d'eux
_______________________


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 05:30    Sujet du message: [Tuto] Installer une image de fond

Montrer les messages depuis:   
Répondre au sujet Page 212 sur 268 Aller à la page: <  1, 2, 3211, 212, 213266, 267, 268  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401