Apparence des Titres

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Apparence des Titres

Message par Niino28 le Jeu 28 Oct 2010 - 20:01

Bonsoir, j'aimerais changer l'apparence des titres des parties de mon forum,
comme c'est un thème sélectionné, je ne trouve pas le code... C'est assez difficile a expliquer...



Mais j'aimerais changer la couleur, voilà, de la bordure marron au dessus, et en dessous de "Bienvenue"
et des autres parties du forum, si quelqu'un pouvait m'aider ^^"
merci d'avance Wink


Dernière édition par Niino28 le Ven 29 Oct 2010 - 0:58, édité 1 fois

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Neptunia le Jeu 28 Oct 2010 - 20:11

Bonsoir, et bienvenue sur le Forum des Forums !

Un peu de lecture ?
Right Les couleurs.

Les captures d'écran, on les a mal capturées, du coup elles se sont échappées, mais le texte reste explicite.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Niino28 le Jeu 28 Oct 2010 - 20:48

Je ne pense pas que se soit ça, j'ai tout essayer et aucun résultat ^^"
C'est peut-être un code CSS puisque quand je passe mon curseur dessus
sa sélectionne les bordures... enfin je ne sais pas.

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Neptunia le Jeu 28 Oct 2010 - 20:58

Oui exact, sur votre forum, tout se passe par le css.

Postez nous ici votre css perso sous balise spoiler et on verra ce que l'on peut faire.
► Panneau Admin
► Onglet Affichage
► Menu Images et Couleurs ► Couleurs
► Onglet Feuille de style CSS

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Niino28 le Jeu 28 Oct 2010 - 21:07

Spoiler:
.cadre {
background-color: #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 14px;
height: 250px;
width: 420px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #D9BA82;}

.cadre2 {
background-color: #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 14px;
height: 201px;
width: 250px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #D9BA82;}

.cadre3 {
background-color: #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 14px;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
height: 255px;
width: 100px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #D9BA82;}

.cadre4 {
background-color: #000000; -moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 20px;
-webkit-border-radius: 14px;
width: 300px;
height: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #D9BA82;}


.cadre5 {
background-color: #000000;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomleft: 100px;
-moz-border-radius-bottomright: 100px;
-webkit-border-radius: 14px;
width: 480px;
height: 700px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
border: #4d422e 5px solid;
color: #D9BA82;}


.cadre6 {
background-image:url(http://i37.tinypic.com/dvrbm1.jpg);
background-position : center;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 00px;
-moz-border-radius-bottomright: 100px;
-webkit-border-radius: 14px;
position: absolute;
border: #4d422e 5px solid;
width: 500px;
height: 100px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #D9BA82;
}

.navtop {
top : 0px;
position : fixed ;
width : 100% ;
background-color: #000000;
border: 2px solid #4d422e;
}

.navtop:hover {
top : 0px;
position : fixed ;
width : 100% ;
background-color: #000000;
border: 2px solid #332c1f;
}

.descri {
background-color: #000000;
border: #4d422e 2px solid;
-moz-border-radius: 2px 2px 2px 2px;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 10px solid #99845C;
}

.postbody {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align:justify;
}

a.forumlink{ font-family: times new roman;
font-size: 18px;
font-style: italic;
padding-right:20px;
padding-left:20px
}

a.forumlink {
border-bottom: 4px solid #4d422e;
border-top: 4px solid #4d422e;
display: block;
-moz-border-radius: 5px 5px 5px5px;
}

a.forumlink:hover {
background-color: #000000;
border-bottom: 4px solid #99845c;
border-top: 4px solid #99845c;
display: block;
-moz-border-radius: 5px 5px 5px5px;
}

.profilentour {
text-align:center;
padding:9px;
background-color:#4c422e;
-moz-border-radius:2px;
}

input,textarea, select {font: normal 12px Arial;
background-color: #000000;
border: 2px solid #99845c;
border-style: 2px solid;
border-radius: 7px 7px;
-moz-border-radius: 7px;}

a:link,a:active,a:visited {
text-decoration: none;
}

a:hover{
text-decoration: none !important;
}

.abc {border-top: 5px solid #99845c}

.def {
background-color: #000000;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 4px;
padding-top: 6px;
font-family: Arial;
font-size: 10px;
}

.nompv {
color: #150b0d; /* couleur police nom */
font-size: 14px;
font-variant: small-caps;
text-shadow: 1px 1px #99845c;
text-align: right;
font-weight: bold;
font-family: georgia;
}

.blocavatar {
background-color: #000000; /* couleur de fond des blocs */
-moz-border-radius: 30px;
padding: 10px;
border-left: 4px solid #99845c; /* couleur bord gauche des blocs */
border-right: 4px solid #99845c; /* couleur bord droit des blocs */
}
td.td1 {
vertical-align: top;
text-align: center;
padding-right: 10px;
}
td.td2 {
vertical-align: top;
text-align: center;
}
td.td3 {
vertical-align: top;
text-align: center;
}
td.td4 {
vertical-align: top;
text-align: right;
}
td.td5 {
text-align: justify;
font-size: 12px;
font-family: calibri;
padding: 15px;
color: #D9BA82; /* couleur texte relations */
}
.blocs {
background-color: #000000; /* couleur de fond des blocs */
height: 230px;
-moz-border-radius: 30px;
padding: 10px;
overflow: auto;
text-align: justify;
font-size: 12px;
font-family: arial;
padding: 15px;
-moz-border-radius: 15px 0px 0px 15px;
color: #D9BA82; /* couleur texte Histoire & caractère */
}

.bloctitre {
border-bottom: 3px solid #99845c;
display: block;
background-color: #000000;
-moz-border-radius: 5px 5px 5px5px;
}

.titre {
background-color: #000000;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 2px solid #99845c;
border-left: #1px solid;
border-top: #1px solid;
border-right: #99845c 3px double;
}

td.patd1 {
text-align: center;
vertical-align: bottom;
}
td.patd3 {
vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
vertical-align: top;
}
td.patd8 {
vertical-align: bottom;
}

.bloc1 {
height: 140px;
padding: 0px 10px 10px 10px;
-moz-border-radius: 5px;
border: 3px double #99845c; /*couleur du cadre des blocs 1*/
}
.contexte {
height: 115px;
overflow: auto;
text-align: justify;
padding: 0px 5px 0px 5px;
font-size: 12px;
margin: 3px 0px 0px 0px;
}
.news {
text-align: center;
color: #d9ba82; /* couleur du texte des news */
}
.admins {
text-align: center;
padding: 10px 0px 0px 0px;
}
.admins img {
margin: 7px 10px 0px 10px;
}
span.infobulladmins{
position: relative;
text-decoration: none;
}
span.infobulladmins span.bull {
display: none;
}
span.infobulladmins:hover {
background: none;
z-index: 999;
cursor: crosshair;
}
span.infobulladmins:hover span.bull {
display: inline;
white-space: normal;
top: 15px;
left: -35px;
position: absolute;
padding: 8px;
background: #000000; /*couleur fond infobulle admins*/
-moz-border-radius: 5px;
border: 3px solid #99845c; /*couleur cadre infobulle admins*/
text-align: justify;
font-size: 13px;
width: 180px;
text-align: center;
}
.bloc2 {
height: 224px;
padding: 0px 10px 10px 10px;
text-align: center;
font-size: 12px;
-moz-border-radius: 5px;
border: 3px double #99845c; /*couleur cadre bloc 2*/
}
.bloc3 {
height: 158px;
padding: 0px 10px 10px 10px;
margin-top: 6px;
text-align:center;
font-size: 10px;
-moz-border-radius: 5px;
border: 3px double #99845c; /*couleur cadre bloc 3*/
}
.bloc4 {
height: 80px;
padding: 0px 10px 10px 10px;
text-align: center;
font-size: 11px;
-moz-border-radius: 5px;
border: 3px double #99845c; /*couleur cadre bloc 4*/
}
.bloc4 img {
margin: 0px 5px 0px 5px;
}

.titrebloc {
font-size: 20px;
height: 20px;
text-align: center;
border-bottom: 2px solid;
color: #99845c; /*couleur de la ligne entre le titre et le contenu dun bloc*/
font-style: italic;
margin: 0px 0px 3px 0px;
}

.pattitres {
background-color: #000000;
border-right: 5px solid #99845c;
border-left: 5px solid #99845c;
border-top: 1px dotted #99845c;
border-bottom: 1px dotted #99845c;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold;
text-align: center;
color: #d9ab82;}

.patmessages {
background-color: #000000;
border-right: 5px solid #99845c;
border-left: 5px solid #99845c;
border-top: 1px dotted #99845c;
border-bottom: 1px dotted #99845c;
height:450px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #d9ab82;}


/* QUI EST EN LIGNE */

.tableauqueel{
background-image: url("");
background-position: center;
border : solid 1px #;
-moz-border-radius : 10px;
-webkit-border-radius: 10px;
}

.partiedroite {
font-size : 12px;
border-left : 1px dotted #D9BA82;
padding-left : 10px;
text-align: center;
}

.groupes{
background-color: #;
border: 2px color #D9BA82;
-moz-border-radius : 2px;
padding-right: 12px;
padding-left: 14px;
padding-bottom: 1px;
font-size: 9px;
font-weight: arial;
text-align: center;
font-color : #D9BA82;
text-decoration: none !important;
}

.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 20px;
border-bottom: 1px solid #D9BA82;
border-left: 1px solid #D9BA82;
border-right: 1px solid #D9BA82;
border-top: 1px solid #D9BA82;
font-size: 11px;
font-weight: italic;
padding: 3px;
position: relative;
text-align: center;
width: 250px;
}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
padding: 5px;
background-color: #000000;
color: #d9ab82;
width:67%;
border: 2px solid #99845c;
-moz-border-radius: 20px;
-webkit-border-radius: 12px;
font-size: 10px;
-moz-box-shadow: 1px 2px 3px #99845c; }


/*--- Cette partie correspond à la description des liens ---*/
.liens {
padding: 5px;
color: #d9ab82;
width: 42%;
border: 2px solid #99845c;
-moz-border-radius: 20px;
-webkit-border-radius: 12px;
font-size: 10px;
background-color: #000000;
-moz-box-shadow: 1px 2px 3px #99845c; }


a.styletitrepa, a.styletitrepa:active, a.styletitrepa:visited {
background-color: #000000;
border-bottom: 5px double #99845c;
color: #d9ab82;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display: block;
text-align: center;
-moz-border-radius: 20px;
}
a.styletitrepa:hover {
font-style: italic;
color: #99845c;
}
div.staff {
height: 130px;
font-size: 12px;
margin-top: 10px;
text-align: center;
}
div.staff img {
width: 50px;
height: 50px;
background-color: #000000;
border: 3px double #99845c;
padding: 3px;
-moz-border-radius: 10px;
margin: 0px 3px 2px 3px;
}
div.navig {
height: 130px;
margin-top: 10px;
text-align: center;
overflow: hidden;
}
div.navig div {
background: #000000;
-moz-border-radius: 20px;
margin-top: 3px;
border-width: 0px 3px 1px 3px;
border-style: solid;
border-color: #99845c;
color: #d9ab82;
font-size: 12px;
text-align: center;
text-transform: lowercase;
font-variant: small-caps;
height: 12px;
}
div.navig div:hover {
background: #000000;
-moz-border-radius: 20px;
margin-top: 3px;
border-width: 0px 3px 1px 3px;
border-style: solid;
border-color: #99845c;
color: #d9ab82;
font-size: 12px;
text-align: center;
text-transform: lowercase;
font-variant: small-caps;
height: 12px;
}
div.contexte {
height: 330px;
margin-top: 10px;
text-align: justify;
padding: 0px 10px 0px 5px;
overflow: auto;
font-size: 11px;
}
div.pvs{
height: 210px;
font-size: 12px;
margin-top: 5px;
text-align: center;
overflow: hidden;
}
div.pvs img {
width: 50px;
height: 50px;
background-color: #000000;
border: 3px double #99845c;
padding: 3px;
-moz-border-radius: 10px;
margin: 2px;
}
.friends {
height: 88px;
overflow: hidden;
margin-top: 5px;
font-size: 11px;
text-align: center
}
.copyright {
height: 86px;
overflow: auto;
font-size: 9px;
text-align: center;
margin-top: 5px;
}
div.news{
height: 210px;
font-size: 12px;
margin-top: 5px;
text-align: justify;
overflow: auto;
padding: 0px 10px 0px 0px;
}
.stylemenu {
border: medium double ;
background: #000000 none repeat scroll 0% 50%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
font-family: tahoma;
color: #d9ab82;
font-size: 10px;
}
.stylebutton {
border: medium double ;
background: #000000 none repeat scroll 0% 50%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
font-family: tahoma;
color: #d9ab82;
font-size: 10px;
}
span.infoadmins {
position: relative;
text-decoration: none;
}
span.infoadmins span.bulle {
display: none;
font-size: 12px;
}
span.infoadmins:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infoadmins:hover span.bulle {
display: inline;
position: absolute;
top: 20px;
left: -56px;
width: 170px;
color: #d9ab82;
background-color: #000000;
border: 3px double #99845c;
padding: 3px;
-moz-border-radius: 10px;
}

/* FONDS GRIS */

.box {
background-color: #000000;
border-bottom: 5px double #99845c;
color: #d9ab82;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display: block;
text-align: center;
-moz-border-radius: 20px;
}

.box2 {
border: medium double ;
background: #000000 none repeat scroll 0% 50%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
font-family: tahoma;
color: #d9ab82;
font-size: 10px;
}

/* FOND BLANC */
.box1 {
background-color: #000000;
border-bottom: 5px double #99845c;
color: #d9ab82;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display: block;
text-align: center;
-moz-border-radius: 20px;
}

body.chatbox {
background-image:url("http://imgur.com/KR70k.jpg");
background-repeat:no-repeat;
}

.chatbox_row_1,.chatbox_row_2 {
background-color:transparent;
padding:4px;
}

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Neptunia le Jeu 28 Oct 2010 - 21:15

Pour vous débarasser du marron au survol recherchez le code #99845c dans votre css et remplacez le selon vos goûts.

Attention, ce code est répété à de nombreux endroits.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Niino28 le Jeu 28 Oct 2010 - 22:39

C'est déjà mieux ^^
Maintenant quand je passe mon curseur dessus la couleur change.
Mais sa reste toujours marron sans le curseur.

J'ai peut-être du oublier un code...
Mais j'ai pourtant relu plusieurs fois.

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparence des Titres

Message par Neptunia le Jeu 28 Oct 2010 - 23:09

Faudra rechercher dans les codes couleurs restants lequel correspond à votre marron.

Un indice ! ce code devrait figurer sur une ligne où il n'y a pas la propriété hover

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des Titres

Message par Niino28 le Jeu 28 Oct 2010 - 23:42

Merci beaucoup j'ai enfin réussi Very Happy

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum