La date/heure actuelle est Mer 18 Oct 2017 - 18:28 - 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, 3119, 120, 121266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Mer 30 Juil 2008 - 19:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

ici

background: #000000;

mets

background-color: #000000;
Forum
Auteur Message
vulcain


Hors ligne
Invité




MessagePosté le: Mer 30 Juil 2008 - 19:34    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ça ne marche toujours pas 

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: Mer 30 Juil 2008 - 19:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bizarre je viens de le faire chez moi ça marche sans prob

remplaces ton template par ça


 
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-color: #000000;
       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; } 

_______________________


Forum
Auteur Message
vulcain


Hors ligne
Invité




MessagePosté le: Mer 30 Juil 2008 - 19:50    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ça marche

Merci beaucoup


Auteur Message
Sephirothh


Hors ligne
Invité




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

Bonjour, j'ai actuellement un forum dont voici l'adresse : http://clan-gor.xooit.fr, et j'ai enfin réussi à mettre une image de fond grace à vous, mais voici mon problème, l'image de fond se deforme souvent en fonction de la resolution de son ecran, et voici ma question :

Est il possible que l'image de fond soit étirée en fonction de la résolution de son ecran?, ce que je voudrais, c'est que l'image de fond soit affichée de la même façon pour tout le monde, peu importe la résolution d'affichage que l'on ai, que sa soit du 1024x768 ou du 1280x1024 ou encore du 1920 x 1200. je voudrais que tout le monde voit l'image en entier et de la meme façon.

Merci beaucoup d'avance Smile


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 7 Aoû 2008 - 18:00    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Forum
Auteur Message
Léonard


Hors ligne
Invité




MessagePosté le: Sam 9 Aoû 2008 - 21:00    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour, je voudrait avoir un fond noir pour mon forum (ca me prend vachement la tête, c'est la 13eme fois que J'essaie,) mais ca marche pas. Aidez moi je vous en supplie!!!

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 9 Aoû 2008 - 21:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

il suffit de changer dans ton template css ou overall header ici


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

tu mets comme ça


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


Forum
Auteur Message
Azer496


Hors ligne
Invité




MessagePosté le: Mar 12 Aoû 2008 - 21:18    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Slut les gens je vous explique mon problème j'ai tout fais à la lettre !! mais ça marche pas !

___________________________________________________________________________________

<!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://img.xooimage.com/files8/s/u/subsilver-30daa.css" type="text/css" -->
<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://img503.imageshack.us/img503/1497/flyff0721w1o201xs3ppvgg7.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; }
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} 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
*/


_________________________________________________________________ 

Où ets l'erreur ?


Auteur Message
Azer496


Hors ligne
Invité




MessagePosté le: Mar 12 Aoû 2008 - 21:20    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Ah bah j'ai reussi mais il y a que els contours u_u

Help !!!


Auteur Message
Azer496


Hors ligne
Invité




MessagePosté le: Mar 12 Aoû 2008 - 21:25    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Arf j'ai reussi mille mercis pour le tuto

Auteur Message
flonul


Hors ligne
Invité




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

bonjour, jai un forum ou ej voudrais une image de fond.mais je ne veu pas tout "casser" et donc je me demandais : une fois que on a changer le tamplates, le forum est changer tout de suite ou il faut faire autre chose?? repondez moi vite svp

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 14 Aoû 2008 - 20:11    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

non une fois que tu as changé
tu cliques sur enregistrer et tu verras la modification tout de suite
_______________________


Forum
Auteur Message
flonul


Hors ligne
Invité




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

merci bocoup

Auteur Message
flonul


Hors ligne
Invité




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

je lai fait mais sa ne marche pas , je recopie ce que jai ecrit :




/*
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-color: #000000;
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://img.xooimage.com/files5/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://img.xooimage.com/files2/c/e/cellpic3-30da8.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url('http://img.xooimage.com/files2/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 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: #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 Wink
*/
.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://img.xooimage.com/files6/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://img.xooimage.com/files6/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://img.xooimage.com/files7/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://img.xooimage.com/files2/c/e/cellpic1-30da9.gif'); text-indent: 4px; }
.titles { color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%; text-decoration: none; }
p.moderators { margin: 0px; float: left; color: black; font-size: 60%; font-weight: bold; }


Auteur Message
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 14 Aoû 2008 - 20:27    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu le fais pour le forum de ta signature??

dans ce cas c'est ici

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

tu mets comme ça

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #536482;
background-image: url("lien de ton image");
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
padding:1.5em 0;
text-align:center;
}
_______________________


Forum
Auteur Message
Contenu Sponsorisé





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

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