| Faire de beaux titres (messages) | |
|
|
Johian
{ Membre actif }
Messages : 778
| Ravi que mes explications soient compréhensibles ^^" - Imari a écrit:
- Et comment on raccourcit les titres ? *mode boulet*
J'ai pas compris la question ^^"" | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bah en fait, les titres prennent la largeur des sous-forums (règlements et informations, etc...)
sur ce forum : http://pa-actif.forumactif.com/forum.htm
Et j'aimerai bien les raccourcir ^^ | | |
|
| |
Johian
{ Membre actif }
Messages : 778
| Pour que ça prenne juste la largeur du mot ou du texte, utilise la balise SPAN à la place de DIV (mais ça ne marche que si tu n'as pas modifié l'alignement (droite, centré ou justifié). | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| non mais juste le cadre en fait, j'avais rajouté le lien de mon fofo en édit. C'est juste rétrécir un peu le cadre (parce que c'est déjà centré en fait XP).
Désolée, je fais ma noob -__- | | |
|
| |
Invité Invité
| Et si tu essaye : - Code:
-
.titre:hover { font-family: georgia; width: Xpx; } Tu met la valeur souhaitée à la place de X Et dans tes titres mets plutôt span (qui est pour quelques mots) que div (qui est pour un bloc) | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| Merci beaucoup, ça marche =) | | |
|
| |
Noham
{ Membre }
Messages : 27
| Bonjour ! tout d'abord merci pour tout ces codes pour améliorer le design de nos forums ! Je viens vous ennuyer quelque peu car j'ai un petit problème. En plaçant ce code dans le CSS : - Code:
-
.titre { font-family: times, serif; font-size: 110%; text-align: center; background-color: #201900; border-bottom: 1px solid #573F1D; color: #fffffff; text-align: center; border-left: 3px solid #573F1D; border-right: 3px solid #573F1D; }
Voilà ce que j'obtiens : Et j'aimerai obtenir un "rectangle" sur toute la longueur de ma catégorie (et non réduite comme là) mais également, que mon texte soit centré. Est-ce possible d'avoir un coup de pouce ? | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Ton code à l'air bon. A mon avis, cela vient d'un autre code. Pourrais-tu nous donner tout ton code css ?
EDIT : Essaye de rajouter une nouvelle ligne : weight : 100%; | | |
|
| |
Noham
{ Membre }
Messages : 27
| Je viens d'essayer, mais ça ne marche pas... Le résultat reste inchangé N'y connaissant pas grand chose, je viens de vous copier tout mon CSS : - Spoiler:
- Code:
-
a.mainmenu:link, a.mainmenu:visited{ margin-left : 6px; margin-right : 6px; font-family :Time new roman; color: #ffffff; background-color: #9e8768; text-align:left; border-left: 4px solid #c1cfd1; border-right: 4px solid #9e8768;}
a.mainmenu:hover, a.mainmenu:hover:visited{ color: #225e67; border-left: 4px solid #0d3237; border-right: 4px solid #9e8768;}
.forumline{border:1px dotted #4A1806; }
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
.forumline{ -moz-border-radius:7px; }
a { text-decoration : none; }
a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}
td.row1{ background-image: url("http://i86.servimg.com/u/f86/13/96/67/06/fond15.jpg"); background-repeat: norepeat; }
td.row2{ background-image: url("http://i86.servimg.com/u/f86/13/96/67/06/fond15.jpg"); background-repeat: norepeat; }
td.row3{ background-image: url("http://i86.servimg.com/u/f86/13/96/67/06/fond15.jpg"); background-repeat: norepeat;}
.titre { font-family: times, serif; font-size: 110%; text-align: center; background-color: #201900; border-bottom: 1px solid #573F1D; color: #fffffff; weight: 100%; text-align: center; border-left: 3px solid #573F1D; border-right: 3px solid #573F1D; }
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 */ left: 15px;
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; }
u { text-decoration: none; border-bottom: 2px #594d3f solid; -moz-border-radius: 6px; }
i {color:#B0AC7F;}
tr.post span.gensmall { display: none; }
tr.post td {padding-left: 20px;}
| | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Mouahaha ^^ J'avoue j'ai foiré là ^^ Je dormais à moitié on va dire :p Enfaite, je sais pourquoi ça marche pas. Ou du moins je pense. Tu mets quoi dans tes titres ? Ceci : - Code:
-
<span class="titre">ton titre</span> Et bah, si tu as mit ça, mets ça à la place : - Code:
-
<div class="titre">ton titre</div> |
Dernière édition par Tech le Dim 01 Nov 2009, 11:55, édité 1 fois | |
|
| |
Noham
{ Membre }
Messages : 27
| C'était tout à fait ça!
À présent, ça marche nickel chrome ! Merci beaucoup ! | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| |
| |
Invité Invité
| Bonjour. Merci beaucoup pour le tuto et le code, c'est vraiment super. J'ai un petit problème, j'ai bien mis le code dans la partie CSS, mis mes propriétés etc...Mais quand je poste - Code:
-
<div class="titre">Votre Titre</div> Ca me marque le code, ca ne l'active pas, alors que lorsque je fais prévualisation, je vois mon le titre décoré. Je ne comprend pas. Merci pour votre aide. | | |
|
| |
Darling
{ Membre }
Messages : 180
| Salutation, As-tu vérifié que le HTML est activé sur le forum, dans ton profil et ainsi que sur ton message ? Si oui, possibilité d'avoir un lien menant au problème ou éventuellement le code HTML / CSS ? | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Genial ce truk un grand merci ^^ je me suis egalement servi du premier cour pour personnalisé ^^ allez voir si vous voulez ^^ http://maxii-pubs.forumactif.com voici le code que j'ai mis dans mon css ^^ : - Code:
-
.XXXX { font-family: comic sans ms, serif; font-size: 150%; text-transform: capitalize; border-bottom: 2px dashed #01d800; border-top: 2px dashed #01d800; border-left: 2px dashed #01d800; border-right: 2px dashed #01d800; color: #01d800; text-align: center; text-decoration: blink; background-image: URL("http://img163.imageshack.us/img163/6748/titrey.png"); word-spacing: 5px; } j'ai mis " .XXXX " pour eviter au petit malin de venir utilisé la balise chez moi ^^' Amialement | | |
|
| |
kalyon
{ Membre }
Messages : 156
| edit = j'ai finalement modifier : - Code:
-
font-size: 150%; par - Code:
-
font-size: 130%; car c'était trop gros, et mon image ce répétais :S Amicalement (pourquoi ne pouvont nous pas editer nos sujets ???) | | |
|
| |
Invité Invité
| Bonjour ! Désolée, je n'ai pas relu les 7 pages, juste les 2 premières, mais j'ai un petit problème, c'est à dire que le code marche parfaitement quand je pré-visualise un message, mais lorsque je le publie, pas de titre, juste - Code:
-
<div class="titre">Votre Titre</div> Y'a-t-il une solution pour y remédier ? Encore désolée si la question a déjà été posée | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Si j'ai bien compris, tu le mets dans le titre pour un sujet ? Si oui, cela ne fonctionne pas. * Si mes souvenirs sont bon ^^* On ne peut pas mettre de code dans les titres des sujets. | | |
|
| |
kalyon
{ Membre }
Messages : 156
| - Oxfore a écrit:
- Bonjour !
Désolée, je n'ai pas relu les 7 pages, juste les 2 premières, mais j'ai un petit problème, c'est à dire que le code marche parfaitement quand je pré-visualise un message, mais lorsque je le publie, pas de titre, juste - Code:
-
<div class="titre">Votre Titre</div> Y'a-t-il une solution pour y remédier ? Encore désolée si la question a déjà été posée Il te suffit d'activer le html dans tes messages | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Oui si tu veux mettre ce code dans le message.
Mais je ne pense pas qu'il y ai moyen de mettre des codes dans le titre du sujet. | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Non dans le titre d'un sujet, ce n'est pas possible ... les titres de sujet n'accepte n'y le html, ni le bbcode ! Vous devez mettre ceci dans les titres de categorie et de forum sur votre panneau d'admin | | |
|
| |
Invité Invité
| Merci d'avoir répondu Mon problème doit être plus compliqué que ça car j'ai activé le HTML et je colle le code dans le message & non dans le titre, et pourtant rien n'apparaît :/ | | |
|
| |
kalyon
{ Membre }
Messages : 156
| quel est le code que tu mets dans ton message ? | | |
|
| |
Invité Invité
| - Code:
-
<div class="titre">Votre Titre</div> en remplaçant "Votre titre" par un autre mot | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Qu'as tu mis dans le css ? | | |
|
| |
Contenu sponsorisé
| |
| |
| Faire de beaux titres (messages) | |
|