La date/heure actuelle est Lun 23 Oct 2017 - 22:48 - 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, 382, 83, 84266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
gaetan





MessagePosté le: Ven 21 Déc 2007 - 18:07    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Soi sa:
/* 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://www.picdo.net/Fichiers/7b8b832583c7d52dcdc683ba8cd5aa/fond.jpg");
background-repeat: repeat-y;
background-attachment: fixed;

}

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

Ou sa:

body
{
background-image: url("http://www.picdo.net/Fichiers/7b8b832583c7d52dcdc683ba8cd5aa/fond.jpg");
}
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 21 Déc 2007 - 20:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

je vois bien ton image de fond sur ton forum

sinon ici

background-repeat: repeat-y;

remplaces par

background-repeat: repeat;
_______________________


Forum
Auteur Message
gaetan


Hors ligne
Invité




MessagePosté le: Sam 22 Déc 2007 - 14:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

non pas le forum mais c'est sur la page d'accueil et comme j'ai enlever le méssage dans tête il faut le mêttre dans module modifier en html c'est la que j'arrive a pas le faire fonctionner 
c'est sur cette page la
http://www.jackass-gaetan.xooit.com/portal.php?pid=5


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: Sam 22 Déc 2007 - 18:11    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Forum
Auteur Message
gaetan


Hors ligne
Invité




MessagePosté le: Dim 23 Déc 2007 - 14:18    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

oui mais c'est mêttre un fond dans un bloc moi je ne créer pas de bloc 

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: Dim 23 Déc 2007 - 17:28    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

c'est le même principe pour le portail en entier
fais

panneau admin
thème
modifier les templates
portal body tpl
tout au début tu mets ça


 
Code: Sélectionner - Agrandir

<table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">
  <tr>
<td colspan="2" background="lien de votre image" width="" height="" >  



et tout à la fin tu mets ça

 
Code: Sélectionner - Agrandir
</td>
</tr>
</table> 



ensuite tu changes lien de l'image par celle que tu veux mettre
_______________________


Forum
Auteur Message
Yuna89


Hors ligne
Invité




MessagePosté le: Dim 23 Déc 2007 - 19:45    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour,
j'ai lu tout jusqu'a la 83eme page et malheuresement je ne suis pas arriver a mettre une image en fond pour mon forum qui est :  http://yamapibandsco.fansforum.info/index.php 

je voudrai mettre cette image : http://img176.imageshack.us/img176/9880/fontforumqw1.th.jpg 

j'ai toute la demarche a suivre que vous avez indiquer mais cela n'a pas vraiment fonctionner ! cela a mi quelque petite image sur la gauche ! s'il vous plait aidez sachant que je ne connais rien aux template ni meme aux forum ^^

merci d'avance !!

PS : mon theme est : creamywhite

Voici mon template : creamywhite-320ac.css =



/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
  Modified for Creamy Series Theme for phpBB version 2+
  http://www.reddevboard.com/
*/

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: #EBEBEB;
 scrollbar-face-color: #DEE3E7;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: #DEE3E7;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
         background-image: url("http://img176.imageshack.us/img176/9880/fontforumqw1.th.jpg");
         background-repeat: repeat-y;
         background-attachment: fixed;   
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { text-decoration: none; color : #006699; }
a:hover  { text-decoration: none; color : #7A9EC5; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
/* .bodyline{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }*/
/* This is the outline round the main forum tables */
/*.forumline { background-color: #C0C0C0; border: 0px; }
/*
/* Headers and footers cell colours and backgrounds */
.hdr { background-image: url('http://img.xooimage.com/files6/h/d/hd_bg-3209d.gif'); height: 25px; border: 0px; color: #006699; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
.hdra { background-image: url('http://img.xooimage.com/files10/h/d/hda_bg-3209e.gif'); height: 25px; border: 0px; color: #006699; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
.hdr a, table.hdr a:visited { color: #006699; text-decoration: none; }
.hdr a:hover, table.hdr a:active { color: #7A9EC5; text-decoration: none; }
.hdrtop { background-image: url('http://img.xooimage.com/files4/m/a/main_bg-3209f.gif'); height: 25px; border: 0px; }
td.ftr { background-image: url('http://img.xooimage.com/files8/f/t/ft_bg-320a0.gif'); background-repeat: repeat-x; font-size: 8px; }
td.bottom { background-image: url('http://img.xooimage.com/files6/b/o/bottom_middle-320a1.gif'); background-repeat: repeat-x; font-size: 8px; }
.ftrbot { background-image: url('http://img.xooimage.com/files6/h/d/hd_bg-3209d.gif'); height: 25px; border: 0px; color: #006699; letter-spacing: 1px; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }
td.row4 { background-color: #FFFFFF; }
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #999999; font-size: 11px; font-weight : bold;
 background-color: #E5E5E5; height: 25px;
 background-image: url('http://img.xooimage.com/files6/c/e/cellpic3-320a2.gif');
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url('http://img.xooimage.com/files6/c/e/cellpic3-320a2.gif');
   background-color:#D1D7DC; border: 0px; 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: #C0C0C0; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
 background-color: #D1D7DC; border: #C0C0C0; border-style: solid; }
th.thHead,td.catHead { font-size: 12px; 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,h1,h2 {
   font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none; line-height : 120%; color : #000000;
}
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #7A9EC5; text-decoration: nonr; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #000000 }
a.mainmenu  { text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: none; color : #7A9EC5; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle  { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: none; color : #7A9EC5; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink  { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: none; color : #7A9EC5; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 11px; color : #000000;}
a.nav   { text-decoration: none; color : #006699; }
a.nav:hover  { text-decoration: none; color : #7A9EC5; }
/* titles for the topics: could specify viewed link colour too */
.topictitle   { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: none; color : #7A9EC5; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 11px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails  { font-size : 10px; color : #000000; }
/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: none; color : #7A9EC5}
/* Quote & Code blocks */
.code {
 font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
 background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
 background-color: #FAFAFA; border: #D1D7DC; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright  { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : #000000;
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 margin: 1px;
 border: thin solid;
 background-color : #FFFFFF;
 font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
 border: thin solid;
 background-color : #FFFFFF;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 border: thin solid;
 background-color : #FFFFFF;
 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: #DEE3E7; 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');


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: Dim 23 Déc 2007 - 19:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

si c'est le forum de ton profil je vois bien l'image de fond mais tu n'as pas pris le bon lien
une fois que tu as uploader ton image tu dois prendre le direct link et le mettre à l'endroit indiqué ensuite dans ton template ici

background-repeat: repeat-y;

remplaces par

background-repeat: repeat;
_______________________


Forum
Auteur Message
Yuna89


Hors ligne
Invité




MessagePosté le: Dim 23 Déc 2007 - 19:59    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

merciii j'ai reussiiiiii !!!!

Dernière édition par Yuna89 le Dim 23 Déc 2007 - 20:07; édité 1 fois
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: Dim 23 Déc 2007 - 20:05    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

quand tu upload ton image
tu te retrouves sur une page avec tous les liens
le direct link est le dernier lien de la page
_______________________


Forum
Auteur Message
Rodee Cox


Hors ligne
Invité




MessagePosté le: Jeu 27 Déc 2007 - 06:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour ,

Est-ce que ça marche sur la thème olympus Xooit parce que j'ai cherché mais je trouve pas. Crying or Very sad



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://img9.xooimage.com/files/o/l/olympus2-4bd8c.css" type="text/css">
</head><a name="top"></a>
<body> 

<div id="wrapbody">
<div id="wrapheader">
 <a name="top"></a>
 <div id="headermenu">
  <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT} <img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" alt="{L_LOGIN_LOGOUT}" /></a><br />
  <!-- BEGIN switch_user_logged_out -->
  <a href="{U_REGISTER}">{L_REGISTER} <img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" alt="{L_REGISTER}" /></a><br />
  <!-- END switch_user_logged_out -->
  <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=EF1B04><script language="javascript" type="text/javascript">if( {PRIVATE_MESSAGE_NEW_FLAG} ) { document.write("{PRIVATE_MESSAGE_INFO}"); } else { document.write("Message Privé"); }</script><noscript>{PRIVATE_MESSAGE_INFO}</noscript></span></a> <img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" alt="{PRIVATE_MESSAGE_INFO}" /></a>
 </div>
 <h1><span class="logo_xooit"></span><span class="logo_com">{SITENAME}</span></h1>
 <!-- <h1><span class="logo_xooit">Xooit</span><span class="logo_com">.com</span></h1>-->
 <h2>{SITE_DESCRIPTION}</h2>
</div>



                
<div id="wrapcentre">

<div id="menubar">
<a href="{U_FAQ}"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" alt="{L_FAQ}" /> {L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" alt="{L_SEARCH}" /> {L_SEARCH}</a>
<!-- BEGIN switch_user_logged_in -->
&nbsp; &nbsp;<a href="{U_PROFILE}"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" alt="{L_PROFILE}" /> {L_PROFILE}</a><
<!-- END switch_user_logged_in -->
</div>
        <!-- BEGIN switch_user_logged_in -->
    <div id="datebar"><table width="100%" cellspacing="0">
        <tr>
            <td class="gensmall">
            {LAST_VISIT_DATE}
            </td>
            <td class="gensmall" align="right">{CURRENT_TIME}<br /></td>
        </tr>
    </table></div>
    <p class="searchbar">
        <a style="float: left;" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        <span style="float: right;"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
    </p>
        <!-- END switch_user_logged_in -->

    <br clear="all" />

    

<br /> 

Voici mon template. Wink

Voici le template Olympus2.css mais c'est différent. undecided

 
Code: Sélectionner - Agrandir

/*
  The original olympus Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #536482;
    background: #E4EDF0 url('http://img.xooimage.com/files/') 0 0 repeat-x;
       font-size: 62.5%;            /* This sets the default font size to be equivalent to 10px */
    padding:1.5em 0;
    text-align:center;
}


img {
    border:0;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

a:link { color: #005784; text-decoration: none; }
a:active { color: #005784; text-decoration: none; }
a:visited { color: #005784; text-decoration: none; }
a:hover { color: #D46400; text-decoration: underline; }

/*a:link,a:active,a:visited {
    color : #006699;
    text-decoration: none;
}
a:hover        { text-decoration: underline; color : #DD6900; }*/

hr    { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


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

/* This is the outline round the main forum tables */
/*.forumline    { background-color: #FFFFFF; border: 0px solid #006699; } */


/* Main table cell colours and backgrounds */
.row1 { background-color: #ECECEC; padding: 4px; }
.row2 { background-color: #DCE1E5; padding: 4px; }
.row3 { background-color: #C0C8D0; padding: 4px; }

/*td.row1    { background-color: #EFEFEF; }
td.row2    { background-color: #DEE3E7; }
td.row3    { background-color: #D1D7DC; }*/


/*
  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: #FFFFFF;
        background-image: url('http://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg');
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #FFA34F; font-size: 11px; font-weight : bold;
    background-color: #006699; height: 25px;
    background-image: url('http://img2.xooimage.com/files/c/e/cellpic3-30da8.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url('http://img2.xooimage.com/files/c/e/cellpic1-30da9.gif');
            background-color:#D1D7DC; border: #FFFFFF; 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: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
    background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

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


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2    {
            font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
            text-decoration: none; line-height : 120%; color : #000000;
}

h4 { margin: 0px; font-size: 80%; font-weight: bold; }



/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : 11px; color : #000000 }
a.mainmenu        { text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


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


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


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
/*.nav            { font-weight: bold; font-size: 11px; color : #000000;}
a.nav            { text-decoration: none; color : #006699; }
a.nav:hover        { text-decoration: underline; }*/
.nav { margin: 0px; color: black; font-size: 60%; font-weight: bold; }



/* titles for the topics: could specify viewed link colour too */

p.topictitle { margin: 1px 0px; display: inline; font-size: 65%; font-weight: bold; }

.topictitle            { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover    { text-decoration: underline; color : #DD6900; }


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

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link    { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
    background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
    background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quotetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #A9B8C2; font-size: 8pt; }
.quotecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; font-size: 8pt; font-family: Verdana, sans-serif; background-color: #FAFAFA; }



/* Copyright and bottom info */
.copyright        { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
div.copyright {
    text-align:center;
}
a.copyright        { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
    color : #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border-color : #000000;
}

textarea.post {
    border: 1px solid #000000;
    background-color : #FFFFFF;


}

/* The text input fields background colour */
input.post, select {
    background-color : #FFFFFF;
    border: none;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #EFEFEF;
    color : #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px #ECE9D8;
    padding: 2px;
}

/* The main submit button option */
input.mainoption {
    background-color : #FAFAFA;
    font-weight : bold;
    border: 1px #ECE9D8;
}

#quick_reply_form input.mainoption {
    background-color : #EFEFEF;
}

/* None-bold submit button */
input.liteoption {
    background-color : #FAFAFA;
    font-weight : normal;
    border: 1px #ECE9D8;
}

#quick_reply_form input.liteoption {
        background-color : #EFEFEF;
}

/* 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: #DEE3E7; border-style: none; }

#wrapbody {
 width:800px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

/* Olympus-style menu bar */

/*#wrapheader { width: 100%; height: 150px; background-image: url('http://img6.xooimage.com/files/b/a/background-34cdb.gif'); background-repeat: repeat-x; }*/
#wrapheader h1 {
    font-size:32px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin:0;
}
#wrapheader h1 span.logo_xooit {
    color:#006699;
}
#wrapheader h1 span.logo_com {
    color:#FF9900;
}

#wrapheader h2 {
    font: bold 1.8em 'Trebuchet MS', Verdana, sans-serif;
    color:#006699;
    margin:0;
}
#headermenu {
    float:right;
    text-align:right;
    padding-top:1em;
}

/*.page_logo {
    position: absolute;
    top: 4px;
    left: 40px;
}

.page_name {
    position: absolute;
    top: 4px;

}*/
.page_header {
    background: url('http://img6.xooimage.com/files/b/a/background-34cdb.gif') repeat-x;
    width: 100%;
    height: 140px;
}

#menubar {
    font-size: 1em;
    font-weight: bold;
    text-transform:uppercase;
}
#findbar { width: 100%; margin: 0px; padding: 0px; border: 0px; }
#wrapcentre {    
    background: #FFFFFF url('http://img7.xooimage.com/files/b/g/bg_contents-4bd01.gif') repeat-x;
    border: solid 1px  #A9B8C2;
    border-top:0;
    padding: 10px;
}
p.searchbar { margin: 0px; font-size: 60%; white-space: nowrap; }
.tablebg,.forumline  { background-color: #A9B8C2; }
.topbg { background-color: #EFEFEF;    border: 1px #A9B8C2; }
p.breadcrumbs { margin: 0px; float: left; color: black; font-size: 60%; font-weight: bold; white-space: normal; }
p.datetime { margin: 0px; float: right; font-size: 60%; white-space: nowrap; }
.cat { height: 28px; margin: 0px; padding: 0px; border: 0px; background-color: #C7D0D7; background-image: url('http://img2.xooimage.com/files/c/e/cellpic1-30da9.gif'); text-indent: 4px; }
.titles { color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%; text-decoration: none;  }
p.moderators { margin: 0px; float: left; color: black; font-size: 60%; font-weight: bold; }

 


Auteur Message
Rodee Cox


Hors ligne
Invité




MessagePosté le: Jeu 27 Déc 2007 - 07:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

J'ai réussi, ça marche sur le thème olympus Xooit, il faut faire deux ou trois modifications et ça marche très bien. Wink
Je vous explique un peu comme il faut faire. Wink
Alors pour commencer:
 Allez dans le template Olympus2.css
Repérez :

 
Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #536482;
    background: #E4EDF0 url('http://img.xooimage.com/files/') 0 0 repeat-x;
       font-size: 62.5%;            /* This sets the default font size to be equivalent to 10px */
    padding:1.5em 0;
    text-align:center 
Rajouter juste en dessous :


 
Code: Sélectionner - Agrandir
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("Lien de votre image");
background-repeat: repeat-y;
background-attachment: fixed; 
Voilà et ça marche parfaitement.
Exemple : http://critique.xooit.com/index.php

Voilà. Wink


Auteur Message
Boradore


Hors ligne
Invité




MessagePosté le: Ven 4 Jan 2008 - 19:02    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour.

Le thème Médiéval ne fait pas partie des thèmes cités en première pages pour la manipulation. Que puis-je faire alors pour que le fond devienne fixe s'il vous plait ?

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/m/e/medieval-3bccd.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>
<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="20" border="0" align="center">
 <tr>
  <td>
    <table class="forumline" width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr>
   <th align="center" valign="middle" class="thHead" height="28" colspan="3">
   <span class="thHead">{SITENAME}</span>&nbsp;::&nbsp;<span class="thHead">{SITE_DESCRIPTION} </span></th>
  </tr>
   <tr><td align="center"><img src="http://img5.xooimage.com/files/l/o/logo_phpbb-38eec.gif" height="128" width="65" alt="" /></td>
    <td align="center" valign="top">
    <table width="500" class="tabletitle">
    <tr>
    <td align="center" height="200"><img src="http://img10.xooimage.com/files/l/o/logo_medieval-4b179.gif" width="240" height="95" alt="" /></td>
    </tr>
    </table>
    <table cellspacing="0" cellpadding="2" border="0">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_faq-3bccf.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_search-3bcd0.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_members-3bcd1.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_groups-3bcd2.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
      
      <!-- BEGIN switch_user_logged_out -->
      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_register-3bcd3.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
      <!-- END switch_user_logged_out -->
      </span></td>
     </tr>
     <tr>
      <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_profile-3bcd4.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-3bcd5.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_login-3bcd6.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span><br /><br /></td>
     </tr>
    </table>
    </td>
    <td align="center"><img src="http://img5.xooimage.com/files/l/o/logo_phpbb-38eec.gif" height="128" width="65" alt="" /></td>
   </tr>
   </table>
    
  <br />
  <br />
  <br />


 


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 4 Jan 2008 - 20:12    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

panneau admin
thème
modifier les templates
ton template css cherches

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: #E5E5E5;

remplaces par


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-image: url('lien');
_______________________


Forum
Auteur Message
Boradore


Hors ligne
Invité




MessagePosté le: Sam 5 Jan 2008 - 13:27    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci beaucoup sa marche parfaitement maintenant ^^ 

Auteur Message
alex71


Hors ligne
Invité




MessagePosté le: Sam 5 Jan 2008 - 15:11    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

merci beaucoup pour se tuto
Merci Merci


Auteur Message
Contenu Sponsorisé





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

Montrer les messages depuis:   
Répondre au sujet Page 83 sur 268 Aller à la page: <  1, 2, 382, 83, 84266, 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