CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | |  Invité Invité
 | Bonjour, alors j'aurais aimé faire se genre de présentation la. Merci d'avance a ceux ou celle qui m'aideront :  Image prise du forum : desperatedsouls | | |
|  | | Tech 
{ Membre actif }
 Messages : 1378
| Bonjour Il faut que tu ajoutes ceci dans ton CSS : - Code:
-
a.mainmenu:link,
a.mainmenu:visited {
TON CSS
} | | |
| | | | Invité Invité
| Bon j'ai un problème met titres son déjà comme sa http://beautifullprincess.forumactif.org/index.htm donc quand je met le CSS sa ne change rien. =S comment faire ? | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| Ah d'accord.
Et tu veux obtenir quoi comme résultat ?
Peux-tu nous passer le CSS ? | | |
| | | | Invité Invité
| Eh bien comme sur l'image de l'aperçu les deux coin arrondis. Merci de m'aider. - Code:
-
a.mainmenu:link,
a.mainmenu:visited {
TON CSS
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
.bodyline {
-moz-border-radius:10px;
}
.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: 5px solid #a5a0a0;
}
A:link, A:visited, A:active {
font-variant: small-caps;
color: #c5c5c5;
}
h2 {
text-align: center;
color: #897979;
font-size: 12px;
font-family: verdana;
padding: 1px;
margin : 2px;
border-bottom : 2px solid #code couleur du soulignement du titre;
}
#subnav A:link, #subnav A:visited, #subnav A:active {
font-family: verdana;
font-size: 11px;
text-align: center;
padding: 2px;
color: #code couleur du texte du menu;
background-color: #ffffff;
line-height: 13px;
display: block;
border-bottom: 1px solid #ffffff;
}
#subnav A:hover {
color: #ffffff;
background-color: #f0c8e9;
}
/*----------Corps du forum----------*/
body {
background-color: #A8AAAB;
background-image: url(#69C6E8);
background-repeat: repeat;
background-position: top;
text-align: justify;
}
.forumline{
-moz-border-radius: 10px;
}
a.mainmenu{
text-decoration: none;
color: #000000;
border-left: 5px solid #b3b4b5;
background-color: #b3b4b5;
}
a.mainmenu:hover {
text-decoration: none;
color: #000000;
border-left: 5px solid #b3b4b5;
background-color: #b3b4b5;
}
/*----------Code and quote and spoiler----------*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #ffffff;
padding: 8px 8px;
text-align: justify;
text-indent: 25px;
line-height: 125%;
background-color: #19191C;
border: 1px #252529;
border-style: dotted;
-moz-border-radius: 16px;
margin-top: 12px;
}
.quote{
font-family: Helvetica,sans-serif;
font-size: 11px;
color: #99C3C9;
padding: 8px 8px;
text-align: justify;
text-indent: 25px;
line-height: 125%;
background-color: #19191C;
border: 1px #252529;
border-style: dotted;
-moz-border-radius: 16px;
margin-top: 12px;
}
/*----------Liens en pointillés----------*/
forumlink,a.forumlink:hover {
text-decoration: none;
}
a:link,a:active,a:visited {
cursor: sw-resize;
}
/*----------profil encadrer----------*/
#profil_head {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil16.gif);
background-repeat: repeat;
width: 180px;
height: 42px;
}
#name {
padding-top: 14px;
font-size: 10px;
font-weight: bold;
text-align: center;
}
#profil_body {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil19.gif);
background-repeat: repeat-y;
width: 180px;
}
#profil_foot {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil18.gif);
background-repeat: no-repeat;
width: 180px;
height: 24px;
}
/*----------overfoll----------*/
#profil_body {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil19.gif);
background-repeat: repeat-y;
width: 180px;
max-height: 280px;
overflow: auto;
margin-bottom: -2px;
}
.statistiques{
border:0px;
background-image: url("http://i11.servimg.com/u/f11/14/71/76/06/quiest10.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#ffffff;border: 1px #D0D0D0 dotted;
-moz-border-radius : 6px 6px 6px 6px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:14px;font-weight: bold;text-align:center;
text-decoration: none !important;}
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: 5px solid #000000;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
top: 125px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
a.mainmenu {
color: #dc4359;
text-align: center;
font-size: taille des liens;
letter-spacing: Espacement entre les lettres;
text-transform: uppercase;
background-color: #couleur;
border-top: 1px solid #b3b4b5;
-moz-border-radius-topleft: 9px; (contour rond)
-moz-border-radius-topright: 9px; (contour rond)
padding-right: 5px;
}
a.mainmenu:hover {
text-align: center;
font-size: taille du liens;
letter-spacing: espacement entre les lettres;
color: #dc4359;
text-transform: uppercase;
background-color: #couleur;
border-top: 1px solid #b3b4b5;
-moz-border-radius-topleft: 9px; (contour rond)
-moz-border-radius-topright: 9px; (contour rond)
padding-right: 9px;
}
td.cat { text-align: center; }
a { text-decoration: none; }
a.mainmenu:link, a.mainmenu:visited{
margin-left : 5px;
margin-right : 5px;
font-family :default;
color: #ffffff;
background-image: url("http://localhostr.com/files/31bae6/fond.png");
text-align:left;
border-left: 4px solid #b2a9ae;
border-right: 9px solid: url("http://localhostr.com/files/31bae6/fond.png");
}
a.mainmenu:hover, a.mainmenu:hover:visited{
color: #000000;
border-left: 4px solid #b2a9ae;
border-right: 4px solid #transp;}
{container
width: 80%;
padding: 20px;
border: 1px solid #666;
background: #ffffff;
}
a:hover { letter-spacing: 2px; }
a:hover {
font-variant : small-caps;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #dc94c0;
}
.forumline{
background-color: #b8afb5 ;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 4px #b8afb5 solid;
border-top: 1px #b8afb5 dotted;
border-right: 1px #b8afb5 dotted;
border-left: 1px #b8afb5 dotted;}
.forumline{
-moz-border-radius:4px;
}
input, textarea, select {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.boitehaut{
width: 300px;
background-image: url("haut.gif");
background-position: top center;
background-repeat: no-repeat;
background-color: #4c1111;
color: #ffffff;
}
.boitebas{
background-image: url("bas.gif");
background-position: bottom left;
background-repeat: no-repeat;
padding: 5px 5px 5px 5px;
} | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| Essaye avec ceci : - Code:
-
table.bodylinewidth
{
position: relative;
top: -9px;
}
.bodyline {
-moz-border-radius:10px;
}
.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: 5px solid #a5a0a0;
}
A:link, A:visited, A:active {
font-variant: small-caps;
color: #c5c5c5;
}
h2 {
text-align: center;
color: #897979;
font-size: 12px;
font-family: verdana;
padding: 1px;
margin : 2px;
border-bottom : 2px solid #code couleur du soulignement du titre;
}
#subnav A:link, #subnav A:visited, #subnav A:active {
font-family: verdana;
font-size: 11px;
text-align: center;
padding: 2px;
color: #code couleur du texte du menu;
background-color: #ffffff;
line-height: 13px;
display: block;
border-bottom: 1px solid #ffffff;
}
#subnav A:hover {
color: #ffffff;
background-color: #f0c8e9;
}
/*----------Corps du forum----------*/
body {
background-color: #A8AAAB;
background-image: url(#69C6E8);
background-repeat: repeat;
background-position: top;
text-align: justify;
}
.forumline{
-moz-border-radius: 10px;
}
a.mainmenu{
text-decoration: none;
color: #000000;
border-left: 5px solid #b3b4b5;
background-color: #b3b4b5;
}
a.mainmenu:hover {
text-decoration: none;
color: #000000;
border-left: 5px solid #b3b4b5;
background-color: #b3b4b5;
}
/*----------Code and quote and spoiler----------*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #ffffff;
padding: 8px 8px;
text-align: justify;
text-indent: 25px;
line-height: 125%;
background-color: #19191C;
border: 1px #252529;
border-style: dotted;
-moz-border-radius: 16px;
margin-top: 12px;
}
.quote{
font-family: Helvetica,sans-serif;
font-size: 11px;
color: #99C3C9;
padding: 8px 8px;
text-align: justify;
text-indent: 25px;
line-height: 125%;
background-color: #19191C;
border: 1px #252529;
border-style: dotted;
-moz-border-radius: 16px;
margin-top: 12px;
}
/*----------Liens en pointillés----------*/
forumlink,a.forumlink:hover {
text-decoration: none;
}
a:link,a:active,a:visited {
cursor: sw-resize;
}
/*----------profil encadrer----------*/
#profil_head {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil16.gif);
background-repeat: repeat;
width: 180px;
height: 42px;
}
#name {
padding-top: 14px;
font-size: 10px;
font-weight: bold;
text-align: center;
}
#profil_body {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil19.gif);
background-repeat: repeat-y;
width: 180px;
}
#profil_foot {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil18.gif);
background-repeat: no-repeat;
width: 180px;
height: 24px;
}
/*----------overfoll----------*/
#profil_body {
background-image: url(http://i80.servimg.com/u/f80/11/70/62/21/profil19.gif);
background-repeat: repeat-y;
width: 180px;
max-height: 280px;
overflow: auto;
margin-bottom: -2px;
}
.statistiques{
border:0px;
background-image: url("http://i11.servimg.com/u/f11/14/71/76/06/quiest10.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#ffffff;border: 1px #D0D0D0 dotted;
-moz-border-radius : 6px 6px 6px 6px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:14px;font-weight: bold;text-align:center;
text-decoration: none !important;}
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: 5px solid #000000;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
top: 125px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
a.mainmenu {
color: #dc4359;
text-align: center;
font-size: taille des liens;
letter-spacing: Espacement entre les lettres;
text-transform: uppercase;
background-color: #couleur;
border-top: 1px solid #b3b4b5;
-moz-border-radius-topleft: 9px; (contour rond)
-moz-border-radius-topright: 9px; (contour rond)
padding-right: 5px;
}
a.mainmenu:hover {
text-align: center;
font-size: taille du liens;
letter-spacing: espacement entre les lettres;
color: #dc4359;
text-transform: uppercase;
background-color: #couleur;
border-top: 1px solid #b3b4b5;
-moz-border-radius: 10px;
padding-right: 9px;
}
td.cat { text-align: center; }
a { text-decoration: none; }
a.mainmenu:link, a.mainmenu:visited{
margin-left : 5px;
margin-right : 5px;
font-family :default;
color: #ffffff;
background-image: url("http://localhostr.com/files/31bae6/fond.png");
text-align:left;
-moz-border-radius: 10px;
border-left: 4px solid #b2a9ae;
border-right: 9px solid: url("http://localhostr.com/files/31bae6/fond.png");
}
a.mainmenu:hover, a.mainmenu:hover:visited{
color: #000000;
border-left: 4px solid #b2a9ae;
border-right: 4px solid #transp;
-moz-border-radius: 10px;}
{container
width: 80%;
padding: 20px;
border: 1px solid #666;
background: #ffffff;
}
a:hover { letter-spacing: 2px; }
a:hover {
font-variant : small-caps;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #dc94c0;
}
.forumline{
background-color: #b8afb5 ;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 4px #b8afb5 solid;
border-top: 1px #b8afb5 dotted;
border-right: 1px #b8afb5 dotted;
border-left: 1px #b8afb5 dotted;}
.forumline{
-moz-border-radius:4px;
}
input, textarea, select {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.boitehaut{
width: 300px;
background-image: url("haut.gif");
background-position: top center;
background-repeat: no-repeat;
background-color: #4c1111;
color: #ffffff;
}
.boitebas{
background-image: url("bas.gif");
background-position: bottom left;
background-repeat: no-repeat;
padding: 5px 5px 5px 5px;
}
| | |
| | | | Invité Invité
| Merci c'est parfait. Je t'aime Tech t'est le meilleur xD.
Edit1 : Au fait si je veux changer un peu si par exemple je veux mettre l'écriture plus petite ou autres. Ou est le Code CSS ? parce que je m'en sort pas avec tout mes codes je sais même plus les quels y sont :S ? | | |
| | | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Pour la taille il suffit d'aller dans couleur et en-dessous des polices je crois il y a la taille.  | | |
| | | | Invité Invité
| Merci par contre sa change la taille dé l'écriture de tout le forum... =/ | | |
| | | | Invité Invité
| Comme c'est mon forum, je vais t'aider - Code:
-
a.mainmenu{
font-size: 11px;
color: #548288;
background-color:#29211f;
text-decoration: none;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 1px;
}
a.mainmenu:hover{
font-size: 11px;
color: #ffffff;
background-color:#7e6860;
text-decoration: none;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
} faut juste changer la taille de font-size ^^ | | |
| | | | Invité Invité
| Merci beaucoup Gorgeousmali | | |
| | | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Puis-je donc archiver ? | | |
| | | | Contenu sponsorisé
| | | | | |
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
