| Faire de beaux titres (messages) | |
|
|
Juiice
{ Membre }
Messages : 6
| Bonjour Bonjour ! Je ne sais pas si je dois bien poster ici, mais j'ai eu un tuto pour faire de beaux titres, mais ça ne marche pas. Je suis désespérée ! Je vous donne le code CSS pour faire le titre, et j'aimerai savoir ce qui est louche : - Code:
-
.titre { font-family: impact, serif; font-size: 110%; text-transform: uppercase; border-bottom: 1px dashed #E9967A; color: #E9967A; text-align: right; border-left: 2px solid #E9967A; border-right: 2px solid #E9967A; } | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Chel et Joris: Je suis désolée alors je ne sais pas ce qui ne vas pas ._. Juiice: Qu'est-ce que tu as mit dans le html? | | |
|
| |
Chel
{ Membre }
Messages : 55
| Merci quand même... je vais percévérer de mon coté | | |
|
| |
Kita-Chan
{ Membre }
Messages : 150
| - Ikø' a écrit:
- Qu'est-ce que tu as mis dans le html?
Ummm, j'ai pourtant bien mis le code HTML que vous m'avez donne, il ne marche pas sur mon forum, mais sur d'autres si | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Ce serait quand même préférable d'avoir le code html entier d'où le code a été utilisé, il y a peut-être un bug~ | | |
|
| |
Liloo
{ Membre }
Messages : 19
| Coucou ^^ Chez moi non plus ça ne marche pas, et pourtant j'ai mit le code HTML demandé, et le CSS est bon .... Je vous montre : voila le code CSS : - Code:
-
.titre { font-family: Times New Roman, serif; font-size: 110%; text-transform: uppercase; background-image: URL("http://i63.servimg.com/u/f63/09/03/65/08/barre_11.png"); border-bottom: 1px dashed #B4B6B7; color: #FEFFFF; text-align: left; border-left: 2px solid #B4B6B; border-right: 2px solid #B4B6B; } et le code HTML du message : - Code:
-
<div class="titre">I. Règles de Vie</div> Voila si quelqu'un pouvais me dire ce qui cloche ... | | |
|
| |
Liloo
{ Membre }
Messages : 19
| Désolé du double post, mais le code marche très bien par contre sur ma page d'accueil ... Comment je peu faire pour qu'il marche aussi dans les message ... | | |
|
| |
Lexie
{ Membre }
Messages : 36
| Coucou ^^ Moi aussi j'aurais une petite question en parlant des titres. J'en ai vu un super mais j'ai regarder partout et pas moyen de trouver un tuto. Est ce que quelqu'un serait comment faire sa : - Spoiler:
Je sais pas si je suis au bon endroit mais je ne voyais qu'ici pour demander. Bonne soirée =) | | |
|
| |
Pucci.
{ Membre }
Messages : 14
| Bonsoir; j'ai un problème pour mes titres. Ils sont en gras alors que j'aimerais qu'ils n'y soient pas. Avec vous une idée de ce que c'est? Merci d'avance. | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Il suffit de rajouter - Code:
-
font-weight: normal; à l'intérieur de la class "a.forumlink" (entre les deux "{" "}", en clair ). | | |
|
| |
Pucci.
{ Membre }
Messages : 14
| |
| |
Piriel
{ Membre }
Messages : 36
| - Liloo a écrit:
- Coucou ^^
Chez moi non plus ça ne marche pas, et pourtant j'ai mit le code HTML demandé, et le CSS est bon .... Je vous montre :
voila le code CSS : - Code:
-
.titre { font-family: Times New Roman, serif; font-size: 110%; text-transform: uppercase; background-image: URL("http://i63.servimg.com/u/f63/09/03/65/08/barre_11.png"); border-bottom: 1px dashed #B4B6B7; color: #FEFFFF; text-align: left; border-left: 2px solid #B4B6B; border-right: 2px solid #B4B6B; } et le code HTML du message : - Code:
-
<div class="titre">I. Règles de Vie</div> Voila si quelqu'un pouvais me dire ce qui cloche ... Pareil pour moi. La page d'accueil c'est parfait, mais dans le message ça ne marche pas. | | |
|
| |
Liloo
{ Membre }
Messages : 19
| En faite j'ai découvert pourquoi ça faisait ça ^^' et c'est vraiment stupide quand on y pense xD En faite, il faut aller dans le panneau d'administration > Général > Messages et Email > Configuration. Et la tout simplement cocher la case " autoriser le HTML " Voila ^^
Mais j'ai un nouveau problème, j'ai réussit à faire tout ça sur l'un de mes forum et ça marche sans problème, j'ai voulu faire la même avec mon autre forum, et la ça ne marche pas, ça fait comme si le HTML n'était pas activer alors qu'il l'est (j'ai vérifié et tout et tout) ... Voila je ne comprend pas si quelqu'un voulais bien m'aider ça serais cool ^^' | | |
|
| |
Piriel
{ Membre }
Messages : 36
| Merci beaucoup! | | |
|
| |
Piriel
{ Membre }
Messages : 36
| Désolée du DP mais je ne peux pas éditer mon précédent message. Ça ne marche pas non plus en fait... A la prévisualisation ça s'affiche bien et après je vois juste le code, pas l'affichage... | | |
|
| |
Liloo
{ Membre }
Messages : 19
| Est-ce que dans les options de ton message tu a décocher la case : "désactiver le html dans ce message". Parce que si ça n'est pas fait, c'est pour ça, et puis si tu l'a fait, et bien tu es dans la même situation que moi ^^' Et la je ne peut pas t'aider... | | |
|
| |
Piriel
{ Membre }
Messages : 36
| Je viens de trouver! Il faut activer le HTML dans le profil, précisément Préférences. | | |
|
| |
Liloo
{ Membre }
Messages : 19
| Aaaaah oui ça marche maintenant pour moi aussi ^^' Merci beaucoup ! | | |
|
| |
Valou
{ Membre }
Messages : 45
| Bonsoir à tous, J'ai essayé le code si bien expliqué sur deux forums différents. Sur l'un il marche (le forum de test), et l'autre (le mien) non. voici ma feuille CSS (un peu bordel >< je m'y connais pas du tout.. mais je pense que le problème vient de ce bordel justement) - Code:
-
tr.post span.gensmall { display: none; }
a.forumlink:hover { text-shadow: 3px 2px 10px #FFFFFF; }
#paccueil { background-image: url('http://hitskin.com/themes/15/31/71/i_back_catg.jpg'); }
.spoiler.hidden .quote.spoiler_content, .spoiler .quote {display:none;}.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}
a { text-decoration: none; }
a:hover { font-variant: small-caps; }
.bodyline{ -moz-border-radius: 25px;}
body { cursor: crosshair } a:hover { cursor:ne-resize; }
textarea, .textarea.post, input.post { -moz-border-radius:20px; }
.bodyline { -moz-border-radius:15px; }
.forumline{ background-color: #424648; -moz-border-radius: 5px ; border: 3px #424648 solid; }
.postbody { background-repeat: repeat; background-image: url('http://hitskin.com/themes/15/31/71/i_background.jpg'); background-position: center; }
td.row1 { background-repeat: repeat; background-image: url('http://hitskin.com/themes/15/31/71/i_background.jpg'); background-position: center; } td.row2 { background-repeat: repeat; background-image: url('http://hitskin.com/themes/15/31/71/i_background.jpg'); background-position: center; } td.row3 { background-repeat: repeat; background-image: url('http://hitskin.com/themes/15/31/71/i_background.jpg'); background-position: center; }
td.row3Right { background:url('http://hitskin.com/themes/15/31/71/i_background.jpg'); border-style: none }
td.row3{ background-image: url("http://hitskin.com/themes/15/31/71/i_background.jpg"); }
.postdetails.poster-profile a img { -moz-border-radius:12px; border: 5px solid #919796; }
a.forumlink:link, a.forumlink:visited { font-family: georgia; text-transform : uppercase; background-image: url("http://obsession27.free.fr/divers/fonds/paf3.jpg"); color: #000000; text-align: center; display: block; border-bottom: 5px solid #000000; -moz-border-radius:10px; }
a.forumlink:hover, a.forumlink:hover:visited { background-image: url("http://obsession27.free.fr/divers/fonds/tro3.jpg"); color: #000000; text-align: center; display: block; border-bottom: 5px solid #000000; -moz-border-radius:10px; }
.bordure { border: 2px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#table-pa { width: 100%; padding-right: 1px; }
#table-pa td { width: 20%; }
#table-pa td span.liens { display: block; width: 94%; }
.liens { text-align: center; border-left: 5px solid #000000; border-right: 5px solid #000000; }
span.infobulle { position: relative; }
span.infobulle span { display: none; /* ceci masque l'infobulle */ } span.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} span.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: 1px; /* on positionne notre infobulle */ left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 4px;
/* bordures de votre infobulle*/ border: 1px dotted black; border-left: 1px dotted black; }
#navigation ul{ list-style-type: none; text-align: center; } #navigation li{ display: inline; text-align: center; margin: 0 10px 0 0; } #navigation li a { padding: 2px 7px 2px 7px; color: #000000; background-color: #A8C8C4; border: 1px solid #FFFFFF; text-decoration: none; } #navigation li a:hover{ background-color: #43BCAC; color: #; }
a.mainmenu { background-color: #B3C4C7; text-align: center; padding-right: 20px; padding-left: 5px; font-size: 12px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:30px; -moz-border-radius-topright:30px; font-variant: small-caps;}
a.mainmenu:hover { background-color: #277783; text-align: center; padding-right: 20px; padding-left: 5px; font-size: 12px; -moz-box-shadow: 1px 1px 12px #ffffff; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:30px; -moz-border-radius-topright:30px;}
.titre { font-family: impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */ font-size: 200%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */ text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */ background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */ border-bottom: 10px dotted #704e00; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */ color: #ffded0; /* Couleur de la police ^^ */ text-align: right; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */ border-left: 2px solid #COULEUR; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */ border-right: 2px solid #COULEUR; } Voila.. Et sur le deuxième forum, rien y fait. Le titre n'apparait pas. Merci à vous | | |
|
| |
Sui
{ Membre actif }
Messages : 346
| Vous avez peut-être oublié votre balise... (: - Code:
-
<div class="titre">Votre Titre</div> | | |
|
| |
Sui
{ Membre actif }
Messages : 346
| Désolée, à cause que je n'ai pas pu éditer mon post... voici ma petite question. >< Enfin, je souhaiterais faire des catégories comme ceux-là dans ce forum mais en titre à la place de catégorie... Enfin, merci d'avance ! (: Le forum en question : - Spoiler:
http://academy-cross.jdrforum.com/forum.htm
| | |
|
| |
Valou
{ Membre }
Messages : 45
| - Sui a écrit:
- Vous avez peut-être oublié votre balise... (:
- Code:
-
<div class="titre">Votre Titre</div> Non, je n'ai pas oublié cette balise. Si sur mon forum test, le code marche.. C'est que je n'ai rien oublié. Je pense plutôt que mon soucis vient de mon gros bordel un peu plus haut. Merci pour vos réponses =) | | |
|
| |
Valou
{ Membre }
Messages : 45
| Décidément >< Le bouton éditer ne marche pas et j'ai fais un gros caca au dessus. Pouvez vous effacer mon message du dessus svp ? Merci Donc je recommence, désolé pour le double post. J'ai testé ce fameux code tout en haut de ma feuille CSS au lieu de tout en bas, et miracle ça marche !!! Smile Pour pour le moment, ça me fait : mais cela doit venir des paramètres du code j'imagine. Voilou, problème résolu pour moi =) Je reviendrai vers vous si un autre soucis apparait =) Bisous (désolé pour la boulette du dessus ) | | |
|
| |
Albator Feel
{ Membre }
Messages : 30
| J'ai une petite question.J'aimerais pour mes titres qu'on ai l'écriture et qu'elle soit coupé en deux par le cadre. | | |
|
| |
Katara
{ Membre }
Messages : 32
| Bonjour, alors déjà un grand merci pour ce code qui est fantastique =D Et ensuite, j'ai une petite question. J'ai cherché de partout mais je n'ai pas trouvé >_< Comment utilisé ton code dans la page d'accueil. Enfin, par exemple je l'utilise dans une colonne d'un tableau, et bien sûr ça me prend toute la colonne ... Enfin, je sais pas trop comment expliquer xDD | | |
|
| |
Contenu sponsorisé
| |
| |
| Faire de beaux titres (messages) | |
|