It is currently Tue 27 Sep 2016 - 10:42 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3174, 175, 176266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Tue 17 Feb 2009 - 13:36    Post subject: [Tuto] Installer une image de fond Reply with quote

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

j'ai bien le bouton éditer moi

tu peux faire un screen de ce que tu as

ce qui disparait c'est le bouton supprimer
Forum
Author Message
bazeilarden08
Membre


Offline
Membre

Joined: 12 Mar 2008
Posts: 41
Niveau:
Point(s): 41
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Sagittaire (22nov-21déc) 猴 Singe

PostPosted: Tue 17 Feb 2009 - 13:54    Post subject: [Tuto] Installer une image de fond Reply with quote

méa culpa, j'étais hors ligne lorsque je ne voyais plus le bouton Embarassed
c'est corrigé, merci

PS: ou dois posté, je ne trouve pas Sad
Sur mon forum, quand on écrit un message, les boutons couleur et taille de police ne sont plus cliquables Question


Forum
Author Message
Cerbère


Offline
Guest




PostPosted: Tue 17 Feb 2009 - 14:13    Post subject: [Tuto] Installer une image de fond Reply with quote

html, body {
    background: #242424 url('http://images2.photomania.com/771998/1/radBB776.jpg');
    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: #D52D2D; }
a:hover        { text-decoration: underline; color: #FFFFFF; }
hr    { height: 0px; border: solid #D52D2D 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: #000; }

/* Header and Logo */
#maintable {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #000;
}
#logotable {
    background: url('http://img.xooimage.com/files2/l/o/logo_bg-30e5d.gif') top left repeat-x;
}
.logorow1 {
    background: url('http://img.xooimage.com/files5/4/6/b/copie-2-de-001-5f4230.jpg') top left no-repeat;
}
.logorow2 {
    background: url('http://img.xooimage.com/files1/b/5/5/copie-de-001-5f422d.jpg') top right no-repeat;
}
#buttonstable {
    margin-bottom: 5px;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
}
#buttonstable td {
    background: url('http://img.xooimage.com/files8/b/u/buttons-30e9b.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://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x; }

/* Forum header */
.forumheader td {
    background: url('http://img.xooimage.com/files3/h/d/hdr_mid-30e9c.gif') left bottom repeat-x;
    font-size: 12px;
    font-weight: bold;
    color: #C32121;
}
.forumheader a, .forumheader a:visited {
    color: #C32121;
    text-decoration: underline;
}
.forumheader a:hover {
    color: #D0D0D0;
    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: #D52D2D;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
    background: #313131 url('http://img.xooimage.com/files2/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://img.xooimage.com/files2/c/e/cell-30e61.gif') top left repeat-x;
}


/* Header cells - the blue and silver gradient backgrounds */
th, td.spaceRow, td.th {
    color: #FFB9B9;
    font-size: 11px;
    font-weight: bold;
    background: #B01C1C url('http://img.xooimage.com/files9/t/h/th-30e9d.gif') top left repeat-x;
    white-space: nowrap;
    padding: 0 5px;
    text-align: center;
    height: 26px;
    border-left: solid 1px #BB0000;
    border-right: solid 1px #850000;
    border-top: solid 1px #BA0000;
    border-bottom: solid 1px #820000;
}
th.left { text-align: left; }

td.catBottom {
    background: #860000 url('http://img.xooimage.com/files8/c/a/catbottom-30e9e.gif') top left repeat-x;
    height: 24px;
    padding: 1px 3px;
    border-left: solid 1px #BB0000;
    border-right: solid 1px #850000;
    border-top: solid 1px #BA0000;
    border-bottom: solid 1px #820000;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
    background: #2C2C2C url('http://img.xooimage.com/files4/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 Smile
*/
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: #D52D2D; 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 : #D52D2D; }
a.forumlink     { text-decoration: none; color : #D52D2D; }
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 : #D52D2D; }
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: #D52D2D; }
a.topictitle:visited { text-decoration: none; color: #BD2323; }
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: #FFFFFF; }
.link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #BD2323; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size: 11px; }
.postername        { font-size: 11px; font-weight: bold; color: #D52D2D; 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: #D52D2D; }
.postbody a:visited { text-decoration: none; color: #BD2323; }
.postbody a:hover { text-decoration: underline; color: #FFFFFF; }

/* Other post stuff */
td.postbottom {
    background: #2D2D2D url('http://img.xooimage.com/files8/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: #D52D2D;
}

/* 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: #890000;
    border-right: solid 1px #000;
}
.quote-left {
    background: #890000 url('http://img.xooimage.com/files6/q/u/quote_left-30e9f.gif') center center no-repeat;
    border-right: solid 1px #000;
}
.code-left {
    background: #890000 url('http://img.xooimage.com/files7/c/o/code_left-30ea0.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 #D52D2D;
    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 Wink
*/
.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://img.xooimage.com/files5/c/h/checkboxunchecked-30ea1.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://img.xooimage.com/files5/c/h/checkboxunchecked-30ea1.gif') no-repeat center center;
}
a.checkboxchecked {
    background: url('http://img.xooimage.com/files4/c/h/checkboxchecked-30ea2.gif') no-repeat center center;
}

.radiobox {
    background: url('http://img.xooimage.com/files8/r/a/radioboxunchecked-30ea3.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://img.xooimage.com/files8/r/a/radioboxunchecked-30ea3.gif') no-repeat center center;
}
a.radioboxchecked {
    background: url('http://img.xooimage.com/files7/r/a/radioboxchecked-30ea4.gif') no-repeat center center;
}

.inputhidden { display: none; }


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: Tue 17 Feb 2009 - 14:15    Post subject: [Tuto] Installer une image de fond Reply with quote

bazeilarden08 wrote:
méa culpa, j'étais hors ligne lorsque je ne voyais plus le bouton Embarassed
c'est corrigé, merci

PS: ou dois posté, je ne trouve pas Sad
Sur mon forum, quand on écrit un message, les boutons couleur et taille de police ne sont plus cliquables Question




fais ctrl +F5 et réessayes
_______________________


Forum
Author Message
bazeilarden08
Membre


Offline
Membre

Joined: 12 Mar 2008
Posts: 41
Niveau:
Point(s): 41
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Masculin Sagittaire (22nov-21déc) 猴 Singe

PostPosted: Tue 17 Feb 2009 - 15:03    Post subject: [Tuto] Installer une image de fond Reply with quote

Non ça ne change rien Sad
Petite précision, ça ne bloque que dans les réponses rapides, pas en réponses normales


Forum
Author Message
Cerbère


Offline
Guest




PostPosted: Wed 18 Feb 2009 - 15:49    Post subject: [Tuto] Installer une image de fond Reply with quote

quel modif je doit fair pour le metre en surbrillance et ou le place

mon temple est juste au dessu


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

tu peux modifier l'image pour la mettre directement en surbrillance

pour le reste c'est comme indiqué dans le tuto
_______________________


Forum
Author Message
Cerbère


Offline
Guest




PostPosted: Wed 18 Feb 2009 - 18:23    Post subject: [Tuto] Installer une image de fond Reply with quote

comme tu a pu le voir sa fait plein de petite image alors que moi je voudrais qu'une seul grande image deriere en subrillance

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: Wed 18 Feb 2009 - 18:24    Post subject: [Tuto] Installer une image de fond Reply with quote

dans le code à ajouté ici

background-repeat: repeat-y;

tu mets comme ça

background-repeat: no-repeat;

par contre tu dois mettre une image en 1280*1200
_______________________


Forum
Author Message
Cerbère


Offline
Guest




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

j'ai changer la taille de limage et c'est toujour pareil

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

fais voir ce que tu as maintenant dans le template
_______________________


Forum
Author Message
med-dz
Membre


Offline
Membre

Joined: 26 May 2008
Posts: 39
Niveau:
Point(s): 39
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

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

Salut à tous,
Comment se mettre une image pareille: http://img.xooimage.com/files42/2/9/6/bgtop4-845a62.gif
(Les options de répétitions)?
_______________________
http://med-dz.xooit.com/


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

Bonjour
Les options de répétition sont précisées dans le tuto
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
med-dz
Membre


Offline
Membre

Joined: 26 May 2008
Posts: 39
Niveau:
Point(s): 39
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 19 Feb 2009 - 14:28    Post subject: [Tuto] Installer une image de fond Reply with quote

oui je sais ...en fait je veux un conseil (comment répéter l'image? H ou V "pas la méthode qui est précisée'')
_______________________
http://med-dz.xooit.com/


Forum
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 19 Feb 2009 - 14:30    Post subject: [Tuto] Installer une image de fond Reply with quote

Perso je mettrais comme çà :

Code: Sélectionner - Agrandir


 background: #CCE3F3 url('http://img42.xooimage.com/files/2/9/6/bgtop4-845a62.gif') 0 0 repeat-x;



_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
med-dz
Membre


Offline
Membre

Joined: 26 May 2008
Posts: 39
Niveau:
Point(s): 39
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 19 Feb 2009 - 14:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Ah merci je vais essayer...
_______________________
http://med-dz.xooit.com/


Forum
Author Message
Contenu Sponsorisé





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

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