It is currently Thu 29 Sep 2016 - 10:24 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 320, 21, 22266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
gef0301


Joined: 09 Mar 2005
Posts: 413

PostPosted: Fri 14 Jul 2006 - 19:26    Post subject: [Tuto] Installer une image de fond Reply with quote

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

dans colipurple-31fa0.css,
Recherche
Code: Sélectionner - Agrandir
body{
   color:#000000;
   font:12px Verdana,Arial,Helvetica,sans-serif;
   scrollbar-base-color: #D6D6D6;
   background-color : #F0F0F0;
   background-image : url('http://img9.xooimage.com/files/b/g/bg_color-31f80.gif');

remplace http://img.xooimage.com/files9/b/g/bg_color-31f80.gif par l'url de l'image de ton fond

puis remplace
Code: Sélectionner - Agrandir
.bodyline{
   background-color : #F0F0F0;
   background-image : url('http://img9.xooimage.com/files/b/g/bg_color-31f80.gif');
}

par
Code: Sélectionner - Agrandir
/* .bodyline{
   background-color : #F0F0F0;
   background-image : url('http://img9.xooimage.com/files/b/g/bg_color-31f80.gif');
} */
Forum
Author Message
oliking


Offline
Guest




PostPosted: Sat 15 Jul 2006 - 15:48    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai suivi à la lettre votre procédure mais le fond ne s'affiche pas --> VOIR ICI

Au cas où je vous mets le code du fichier colinpurple-4e74d.css pour que vous puissiez voir si j'ai fait une erreur :

Code: Sélectionner - Agrandir
html-help.xooit.com
Modifier un template

Avant toute modification, faites une sauvegarde de votre template ! (copiez le sur votre disque dur). Il est fortement conseillé de faire vos essais sur le thème de test avant de les appliquer sur le thème normal.

Modification de colinpurple-31fa0.css
/*
Based on the original Style Sheet for the subSilver Theme for phpBB version 2+
Edited by ColinDesignz
colinfagan@msn.com
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */

body{
   color:#000000;
   font:12px Verdana,Arial,Helvetica,sans-serif;
   scrollbar-base-color: #D6D6D6;
   background-color : #F0F0F0;
   background-image : url('http://img69.imageshack.us/img69/5906/backgroundrf2.jpg');
}
/* General font families for common tags */
font,th,td,p{color:#000000; font:12px Verdana,Arial,Helvetica,sans-serif}
a:link,a:active,a:visited,a.postlink:link{color:#6142BB;text-decoration:none}
a:hover{color:#6142BB;text-decoration:none}
.postbody{font-size:12px}

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

/* This is the border line & background colour round the entire page */
/* .bodyline{
   background-color : #F0F0F0;
   background-image : url('http://img9.xooimage.com/files/b/g/bg_color-31f80.gif');
} */
/* This is the outline round the main forum tables */
.forumline{
   background:#ffffff;
   border:1px solid #A7A7A7;
   background-image : url('http://img9.xooimage.com/files/b/g/bg_color-31f80.gif');
}

/* This is for the error messages that pop up */
.errorline   {
   background-color: #F0F0F0;
   border:1px solid #98aab1
}

/* Main table cell colours and backgrounds */
td.row1{
   background-color : transparent;
   background-image : url('http://img6.xooimage.com/files/r/o/row1-31f81.gif');
}
td.row2{
   background-color : transparent;
   background-image : url('http://img3.xooimage.com/files/r/o/row2-31f82.gif');
}
td.row3{
   background-color : transparent;
   background-image : url('http://img7.xooimage.com/files/r/o/row3-31f83.gif');
}

/*
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-image : url('http://img7.xooimage.com/files/c/e/cellpic1-31f84.gif');
}

/* Header cells - the blue and silver gradient backgrounds */
th{
   background: url('http://img5.xooimage.com/files/c/e/cellpic3-31f9f.gif');
   color: #FDFDFD;
   font-size:11px;
   font-weight:bold;
   height:25px;
   background-color : transparent;
}

td.cat,td.cathead,td.catsides,td.catleft,td.catright,td.catbottom{
   background: url('http://img7.xooimage.com/files/c/e/cellpic1-31f84.gif');
   border:#ffffff;
   border-style:solid;
   height:29px;
   background-color : transparent;
}

/*
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{border-width:0px 0px 0px 0px;height:28px}
th.thhead,th.thsides,th.thtop,th.thleft,th.thright,th.thbottom,th.thcornerl,th.thcornerr{
border:#ffffff;
border-style:solid;
font-weight:bold;
height:28px}

td.row3right,td.spacerow{
   background:#cad9ea;
   border:#ffffff;
   border-style: none;
   background-color : transparent;
   background-image : url('http://img6.xooimage.com/files/r/o/rowpic-31f86.gif');
}
th.thhead,td.cathead{border-width:0px 0px 0px 0px}
th.thsides,td.catsides,td.spacerow{border-width:0px 0px 0px 0px}
th.thright,td.catright,td.row3right{border-width:0px 0px 0px 0px}
th.thleft,td.catleft{border-width:0px 0px 0px 0px}
th.thbottom,td.catbottom{border-width:0px 0px 0px 0px}
th.thtop{border-width:0px 0px 0px 0px}
th.thcornerl{border-width:0px 0px 0px 0px}
th.thcornerr{border-width:0px 0px 0px 0px}

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

/* General text */
.gen{font-weight:bold}
.genmed{font-size:11px}
.gensmall{font-size:10px}

/* Forum category titles and forum links*/
.cattitle,.forumlink{font-weight:bold; letter-spacing:1px}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}

/* titles for the topics:could specify viewed link colour too */
.topictitle{color:#000000;font-size:11px;font-weight:bold}
a.topictitle:visited{color:#5C9CBB}
a.topictitle:hover{color:#dd6900}

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

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

/* The content of the posts (body of text) */
a.postlink:visited{color:#5493b4;text-decoration:none}

/* Quote & Code blocks */
.code{
background:#fafafa;
border:1px solid #d1d7dc;
color:#006600;
font:11px Courier,'Courier New',sans-serif
}
.quote{
background:#fafafa;
border:1px solid #d1d7dc;
color:#444444;
font:11px/125% Verdana,Arial,Helvetica,sans-serif}

/* Copyright and bottom info */
.copyright{font:10px Verdana,Arial,Helvetica,sans-serif}
a.copyright{color:#444444}
a.copyright:hover{color:#000000;text-decoration:underline}

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

/* The text input fields background colour */
input.post,textarea.post,select{background:#ffffff}
input{text-indent:2px}

/* The buttons used for bbCode styling in message post */
input.button{
background:#efefef; color:#000000; font:11px Verdana,Arial,Helvetica,sans-serif;
CURSOR: hand;
}

/* The main submit button option */
input.mainoption{background:#fafafa;font-weight:bold;
CURSOR: hand;
}

/* This is the gradient background at the top of the page */
.topnav{font-size:10px;background: #e5ebf3 url('http://img7.xooimage.com/files/c/e/cellpic1-31f84.gif') repeat-x;color:#dd6900;
height:0px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 0px 0px 1px 0px}

/* None-bold submit button */
input.liteoption{background:#fafafa;font-weight:normal;
CURSOR: hand;
}

/* 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:#dee3e7;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-31f87.css');
 
 
 
Opérations
Uploader le fichier   


Merci à vous Wink


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 15 Jul 2006 - 16:16    Post subject: [Tuto] Installer une image de fond Reply with quote

Code: Sélectionner - Agrandir
background-image: url("adresse du fond d'écran");
background-repeat: repeat-y;
background-attachment: fixed;
}


tu devais mettre ça

et il n'y a que ça

Code: Sélectionner - Agrandir
   background-image : url('http://img69.imageshack.us/img69/5906/backgroundrf2.jpg');
}

_______________________


Forum
Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Sat 15 Jul 2006 - 18:28    Post subject: [Tuto] Installer une image de fond Reply with quote

Ces options ne sont pas obligatoires, elles sont là pour dire comment afficher l'image de fond, au pire, l'image n'est pas positionnée comme il faut, mais elle devrait apparaître tout de même

Code: Sélectionner - Agrandir
html-help.xooit.com
Modifier un template
 
Avant toute modification, faites une sauvegarde de votre template ! (copiez le sur votre disque dur). Il est fortement conseillé de faire vos essais sur le thème de test avant de les appliquer sur le thème normal.
 
Modification de colinpurple-31fa0.css


Ce code n'a rien à faire dans le fichier .css ! Si tu l'enlèves tu verras que ça marchera beaucoup mieux


Forum
Author Message
oliking


Offline
Guest




PostPosted: Sat 15 Jul 2006 - 20:39    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci beaucoup, ça fonctionne bien maintenant !! Wink

Author Message
oliking


Offline
Guest




PostPosted: Mon 17 Jul 2006 - 17:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Je viens de changer de thème car l'ancien me plaisait moins et j'ai mis le thème Appalachia. Je n'arrive pas non plus à mettre une image de fond, pourriez vous me dire comment je dois faire SVP ?
Merci.


Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Mon 17 Jul 2006 - 18:03    Post subject: [Tuto] Installer une image de fond Reply with quote

Tu fais exactement ce que dit le premier message de ce tuto, c'est 100% compatible avec ce thème

Forum
Author Message
oliking


Offline
Guest




PostPosted: Mon 17 Jul 2006 - 18:05    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci !! Wink

Author Message
marli


Offline
Guest




PostPosted: Thu 3 Aug 2006 - 15:22    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour, alors j'ai mis un fond d'écran mais il n'est visible qu'en bordure, comment faire pour que la page de forum soit transparent
http://numb3rs.fansforum.info/


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 3 Aug 2006 - 15:24    Post subject: [Tuto] Installer une image de fond Reply with quote

Forum
Author Message
marli


Offline
Guest




PostPosted: Thu 3 Aug 2006 - 15:42    Post subject: [Tuto] Installer une image de fond Reply with quote

merci beaucoup !

Author Message
Kyô


Offline
Guest




PostPosted: Thu 3 Aug 2006 - 18:09    Post subject: [Tuto] Installer une image de fond Reply with quote

A mon tour d'avoir un problème: j'ai suivi à la lettre la procédure à suivre pour mettre une image de fond, mais rien ne s'affiche.

Voici le code remplacé. Peut-être ai-je fais une erreur...

Code: Sélectionner - Agrandir
/* 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://img501.imageshack.us/img501/465/5lk6.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
}


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

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



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


Merci d'avance de votre réponse^^.


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 3 Aug 2006 - 18:18    Post subject: [Tuto] Installer une image de fond Reply with quote

apparment tu as l'air d'avoir tout juste
_______________________


Forum
Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Thu 3 Aug 2006 - 21:08    Post subject: [Tuto] Installer une image de fond Reply with quote

Tu as modifié le thème de test
http://alchemyschool.xooit.com/index.php?theme=test


Forum
Author Message
Paléomaniac


Offline
Guest




PostPosted: Fri 4 Aug 2006 - 18:39    Post subject: [Tuto] Installer une image de fond Reply with quote

Excusez-moi, peut-on mettre une image au fond du thème "Army", s'il vous plait ? Embarassed

Author Message
Garusis


Offline
Guest




PostPosted: Thu 24 Aug 2006 - 14:44    Post subject: [Tuto] Installer une image de fond Reply with quote

Comment fait ton pour centrer l'image ?

Author Message
Contenu Sponsorisé





PostPosted: Today at 10:24    Post subject: [Tuto] Installer une image de fond

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