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! |
| lola1215
{ Membre }
Messages : 53
| Bonsoir ou bonjour à tous alors voilà, j'ai fais un truc dans mes templates, et je ne sais pas comment y remédier. Je voudrais en fait avoir ceci: - Spoiler:
Enfin, c'est très mal fait, mais on vois plus ou moins ce que je désire ^^ j'ai déjà tous les codes, il me faudrai juste savoir faire ce type de cadre et séparer les différents forum http://asiancherry.actifforum.com/forum (j'ai repris les codes de mon ancien forum, c'est pour ça que ça n'est pas comme je veux (=) si jamais vous avez besoin de quelconque code, je le mettrais. | | |
| | | Invité Invité
| Salut, tu veux quoi en gros parce que tu nous explique rien là ? |
Dernière édition par Mario le Mer 22 Déc 2010, 14:26, édité 1 fois | |
| | | lola1215
{ Membre }
Messages : 53
| Sur mon forum, tout est en bloc, je voudrais que ce soit comme sur l'image, donc, séparé, et avec des bordures arrondies | | |
| | | Invité Invité
| Il faut pas toucher aux templates pour cela, il suffit d'aller dans: Panneau d'Administration»Affichage»Structures et Hiérarchie. Et tu choisis. Et pour les contour c'est super simple: - Code:
-
.forumline{ -webkit-border-radius: Vpx; -moz-border-radius: Vpx; border-radius: Vpx; color: #COULEUR; } Tu remplace les «V» par des valeurs Derien | | |
| | | lola1215
{ Membre }
Messages : 53
| ça ne marche pas x) voici mon code css - Code:
-
/* CODES DE BASE */ tr.post span.gensmall { display: none; } body { background-repeat: no-repeat; } .forumline{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #C22151; }
a{font-variant: small-caps;} .postbody{ text-align: justify; margin: 20px; }
body { cursor: crosshair; } a:hover { cursor: pointer; }
u{border-bottom: 2px solid; border-color:#1f1f1f; text-decoration: none; -moz-border-radius:10px;}
I{border-bottom:none; color:#1f1f1f; text-decoration: 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; }
.quote{ font-family: arial; line-height: 125%; background-color: #DFDFDF; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; padding: 10px;}
.code{ font-family: arial; line-height: 125%; background-color: #DFDFDF; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; padding: 10px;}
input,textarea, select { -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }
a.mainmenu{ text-decoration: none; margin-left: -10px; margin-right: -10px; }
a.mainmenu:hover{ text-decoration:none; }
a{font-variant: small-caps;}
/* MISE EN FORME FORUM */
.profil_contour {background-color: #F0F3F3; /*Le fond*/ border: 3px solid #F0F3F3 }
.groupes{ text-shadow: #cacaca 1px 1px 1px; letter-spacing: -1px; font: 24px Arial Narrow; } .rang{ text-shadow: #787777 1px 1px 1px; font: bold italic 18px Arial; color:#a8a8a8; letter-spacing: -1px; } .pseudo { font-size : 20px; font-family : georgia; text-align: center; }
.descrip { text-align:justify; padding-left: 20px; padding-right: 20px; letter-spacing: -1px; background: #F1F9FE; -moz-box-shadow: #d9d9d9 1px 1px 1px; } .titrescateg{ font-family: georgia, serif; font-size: 170%; border-bottom: 1px dashed #5D9890; text-align: left; text-transform: uppercase; } .entête{ font-family: arial, serif; font-size: 90%; text-transform: uppercase; font-weight: 1500; color: #F53B63; text-align: left; margin-left: 70px; } .sousforum{ background-color:#F1F9FE;}
.sousforum2{ -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; background-color:#F1F9FE;}
.sousfo2{ -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; background-color:#F1F9FE; width: 200px; font-size: 9px;}
.sousfo3{ -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-color:#F1F9FE; width: 463px; height: 700px; font-size: 9px;}
.sousfo4{ -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-color:#ffffff; width: 350px; height: 320px; font-size: 9px;}
.ecriturepa{ font-size: 9px; text-align: justify; padding-left: 20px; padding-right: 10px; }
/* INFOBULLE */
a.info-pa { position: relative; }
a.info-pa span { display: none; /* ceci masque l'infobulle */ } a.info-pa:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} a.info-pa: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 */ left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 3px;
/* bordures de votre infobulle*/ border: 5px solid #DBDEDD; border-left: 5px solid #DBDEDD; -moz-border-radius: 5px; }
/* FICHE DE PRESENTATION */
.fondfiche{ width:450px; heigth: 70px; background: #F1F9FE; -webkit-border-bottom-right-radius: 050px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomright: 050px; -moz-border-radius-bottomleft: 50px; border-bottom-right-radius: 050px; border-bottom-left-radius: 50px;}
.textefiche{ FONT style=FONT-WEIGHT: normal; FONT-SIZE: 25pt; COLOR:#1DC2DB; FONT-FAMILY: Georgia; LETTER-SPACING: -2px; border-bottom: 10px solid #B5CAD5; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; width: 450px; LINE-HEIGHT: 20pt; } .textefiche:hover{ COLOR:#FF358B;} .petittexte{ letter-spacing: +10px; text-align: center; font-size: 6pt; FONT-FAMILY: gerogia; COLOR: #fffff }
.titrefiche{ FONT style=FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: 10pt; letter-spacing:-2px; COLOR:#444444; font-family: times new roman; text-align:center; vertical-align: top;}
.textecontenu{ margin-left : 40px; margin-right: 25px;}
.margepresentation{ margin-left : 20px;}
.bordimage1{ -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #FE39AF; white-space: nowrap; width:100px; heigth: 100px;}
.bordimage2{ -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #01E1E9; white-space: nowrap; width:100px; heigth: 50px; }
.bord{ FONT style=FONT-WEIGHT: normal; FONT-SIZE: 25pt; COLOR:#444444; FONT-FAMILY: Georgia; LETTER-SPACING: -2px; border-bottom: 10px solid #295862; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; width: 500px; LINE-HEIGHT: 20pt; }
.textefiche2{ COLOR:#01E1E9; font-variant: small-caps; font-weight: bold; } | | |
| | | lola1215
{ Membre }
Messages : 53
| J'ai besoin d'un coup de main. Comment on enlève la mention " Créer un forum : nom du forum " ? | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| PA > Générale > Promotion du forum > Les moteurs de recherches | | |
| | | lola1215
{ Membre }
Messages : 53
| Merci beaucoup pour les bordure, ça n'est toujours pas arrangé quelqu'un aurait une solution? | | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonjour, votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci d'éditer votre premier message en cochant l'icône . | | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonjour (: N'ayant aucune réponse depuis la dernière relance d'un modérateur, je considère ce problème résolu ou abandonné. Je verrouille et déplace, merci de votre compréhension (: | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|