La date/heure actuelle est Ven 20 Oct 2017 - 12:48 - créer un forum

[Tuto] Installer une image de fond

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 320, 21, 22266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
gef0301


Inscrit le: 09 Mar 2005
Messages: 413

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

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

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
Auteur Message
oliking


Hors ligne
Invité




MessagePosté le: Sam 15 Juil 2006 - 15:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
themalin
Membre


Hors ligne
Membre

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

MessagePosté le: Sam 15 Juil 2006 - 16:16    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Sam 15 Juil 2006 - 18:28    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
oliking


Hors ligne
Invité




MessagePosté le: Sam 15 Juil 2006 - 20:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci beaucoup, ça fonctionne bien maintenant !! Wink

Auteur Message
oliking


Hors ligne
Invité




MessagePosté le: Lun 17 Juil 2006 - 17:54    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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.


Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Lun 17 Juil 2006 - 18:03    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Forum
Auteur Message
oliking


Hors ligne
Invité




MessagePosté le: Lun 17 Juil 2006 - 18:05    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci !! Wink

Auteur Message
marli


Hors ligne
Invité




MessagePosté le: Jeu 3 Aoû 2006 - 15:22    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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/


Auteur Message
themalin
Membre


Hors ligne
Membre

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

MessagePosté le: Jeu 3 Aoû 2006 - 15:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Forum
Auteur Message
marli


Hors ligne
Invité




MessagePosté le: Jeu 3 Aoû 2006 - 15:42    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

merci beaucoup !

Auteur Message
Kyô


Hors ligne
Invité




MessagePosté le: Jeu 3 Aoû 2006 - 18:09    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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^^.


Auteur Message
themalin
Membre


Hors ligne
Membre

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

MessagePosté le: Jeu 3 Aoû 2006 - 18:18    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Forum
Auteur Message
gef0301
VIP


Hors ligne
VIP

Inscrit le: 09 Mar 2005
Messages: 413
Point(s): 440
Moyenne: 1,07

MessagePosté le: Jeu 3 Aoû 2006 - 21:08    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Forum
Auteur Message
Paléomaniac


Hors ligne
Invité




MessagePosté le: Ven 4 Aoû 2006 - 18:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
Garusis


Hors ligne
Invité




MessagePosté le: Jeu 24 Aoû 2006 - 14:44    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Comment fait ton pour centrer l'image ?

Auteur Message
Contenu Sponsorisé





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

Montrer les messages depuis:   
Répondre au sujet Page 21 sur 268 Aller à la page: <  1, 2, 320, 21, 22266, 267, 268  >




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