It is currently Mon 26 Sep 2016 - 02:11 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 382, 83, 84266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
gaetan





PostPosted: Fri 21 Dec 2007 - 18:07    Post subject: [Tuto] Installer une image de fond Reply with quote

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

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");
}
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 21 Dec 2007 - 20:37    Post subject: [Tuto] Installer une image de fond Reply with quote

je vois bien ton image de fond sur ton forum

sinon ici

background-repeat: repeat-y;

remplaces par

background-repeat: repeat;
_______________________


Forum
Author Message
gaetan


Offline
Guest




PostPosted: Sat 22 Dec 2007 - 14:20    Post subject: [Tuto] Installer une image de fond Reply with quote

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


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 22 Dec 2007 - 18:11    Post subject: [Tuto] Installer une image de fond Reply with quote

Forum
Author Message
gaetan


Offline
Guest




PostPosted: Sun 23 Dec 2007 - 14:18    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 23 Dec 2007 - 17:28    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Yuna89


Offline
Guest




PostPosted: Sun 23 Dec 2007 - 19:45    Post subject: [Tuto] Installer une image de fond Reply with quote

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');


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 23 Dec 2007 - 19:48    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Yuna89


Offline
Guest




PostPosted: Sun 23 Dec 2007 - 19:59    Post subject: [Tuto] Installer une image de fond Reply with quote

merciii j'ai reussiiiiii !!!!

Last edited by Yuna89 on Sun 23 Dec 2007 - 20:07; edited 1 time in total
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 23 Dec 2007 - 20:05    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Rodee Cox


Offline
Guest




PostPosted: Thu 27 Dec 2007 - 06:48    Post subject: [Tuto] Installer une image de fond Reply with quote

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; }

 


Author Message
Rodee Cox


Offline
Guest




PostPosted: Thu 27 Dec 2007 - 07:12    Post subject: [Tuto] Installer une image de fond Reply with quote

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


Author Message
Boradore


Offline
Guest




PostPosted: Fri 4 Jan 2008 - 19:02    Post subject: [Tuto] Installer une image de fond Reply with quote

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 />


 


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 4 Jan 2008 - 20:12    Post subject: [Tuto] Installer une image de fond Reply with quote

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
Author Message
Boradore


Offline
Guest




PostPosted: Sat 5 Jan 2008 - 13:27    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci beaucoup sa marche parfaitement maintenant ^^ 

Author Message
alex71


Offline
Guest




PostPosted: Sat 5 Jan 2008 - 15:11    Post subject: [Tuto] Installer une image de fond Reply with quote

merci beaucoup pour se tuto
Merci Merci


Author Message
Contenu Sponsorisé





PostPosted: Today at 02:11    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 83 of 268 Goto page: <  1, 2, 382, 83, 84266, 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