Archives FluxBB.fr

Calimero

Membre

Skin et signature

Bonjour,

J'ai remarqué que sur certains styles, pour les signature, il y en un trait ( ______________ ) qui séparent le message de la signature. J'utilise le skin VbStyle Black et je souhaiterai savoir ce qu'il faut que je modifie dans le fichier styles/style.css afin que j'ai une barre noire qui sépare le message de la signature

++

Ishido

Membre

Re : Skin et signature

Alors utilises une règle horizontale (horizontal rule => hr ) que tu style via css.

---

Chez Wam
Message tapé en Bépo avec un TypeMatrix 2030 USB

Calimero

Membre

Re : Skin et signature

ok, c'est a dire, g rien compris xD

romain9441

Admin locker

Re : Skin et signature

Regarde dans les sources CSS de ce forum par exemple.

---

Avant de poser une question, avez-vous consulté la FAQ ou fait une recherche ?

Pas de support si pas d'adresse de forum !

Calimero

Membre

Re : Skin et signature

c'est a dire, j'ai regardé, mais ca m'avance pas plus, je sais pas à quoi ca doit ressembler ...

Calimero

Membre

Re : Skin et signature

personne poyr donner le code exact à raouter dans le ichier style (en + , j'ignore si c'est celui de style sou de imports

Mpok

Néo Admin

Re : Skin et signature

personne poyr donner le code exact à raouter dans le ichier style

Pas besoin d'un "<hr />", le css ci-dessous suffit (ajuster la longueur et la couleur selon vos préférences)

div.postsignature {
    width: 500px;
    margin-left: 6px;
    border-top: 1px solid;
    border-color: #606060;
}

nico_somb

Membre

Re : Skin et signature

personne poyr donner le code exact à raouter dans le ichier style (en + , j'ignore si c'est celui de style sou de imports

Il est préférable de s'exprimer correctement : ton message est incompréhensible!

Calimero

Membre

Re : Skin et signature

personne poyr donner le code exact à raouter dans le ichier style (en + , j'ignore si c'est celui de style sou de imports

Il est préférable de s'exprimer correctement : ton message est incompréhensible!

tout à fait

Calimero

Membre

Re : Skin et signature

personne poyr donner le code exact à raouter dans le ichier style

Pas besoin d'un "<hr />", le css ci-dessous suffit (ajuster la longueur et la couleur selon vos préférences)

div.postsignature {
    width: 500px;
    margin-left: 6px;
    border-top: 1px solid;
    border-color: #606060;
}

Merci beaucoups ! J'ai modifié 500px par 175px

MT

Admin rasé

Re : Skin et signature

Pas besoin d'un "<hr />"

Il y a déjà un hr dans punbb pour pouvoir mettre cette ligne, il est donc plus logique de l'utiliser.
Sur punbb.fr, à titre d'exemple, le code css suivant est utilisé :
Dans base.css (line 207)

div.postsignature hr {
border:medium none;
height:1px;
margin-left:0px;
text-align:left;
width:200px;
}

et dans dc_style_cs.css (line 116)

pun hr {
background-color:#CCCCCC;
color:#CCCCCC;
}

---

(s) MT
ex-Apupv
:faq: :recherche:
Gra.

Mpok

Néo Admin

Re : Skin et signature

Il y a déjà un hr dans punbb pour pouvoir mettre cette ligne, il est donc plus logique de l'utiliser.

Ouais...
Mais le problème, c'est que les différents navigateurs ont chacun leur propre façon d'afficher les "hr", du coup, pour obtenir le même résultat sur tous les navigateurs on est obligé d'ajouter des règles spécifiques (par exemple pour les vieilles versions d'IE) dans le css.
Le problème ne se pose pas avec la technique du "border top", d'où mon "exit les hr"

MT

Admin rasé

Re : Skin et signature

Mais avec les border-top, on ne peut pas faire une ligne de seulement quelques pixels sans modifier la taille de la div des signatures
Bref, l'un et l'autre marche, c'est l'essentiel

---

(s) MT
ex-Apupv
:faq: :recherche:
Gra.

Olivier2B

Membre

Re : Skin et signature

Bonsoir,

J'ai donc appliquer le code ci dessus de Mpok dans mon fichier CSS.

Tous fonctionne sauf un truc :

Entre le texte du post (la phrase du haut) et la ligne (bleu pour moi), je n'ai pas d'espace.

Quel ligne de code il faut rajouter pour créer un espace ?

merci de votre aide

bonne soirée

Olivier

Olivier2B

Membre

Re : Skin et signature

Rebonsoir,

Ne pas tenir compte de mon post juste ci dessus car je viens de me rendre compte que sous IE7 on voyait un ligne et que si je rajoutais le code ci dessus on en voyait  donc 2.

Mais sous Firefox que j'utilise, on ne voit pas la ligne que l'on voit d'origine avec IE7 mais seulement celle avec le code ci dessus.

Donc que faut t'il ajouter pour que la ligne de séparation que l'on voit déjà sous IE7 apparaisse aussi sous Firefox ?

merci

a ++

Otomatic

Régisseur

Re : Skin et signature

Bonsoir,

Ajouter un margin-top:10px; dans la définition css déjà modifiée.

---

Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Olivier2B

Membre

Re : Skin et signature

Bonsoir,

Ajouter un margin-top:10px; dans la définition css déjà modifiée.

Bonsoir Otomatic,

Mon problème c'est que dans mon fichier css, j'ai cette ligne là qui doit faire apparaître (je pense) la ligne de séparation mais uniquement sous IE7 :

/* 8.3 Extra top spacing for signatures and edited by */

DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}

et dans le fichier cs.css, je n'ai rien d'indiquer.

Donc sous IE7 j'ai bien la ligne de séparation mais sous FireFox, je n'ai aucune ligne.

Que faut il donc rajouter à cette ligne de code que j'ai trouvé dans mon fichier css pour qu'elle apparaisse aussi sous FireFox ?

A ++