It is currently Thu 29 Sep 2016 - 12:08 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3178, 179, 180266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
Yala





PostPosted: Thu 26 Feb 2009 - 12:23    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Crying or Very sad  non Themalin

regardes, c'est pas mieux

heeeeeeeelp

merci à toi
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: Thu 26 Feb 2009 - 12:25    Post subject: [Tuto] Installer une image de fond Reply with quote

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://img5.xooimage.com/files/8/5/b/subsilver-aa0ed0.css" type="text/css" -->
            <style type="text/css">
            <!--
            /*
              The original subSilver Theme for phpBB version 2+
              Created by subBlue design
              [url=http://www.subblue.com/]http://www.subBlue.com[/url]
              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 {
             
             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://img23.xooimage.com/files/5/b/7/objet_071-ba7bef.jpg);
            background-repeat: repeat;
            }
            /* 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://img23.xooimage.com/files/5/b/7/objet_071-ba7bef.jpg); border: 1px {T_TH_COLOR1} solid; }*/
            /* This is the outline round the main forum tables */
            .forumline { background-color: {T_TD_COLOR2}; border:0; }
            /* 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/c/e/cellpic2-30da7.jpg);
              background-repeat: repeat-y;
            }
            /* Header cells - the blue and silver gradient backgrounds */
            th {
             color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
             background-color: {T_BODY_LINK}; height: 25px;
             background-image: url(http://img5.xooimage.com/files/a/7/7/titre-aa0ecf.png);
            }
            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:{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 : 11px; color : #000000; font-weight : bold; }
            a.mainmenu { text-decoration: none; color : #006699; font-weight : bold; }
            a.mainmenu:hover{ text-decoration: underline; color : #DD6900; font-weight : bold; }

            /* 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};
             border-width:1px;
            }
            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;
             border-width:1px;
            }
            /* None-bold submit button */
            input.liteoption {
             background-color : {T_TD_COLOR1};
             font-weight : normal;
             border-width:1px;
            }
            /* This is the line in the posting page which shows the rollover
              help line. This is actually a text box, but if set to be the same
              colour as the background no one will know ;)
            */
            .helpline { background-color: {T_TR_COLOR2}; border-style: none; }
            /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
            @import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
            -->
            </style>
            <!-- BEGIN switch_enable_pm_popup -->
            <script language="Javascript" type="text/javascript">
            <!--
             if ( {PRIVATE_MESSAGE_NEW_FLAG} )
             {
              window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
             }
            //-->
            </script>
            <!-- END switch_enable_pm_popup -->
            </head>
            <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
            <a name="top"></a>
            <table width="95%" cellspacing="0" cellpadding="10" border="0" align="center">
             <tr>
              <td class="bodyline">
            <div style="text-align:center"><a href="{U_INDEX}"><img src="http://img2.xooimage.com/files/1/b/3/assestomac-202-ac5879-b698d1.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
            <span class="maintitle">{SITENAME}</span><br /><span class="gen"><font color="black">{SITE_DESCRIPTION}</font></span><br /><br /></div>
            <div style="text-align:center">
                <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                 <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="http://lestomac.xooit.org/portal.php" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="Portail" hspace="3" />Portail</a></span>&nbsp;&nbsp;<a href="http://lestomac.xooit.org/index.php" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="Index" hspace="3" />Index</a></span>&nbsp;&nbsp;<span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.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://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.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://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.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://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </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://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.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-30d82.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://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                 </tr>
                </table>
            </div>
              <br />

_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 12:30    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci beaucoup

Y'a un changement

Tu peux me dire ce que tu en penses ?

Si c'est bien ou non ainsi ?

Merci à toi


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: Thu 26 Feb 2009 - 12:31    Post subject: [Tuto] Installer une image de fond Reply with quote

c'est bien

si tu aimes tu laisse sinon tu change l'image
_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 12:32    Post subject: [Tuto] Installer une image de fond Reply with quote

themalin wrote:
c'est bien
si tu aimes tu laisse sinon tu change l'image

Ben justement, je n'ai rien trouvé qui pourrait correspondre et garder l'aspect médical et sobre

Je voyais l'image de fond autrement

Je ne sais plus quoi faire maintenant undecided


Author Message
meven


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 13:45    Post subject: [Tuto] Installer une image de fond Reply with quote

Hello !!

Encore moi mais là ca ne le fait que sur la partie gauche du forum.

Mon forum : http://antarctik.forum-du-jeu.xooit.fr/index.php

Mon template :
Code: Sélectionner - Agrandir
<div align="center"><!-- ONE STEP TO INSTALL PULLDOWN MENU:
1. Paste the code into the BODY of your HTML document -->
<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<style type="text/css">
<!--
.style1 {color: #339900}
-->
</style>
<BODY>

<script language="JavaScript1.2"> 
 

else{ 
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 

document.write('</div></div>'); 

WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
for (i=0; i < Amount; i++){                                                                 
 Ypos[i] = Math.round(Math.random()*WinHeight); 
 Xpos[i] = Math.round(Math.random()*WinWidth); 
 Speed[i]= Math.random()*5+3; 
 Cstep[i]=0; 
 Step[i]=Math.random()*0.1+0.05; 

function fall(){ 
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; 
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ 
sy = Speed[i]*Math.sin(90*Math.PI/180); 
sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy; 
Xpos[i]+=sx;  
if (Ypos[i] > WinHeight){ 
Ypos[i]=-60; 
Xpos[i]=Math.round(Math.random()*WinWidth); 
Speed[i]=Math.random()*5+3; 

if (ns){ 
document.layers['sn'+i].left=Xpos[i]; 
document.layers['sn'+i].top=Ypos[i]+hscrll; 

else if (ns6){ 
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); 
document.getElementById("si"+i).style.top=Ypos[i]+hscrll; 

else{ 
eval("document.all.si"+i).style.left=Xpos[i]; 
eval("document.all.si"+i).style.top=Ypos[i]+hscrll; 
}  
Cstep[i]+=Step[i]; 

setTimeout('fall()',20); 

 
window.onload=fall 
//--> 
</script>

<!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">
<link rel="shortcut icon" href="http://uplofile.free.fr/rep5/116136375pingouin-favicon.ico">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://uplofile.free.fr/rep5/116136375pingouin-favicon.ico">pingouin-favicon.ico" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: {T_BODY_BGCOLOR};
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
         background-image: url('http://img21.xooimage.com/files/9/3/4/s-d--ba4938.png');
         background-repeat: repeat-y;
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
/*.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/
/* This is the outline round the main forum tables */
.forumline { background-color: {T_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://img3.xooimage.com/files/a/r/argenbluepic2-3122b.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: {T_BODY_LINK}; height: 25px;
 background-image: url(http://img4.xooimage.com/files/a/r/argenblue-3122c.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img5.xooimage.com/files/a/r/argenbluepic1-3122d.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-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"></a>
<table width="1000" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/c/f/8/forum-officiel-8c69f8.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
    <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
    <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://img3.imageshack.us/img3/1251/faq2df4e71.gif" width="52" height="72" border="0" alt="{L_FAQ}" hspace="0" /></a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img23.imageshack.us/img23/5251/rech2df5001.gif" width="77" height="72" border="0" alt="{L_SEARCH}" hspace="0" />{}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img515.imageshack.us/img515/6513/membres2df4f41.gif" width="65" height="72" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img515.imageshack.us/img515/9397/groupes2df5041.gif" width="65" height="72" border="0" alt="{L_USERGROUPS}" hspace="0" /></a>&nbsp;
      <!-- BEGIN switch_user_logged_out -->
      &nbsp;<a href="{U_REGISTER}" class="mainmenu"><a href="http://imageshack.us"><img src="http://img9.imageshack.us/img9/2599/enregistrer2df4fb1.gif" width="88" height="72" border="0" alt="{L_REGISTER}" hspace="0" /></a></span>&nbsp;
      <!-- END switch_user_logged_out -->
      </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://img515.imageshack.us/img515/9152/profil2df4f61n.gif" width="52" height="72" border="0" alt="{L_PROFILE}" hspace="" />{}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img21.imageshack.us/img21/9792/mpmessagepriv.jpg" width="63" height="70" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img3.imageshack.us/img3/9264/connexion2df4f11.gif" width="71" height="71" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>&nbsp;</span></td>
     </tr>
    </table></td>
   </tr>
  </table>
  <br />

<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.ejs_context_menuitems{padding-left:12px; padding-right:7px; }
</style><script language="JavaScript1.2">
/*
Source du Script: Editeur Javascript (http://editeurjavascript.com)
Script adapté pour: Xooit.com (http://www.xooit.com)
*/
ejs_context_elemt = new Array;
ejs_context_elemt[0] = "Page précédente|history.go(-1)";
ejs_context_elemt[1] = "Page suivante|history.go(1)";
ejs_context_elemt[2] = "";
ejs_context_elemt[3] = 'Portail du forum|document.location.href=\'portal.php\'';
ejs_context_elemt[4] = 'Index du forum|document.location.href=\'index.php\'';
ejs_context_elemt[5] = 'Aide Générale|document.location.href=\'faq.php\'';
ejs_context_elemt[6] = 'Aide BBCode|document.location.href=\'faq.php?mode=bbcode\'';
ejs_context_elemt[7] = "";
ejs_context_elemt[8] = 'Connexion|document.location.href=\'login.php\'';
ejs_context_elemt[9] = 'Inscription|document.location.href=\'profile.php?mode=register\'';
ejs_context_elemt[10] = 'Mon Profil|document.location.href=\'profile.php?mode=editprofile\'';
ejs_context_elemt[11] = 'Messages Privés|document.location.href=\'privmsg.php?folder=inbox\'';
ejs_context_elemt[12] = "";
ejs_context_elemt[13] = 'Rechercher|document.location.href=\'search.php\'';
ejs_context_elemt[14] = 'Liste des Membres|document.location.href=\'memberlist.php\'';
ejs_context_elemt[15] = 'Liste des Groupes|document.location.href=\'groupcp.php\'';
ejs_context_elemt[16] = '';
ejs_context_elemt[17] = 'Qui est en ligne?|document.location.href=\'viewonline.php\'';
ejs_context_elemt[18] = 'Statistiques|document.location.href=\'stats.php\'';
ejs_context_elemt[19] = 'Top 10 des Posteurs|document.location.href=\'memberlist.php?mode=topten&order=DESC\'';
ejs_context_elemt[20] = 'Top 50 des Posteurs|document.location.href=\'memberlist.php?mode=posts&order=DESC\'';
ejs_context_elemt[21] = '';
ejs_context_elemt[22] = 'Xooit.com|document.location.href=\'http://www.xooit.com/\'';
ejs_context_elemt[23] = 'Créer un forum|document.location.href=\'http://www.xooit.com/fr/creer-forum.html?\'';
ejs_context_elemt[24] = 'Forum d\'entraide|document.location.href=\'http://xooit.xooit.com\'';
ejs_context_elemt[25] = 'Annuaire|document.location.href=\'http://www.xooit.com/fr/annuaire\'';
ejs_context_elemt[26] = 'TopForums|document.location.href=\'http://topforums.xooit.net/xooit/index.php\'';
function ejs_context_position(e)
   {
   ejs_context_x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   ejs_context_y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }
function ejs_context_open()
   {
   document.getElementById("ejs_context_box").style.top = ejs_context_y;
   document.getElementById("ejs_context_box").style.left = ejs_context_x;
   document.getElementById("ejs_context_ombre").style.top = ejs_context_y+2;
   document.getElementById("ejs_context_ombre").style.left = ejs_context_x+2;
   document.getElementById("ejs_context_box").style.visibility = "visible";
   document.getElementById("ejs_context_ombre").style.visibility = "visible";
   return(false);
   }
function ejs_context_close()
   {
   if (document.getElementById)
      {
      document.getElementById("ejs_context_box").style.top = 0;
      document.getElementById("ejs_context_box").style.left = 0;
      document.getElementById("ejs_context_ombre").style.top = 0;
      document.getElementById("ejs_context_ombre").style.left = 0;
      document.getElementById("ejs_context_box").style.visibility = "hidden";
      document.getElementById("ejs_context_ombre").style.visibility = "hidden";
      }
   }
function ejs_context_hl(mode, element)
   {
   if(mode == 1)
      {
      element.style.background = '#316AC5';
      element.style.color = '#ffffff';
      }
   else
      {
      element.style.background ='#ffffff';
      element.style.color = '#000000';
      }
   }
if(navigator.appName.substring(0,3) == "Net")
   document.captureEvents(Event.MOUSEMOVE);
</script>
<!-- FIN DU SCRIPT -->
<!-- DEBUT DU SCRIPT -->
<div id=ejs_context_box style="z-index:500;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#ffffff; font-family:Microsoft sans serif; font-size:13px; cursor:default; visibility:hidden;padding:3">
<script language="JavaScript">
/*
Source du Script: Editeur Javascript (http://editeurjavascript.com)
Script adapté pour: Xooit.com (http://www.xooit.com)
*/
ejs_context_ombre_txt = '';
for(a=0;a<ejs_context_elemt.length;a++)
   {
   if(ejs_context_elemt[a].indexOf("|") > 0)
      {
      splited = new Array;
      splited = ejs_context_elemt[a].split("|");
      document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)">'+splited[0]+'</div>');
      ejs_context_ombre_txt += '<div class="ejs_context_menuitems">'+splited[0]+'</div>';
      }
   else
      {
      document.write('<div class="ejs_context_menuitems" onClick="'+splited[1]+'" onMouseOver="ejs_context_hl(1, this)" onMouseOut="ejs_context_hl(0, this)"><hr width="195" size="1" color="9D9DA1" /></div>');
      ejs_context_ombre_txt += '<div class="ejs_context_menuitems"><hr width="195" size="1" color="9D9DA1" /></div>';
      }
   }
document.write('</div><div id=ejs_context_ombre style="z-index:400;position:absolute;width:200px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Microsoft sans serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+ejs_context_ombre_txt+'</div>');
// EVENEMENTS
document.onmousemove = ejs_context_position;
document.oncontextmenu = ejs_context_open;
document.onclick = ejs_context_close;
</script>
<!-- FIN DU SCRIPT -->



Merci


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: Thu 26 Feb 2009 - 13:49    Post subject: [Tuto] Installer une image de fond Reply with quote

ici

background-repeat: repeat-y;

tu mets comme ça

background-repeat: repeat;
_______________________


Forum
Author Message
meven


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 13:52    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci

Author Message
Yala


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 16:46    Post subject: [Tuto] Installer une image de fond Reply with quote

Mad  80% des membres n'aiment pas, suis bien aidé là Confused

C'est : trop triste, trop gris, trop répétitif, trop régulier, trop perturbant
trop fade, trop pâle, on m'a même dit : Ca fait BROUILLON Shocked

Crying or Very sad Evil or Very Mad


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: Thu 26 Feb 2009 - 16:50    Post subject: [Tuto] Installer une image de fond Reply with quote

change d'image alors

mais bon après on ne peut pas te dire quoi mettre c'est à toi de décider
_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 17:26    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci Themalin

Je vais chercher une texture sans motif

Wink Mais je laisse encore un peu innocent pour les plaignantes Razz


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Thu 26 Feb 2009 - 17:52    Post subject: [Tuto] Installer une image de fond Reply with quote

Fais un petit sondage auprès de tes membres avec une sélection Smile
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Yala


Offline
Guest




PostPosted: Thu 26 Feb 2009 - 18:01    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai répondu ceci sur mon forum suite à mon sondage

Quote:
Ben les filles,
c'est un forum médical et je veux qu'il garde l'aspect professionnel
Je ne veux pas un forum bling-bling


Je ne peux tout de même pas mettre des mangas, du rose fluo, des strass et paillettes

des petits coeurs et des flocons qui tombent, et au bout du curseur un pingouin qui sautille.

Certaines couleurs sont trop vives et criardes et font super mal aux yeux.

Pas envie non plus
d'une crise d'épilepsie Shocked en regardant le forum


Il doit rester sobre et classique, agréable et doux 


je sais bien que je demande l'avis alors que je n'aurai pas besoin de le fairemais c'est pour les membres que le forum doit être agréable, mais aussi pour l'équipe chirurgicale

Je suggère qu'au lieu de " critiquer " on peut donner des idées, des conseils

Merci


undefined




_________________


Author Message
darkilinou


Offline
Guest




PostPosted: Tue 3 Mar 2009 - 23:51    Post subject: [Tuto] Installer une image de fond Reply with quote

Bon moi j'y arrive toujours pas, même grâce aux conseils de the malin, et d'autres !

http://xooit.xooit.com/t45206-Rendre-l-image-de-fond-d-ecran-fixe.htm#p3790…

Mon forum : http://spqr.ogameteam.com

Mon template :

 
 
Code: Sélectionner - Agrandir

html, body {
    background: #242424 url('http://img8.xooimage.com/files/3/f/4/rome6_11-bd8b9b.jpg');
        background-attachment:fixed; 
        background-repeat: repeat-y; 
    padding: 0;
    margin: 0;
    color: #D0D0D0;
}
body { padding: 0 5px; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { color: #CBA300; }
a:hover        { text-decoration: underline; color: #FFFFFF; }
hr    { height: 0px; border: solid #CBA300 0px; border-top-width: 1px;}
form { display: inline; padding: 0; margin: 0; }
img { border: 0; }
br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
caption { margin: 0; padding: 0; }
iframe { border: none; background-color: #F2F2F2; }

/* Header and Logo */
#maintable {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #000;
}
#logotable {
    background: url('http://img10.xooimage.com/files/l/o/logo_bg-8fe70.gif') top left repeat-x;
}
#buttonstable { 
    margin-bottom: 5px; 
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
}
#buttonstable td { 
    background: url('http://img5.xooimage.com/files/b/u/buttons-8fe71.gif') top left repeat-x; 
    height: 21px;
    overflow: hidden;
}
#header-buttons {
    font-size: 11px;
    color: #FFFFFF;
    padding-bottom: 2px;
}
#header-buttons a, #header-buttons a:visited {
    color: #FFF;
    text-decoration: none;
}
#header-buttons a:hover { color: #FFFFFF; text-decoration: underline; }

#content-simple { 
    padding: 3px; 
    border-color: #000;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    background-color: #191919;
}

/* This is the border line & background colour round the entire content */
.content-row { background-color: #191919; }
td.content { 
    background-color: #191919; 
    padding: 5px;
}

/* This is the outline round the main forum tables */
.forumline    { border: solid 1px #000; background: #313131 url('http://img2.xooimage.com/files/c/e/cell-30e61.gif') top left repeat-x; }

/* Forum header */
.forumheader td { 
    background: url('http://img5.xooimage.com/files/h/d/hdr_mid-8fe72.gif') left bottom repeat-x;
    font-size: 12px;
    font-weight: bold;
    color: #CBA300;
}
.forumheader a, .forumheader a:visited {
    color: #CBA300;
    text-decoration: underline;
}
.forumheader a:hover {
    color: #FFF;
    text-decoration: underline;
}
.forumheader-mid { padding-top: 2px; }

/* pm popup */
.pm-old { display: none; }
.pm-new { margin: 30px; }
.pm-new a, .pm-new a:visited { 
    border: solid 1px #FFFFFF; 
    padding: 25px 45px;
    color: #CBA300;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    background: #313131 url('http://img2.xooimage.com/files/c/e/cell-30e61.gif') top left repeat-x;
}
.pm-new a:hover, .pm-new a:active {
    color: #FFFFFF;
}
/* Main table cell colours and backgrounds */
td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
    border-left: solid 1px #404040;
    border-right: solid 1px #121212;
    border-top: solid 1px #3C3C3C;
    border-bottom: solid 1px #131313;
    background: #313131 url('http://img2.xooimage.com/files/c/e/cell-30e61.gif') top left repeat-x;
}


/* Header cells - the blue and silver gradient backgrounds */
th, td.spaceRow, td.th {
    color: #ACAFB4; 
    font-size: 11px; 
    font-weight: bold;
    background: #113865 url('http://img6.xooimage.com/files/t/h/th-8fe73.gif') top left repeat-x;
    white-space: nowrap;
    padding: 0 5px;
    text-align: center;
    height: 26px;
    border-left: solid 1px #064691;
    border-right: solid 1px #012753;
    border-top: solid 1px #084EA1;
    border-bottom: solid 1px #073B77;
}
th.left { text-align: left; }

td.catBottom {
    background: #113865 url('http://img7.xooimage.com/files/c/a/catbottom-8fe74.gif') top left repeat-x;
    height: 24px;
    padding: 1px 3px;
    border-left: solid 1px #064691;
    border-right: solid 1px #012753;
    border-top: solid 1px #084EA1;
    border-bottom: solid 1px #073B77;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
    background: #2C2C2C url('http://img4.xooimage.com/files/c/a/cathead-30e65.gif') top left repeat-x;
    height: 24px;
    padding: 0 3px;
    border-left: solid 1px #404040;
    border-right: solid 1px #121212;
    border-top: solid 1px #3C3C3C;
    border-bottom: solid 1px #131313;
}
td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
.cat,.catHead,.catSides,.catLeft,.catRight,.catBottom { font-size: 12px; }


/*
  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.catHead { font-size: 12px; }

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


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

.generror { color: #FFF; }
.progress { background-color: #FFFFFF; }

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


/* 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: #D0D0D0;}
a.nav            { text-decoration: none; color : #CBA300; }
a.nav:hover        { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle            { font-weight: bold; font-size: 11px; color: #D0D0D0; }
a.topictitle:link   { text-decoration: none; color: #CBA300; }
a.topictitle:visited { text-decoration: none; color: #997C04; }
a.topictitle:hover    { text-decoration: underline; color: #FFFFFF; }

/* new thread link */
.link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #FDD019; }
.link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #FFF; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size: 11px; }
.postername        { font-size: 11px; font-weight: bold; color: #CBA300; line-height: 1.5em; }

/* Location, number of posts, post date etc */
.postdetails        { font-size: 10px; }
.posterrank        { font-size: 9px; color: #B0B0B0; }
.posterprofile    { font-size: 10px; color: #D0D0D0; }

/* The content of the posts (body of text) */
.postbody { font-size: 12px;}
.postbody a    { text-decoration: none; color: #CBA300; }
.postbody a:visited { text-decoration: none; color: #997C04; }
.postbody a:hover { text-decoration: underline; color: #FFFFFF; }

/* Other post stuff */
td.postbottom { 
    background: #2D2D2D url('http://img8.xooimage.com/files/p/r/profile-30e66.gif') top left repeat-x; 
    font-size: 10px;
    color: #D0D0D0;
    white-space: nowrap;
}

.postsubject {
    font-size: 12px;
    font-weight: bold;
    color: #CBA300;
}

/* Quote & Code blocks */
.quote-table, .code-table {
    border-left: solid 1px #090909;
    border-top: solid 1px #090909;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    margin: 5px 0;
}
.quote-corner, .code-corner {
    background-color: #0D3461;
    border-right: solid 1px #000;
}
.quote-left {
    background: #0D3461 url('http://img2.xooimage.com/files/q/u/quote_left-8fe75.gif') center center no-repeat;
    border-right: solid 1px #000;
}
.code-left {
    background: #0D3461 url('http://img4.xooimage.com/files/c/o/code_left-8fe76.gif') center center no-repeat;
    border-right: solid 1px #000;
}
.quote-header, .code-header {
    border-bottom: solid 1px #000;
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
    font-size: 11px;
    background-color: #2E2E2E;
    color: #D0D0D0;
}
.quote-text {
    color: #D0D0D0;
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    line-height: 125%;
    padding: 3px 5px;
    background-color: #2E2E2E;
}

.code-text {
    font-family: Courier, 'Courier New', sans-serif;
    color: #D0D0D0;
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    line-height: 125%;
    padding: 3px 5px;
    background-color: #2E2E2E;
}

/* Copyright and bottom info */
.copyright        { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC; letter-spacing: -1px;}

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

input.post, textarea {
    border: solid 1px #CBA300;
    background-color: #222;
    color: #D0D0D0;
}
* html input.post, * html textarea { border-color: #D0D0D0; }
input.post:hover, textarea:hover { border-color: #D0D0D0; }
input.post:focus, textarea:focus { border-color: #FFFFFF; color: #FFF; }


select {
    background-color: #000;
    color: #D0D0D0;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color: #313131;
    color: #D0D0D0;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #444;
}
input.button:hover { 
    background-color: #444; 
    color: #FFF;
}
* html input.button { color: #000; }

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

/* None-bold submit button */
input.liteoption {
    background-color: #222;
    color: #D0D0D0;
    border: solid 1px #000;
}

input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }


/* 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: #313131; border: solid 1px #313131; color: #D0D0D0; }


/*
    Styled checkboxes and radio buttons.
    Created by Philip Howard, GamingHeadlines.co.uk
    Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
    background: url('http://img4.xooimage.com/files/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
    display: block; 
    width: 16px; 
    height:16px;
}
a.checkbox, a.checkboxchecked {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    cursor: hand;
}
a.checkbox {
    background: url('http://img4.xooimage.com/files/c/h/checkboxunchecked-8fe77.gif') no-repeat center center;
}
a.checkboxchecked {
    background: url('http://img9.xooimage.com/files/c/h/checkboxchecked-8fe78.gif') no-repeat center center;
}

.radiobox {
    background: url('http://img6.xooimage.com/files/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
    display: block; 
    width: 16px; 
    height:16px;
}
a.radiobox, a.radioboxchecked {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    cursor: hand;
}
a.radiobox {
    background: url('http://img6.xooimage.com/files/r/a/radioboxunchecked-8fe79.gif') no-repeat center center;
}
a.radioboxchecked {
    background: url('http://img2.xooimage.com/files/r/a/radioboxchecked-8fe7a.gif') no-repeat center center;
}

.inputhidden { display: none; } 


 
 Voila le but du jeu est d'avoir un fond d'écran fixe, donc une seule image, pas de coupure.

 


Last edited by darkilinou on Wed 4 Mar 2009 - 09:47; edited 1 time in total
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Tue 3 Mar 2009 - 23:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour
Je ne comprends pas, votre fond est bien fixe : http://spqr.ogameteam.com/portal.php?theme=test
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
darkilinou


Offline
Guest




PostPosted: Wed 4 Mar 2009 - 09:38    Post subject: [Tuto] Installer une image de fond Reply with quote

bah la j'avoue que je piges pas vu que hier soir elle était encore coupée en 3 bandes verticalement -_-

sinon y'a moyen d'étirer l'image pour qu'il n'y ai pas cette bande grise a droite?

édit : je viens d'aller dans mon panneau d'administration perso, et l'image est coupée verticalement en trois, pas comme sur l'apercu que tu ma donné...

j'ai tester avec une autre image direct sa a marché, mais celle la sa veut pas^^

merci du cout demain quand même et a bientôt !


Last edited by darkilinou on Wed 4 Mar 2009 - 10:06; edited 1 time in total
Author Message
Contenu Sponsorisé





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

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