Morganee
{ Membre }
Messages : 12
| Bonjour Donc voilà, depuis quelques jours, j'ai un problème avec l'image des titres de mes catégories. Je voudrais enfaite que cette image-ci: https://2img.net/r/hpimg11/pics/422774Catgorie.png Apparaisse à la place des mots : administration, et derniers messages car en ce moment même, j'ai ceci: http://vd-vampire-diaries.forumgratuit.org/ Je souhaiterais en faite, que ça fasse comme ce forum là on on ne voit que l'image: http://www.fellschurch.com/ Voici le code qui ne fonctionne pas: - Code:
-
.secondarytitle { background-image: url("http://img11.hostingpics.net/pics/422774Catgorie.png"); background-repeat:no-repeat; background-position: top;} Et mon CSS au cas où: - Spoiler:
- Code:
-
body { background-repeat: no-repeat; }
/*arrondis zones de texte*/ textarea, .textarea.post, input.post { -moz-border-radius:10px; -webkit-border-radius:10px; border:2px solid #714A4A;}
/*arrondis zones de saisie identifiant*/ input,textarea, select { border:2px solid #714A4A; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.maintitle{ margin-top:-40px; }
textarea, .textarea.post, input.post { -webkit-border-radius: 15px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius: 15px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; border-radius: 15px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; }
a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none !important;} a.forumlink:hover {text-transform:uppercase;} a { text-decoration: none; }
a.forumlink:link, a.forumlink:visited { font-size: 25px; text-align : left; font-family: Times New Roman; text-transform : lowercase; letter-spacing: -2px; padding-left: 0px; padding-right: 3px; padding-bottom: 0px; padding-top: 3px; margin-left: 30px; margin-bottom: -2px; display: block; }
span a.forumlink:hover { letter-spacing: 1px; /* espacement du texte au survol */ }
body { background-repeat: repeat; background-position: top, center; }
.quote{ background-color: #FFFDF0; font-family: TrebuchetMS; font-size: 12px; color: #787878; border-left : 1px #ba8361 dotted; border-top : 1px #ba8361 dotted; border-right : 1px #ba8361 dotted; border-bottom : 1px #ba8361 dotted; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; padding-left: 5px; padding-right: 5px; }
.code{ background-color: #FFFDF0; font-family: TrebuchetMS; font-size: 12px; color: #787878; border-left : 1px #ba8361 dotted; border-top : 1px #ba8361 dotted; border-right : 1px #ba8361 dotted; border-bottom : 1px #ba8361 dotted; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; padding-left: 5px; padding-right: 5px; }
.row3Right{ border: none !important; } .thHead{ border: none !important; } .thCornerL, .thCornerR, .thTop{ border: none !important; } .thLeft, .thRight{ border-left: none !important; border-right: none !important; } .catLeft, .catRight{ border: none! important; } .catHead{ border: none !important; } .catBottom{ border: none !important; }
.forumline{ -webkit-border-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align: justify; padding-left: 4px; /*espace entre les bloc et le cadre de l'index*/ padding-right: 4px; /*espace entre les bloc et le cadre de l'index*/ padding-bottom: 8px; /*espace entre les bloc et le cadre de l'index*/ padding-top: 8px; }
body { background-repeat: no-repeat; background-position: none; }
u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none; -moz-border-radius:6px;}
I{border-bottom:none; color:#7A5E5E;text-decoration: none }
a img { border: none; }
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
a.forumlink{ font-family: Time New Roman; text-shadow: #000000 1px 1px 1px; color: #6b6b6b; font-size: 21px; text-align: center; }
.categling{ background-color: #383838; font-family: Time New Roman; font-size : 11px; text-align : justify text-transform: uppercase; display : block; border-left : 10px solid #383838; border-right : 10px solid #383838; color: #6B6B6B; font-weight : bold; margin: 0px 0px 02px 0px;}
.abc3{ align: center; font-size: 12px; background-color: #120303; border: #212121; border-style: solid; border: 1px #212121 dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1; -moz-border-radius:6px;}
.abc4{ width: 20px; font-size: 12px; background-color: #120303; border: #212121; border-style: solid; border: 1px #212121 dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1; -moz-border-radius:6px;}
.hij{ border-bottom:3px double #4a1114; display:block; }
.AAA{ background-color: #4a1114; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 6px #4a1114 solid; border-top: 1px #4a1114 dotted; border-right: 1px #4a1114 dotted; border-left: 1px #4a1114 dotted;}
.Ava { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #4a1114; }w
.Prof { border-bottom: 0.3px dotted #4a1114;}
.fondavatar { border : 5px solid #714A4A; -moz-border-radius: 10px 10px 10px 10px }
.secondarytitle { background-image: url("http://img11.hostingpics.net/pics/422774Catgorie.png"); background-repeat:no-repeat; background-position: top;}
.sousfofo { -moz-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #8B4513; margin: 2px; padding: 3px; }
.forumline{ -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
a {font-variant: small-caps;}
a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;}
/* QEEL */ .onglet { background-color: # ; border-right: 5px solid #714A4A; border-left: 5px solid #714A4A; border-top: 1px dotted #714A4A; border-bottom: 1px dotted #714A4A; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; font-family: verdana; font-weight: bold; text-align: center; color: #714A4A;}
.message { background-color: #; border-right: 5px solid #714A4A; border-left: 5px solid #714A4A; border-top: 1px dotted #714A4A; border-bottom: 1px dotted #714A4A; padding-top: 5px; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; font-family: verdana; text-align: center; color: #714A4A;}
.profilentour { text-align:center; padding:9px; background-color:#714A4A; -moz-border-radius:8px; }
div.infobulle { position: relative; float: left;}
div.infobulle span { display: none;}
div.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999;}
div.infobulle:hover span { color: #C2A395; -moz-border-radius: 50px; text-align: center; text-shadow: #000000 1px 1px 1px; width: 210px; background: #ffffff; border: 3px solid #f7afa3; display: inline; position: absolute; top: 100px; left: 50px; padding: 10px; -moz-box-shadow: 2px 3px 3px black;}
ul, li{ list-style: none;}
.mon_onglet{ padding: 10px ; color: #ffffff; text-shadow: 1px 1px 3px black; background: #EED5D2; -moz-border-radius: 10% 10% 0% 0%; cursor: pointer;}
.mon_onglet_selected{ -moz-box-shadow:inset 2px 3px 3px black; padding: 10px ; color: #3b1f05; -moz-border-radius: 10% 10% 0% 0% ; background: #dddddd; cursor: pointer;}
.mon_contenu{ margin-top: -70px; font-size: 11px; width: 650px; height: 220px; background: #F0FFF0; -moz-box-shadow:inset 2px 3px 3px black; border: 5px solid #EED5D2 ; padding: 20px; color: #6E6E6E; -moz-border-radius: 50px; line-height: 18px;}
.imagepa { border: solid 5px #FFffff; -moz-border-radius: 10px; margin-left: -5px;}
.imagepa:hover {border: solid 5px #f7afa3; -moz-border-radius: 10px; margin-left: 10px; opacity: 0.7; }
#menu ul li a, .menu ul li a:visited {display:block; -moz-border-radius: 10% 10% 10% 10% ; color: #6E6E6E; width:150px; height:20px; text-align:center; background: #EED5D2; font-size:12px; padding: 3px;} /* NORMAL */
#menu ul { padding: 10px; list-style-type: none; } #menu ul li {float:left; margin-right:1px; position:relative;} #menu ul li ul {display: none;}
#menu ul li:hover a {background: #Ffffff; color:# 6E6E6E ; } /* MODE ITEM HOVER */
#menu ul li:hover ul {display:block; position:absolute; top:10px;margin-left: -10px; } #menu ul li:hover ul li a.hide { color:#EED5D2;} /* MODE HOVER */ #menu ul li:hover ul li:hover a.hide {width:110px;} #menu ul li:hover ul li ul {display: none;} #menu ul li:hover ul li a {display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */
#menu ul li:hover ul li a:hover {color:#EED5D2;} /* MODE SOUS ITEM HOVER */
#menu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #Ffffff; } /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a {display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a:hover {color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */
|
Dernière édition par Morganee le Dim 22 Avr 2012, 11:10, édité 1 fois | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour ! Je pense que ce tutoriel correspond à ce dont tu as besoin | | |
|
Morganee
{ Membre }
Messages : 12
| |
Haldira
{ Membre actif }
Messages : 981
| Je le déplace dans les problèmes résolus. | | |
|