Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Bouton_activeMettre une Bordure aux Rangs ? [CSS/TEMPLATES] Bouton_hoverMettre une Bordure aux Rangs ? [CSS/TEMPLATES] Fb-hoverMettre une Bordure aux Rangs ? [CSS/TEMPLATES] Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -48%
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ...
Voir le deal
119 €

Partagez
 

Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://bound-soul.conceptforum.net
Minou
Minou
{ Membre }
{ Membre }

Masculin Messages : 12



Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Empty


~ Adresse du forum : http://bound-soul.conceptforum.net/forum

~ Explication du Problème :

  • Alors le souci. J'ai pu mettre les pseudos des utilisateurs sous l'avatar, et leur mettre une bordure, qui change quand on passe dessus. Rien de bien compliqué. Maintenant, j'aimerais faire la même chose, mais pour les rangs, au dessus de l'avatar.

    A noter que je souhaite que cette modification ne soit visible que dans les messages postés, et à la limite dans le profil de l'utilisateur.

    J'ai pu le séparer de la bordure avec quelques balises "br", en les insérant dans le template viewtopic_body, ainsi je pense que le reste des modifications peut se faire là aussi.

    Pour les pseudos, il suffit de leur attribuer un class="xxx", mais quand j'ai essayé pour les avatars, en faisant la même chose pour la variable {POSTER_RANK}, ça n'a pas marché.

    J'aimerais donc savoir ce que je peux faire, vu qu'apparemment, attribuer une classe ne suffit pas à résoudre mon problème.


~ Navigateur Utilisé : Firefox.

~ Codes ajoutés avant le problème : Aucun, j'ai tout supprimé et laissé comme avant, par défaut.

~ Version du forum : phpBB2.

~ Problème de CSS/TEMPLATE

~ Je donne quelques codes pour que vous visualisiez mieux où je fais/tente mes modifications :

Template par défaut :

Code:

<span class="postdetails poster-profile">

            
{postrow.displayed.POSTER_RANK}


            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><span class="name2">{postrow.displayed.POSTER_NAME}</span></strong></span>


Template Modifié :

Code:

<span class="postdetails poster-profile">

            
<SPAN CLASS="OSEF">{postrow.displayed.POSTER_RANK}</SPAN>


            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><span class="name2">{postrow.displayed.POSTER_NAME}</span></strong></span>


(modif en Majuscules)

Code CSS affecté à la classe :

Code:

.osef {

-moz-border-radius: 15px;
border-left: solid 3px darkred;
border-right: solid 3px darkred;
border-top: solid 1px darkred;
border-bottom: solid 1px darkred;
background-color: black;
padding: 2px;
}

~ Captures D'écran :

Spoiler:

Vous voyez, le pseudo avec bordure, le rang n'en a pas, là se situe toute ma demande.


Voilà, j'espère avoir été assez clair, et je vous remercie d'avance de vos réponses.


Dernière édition par Minou le Dim 26 Déc 2010, 07:41, édité 1 fois
MessageSujet: Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]   Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyDim 26 Déc 2010, 07:30
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Empty
Essaye comme ceci :

Code:
<span class="postdetails poster-profile"><br />
            <br /><div class="poster-rank">{postrow.displayed.POSTER_RANK}</div><br /><br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><span class="name2">{postrow.displayed.POSTER_NAME}</span></strong></span><br /><br />

CSS :

Code:
.poster-rank {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-left: solid 3px #8b0000;
border-right: solid 3px #8b0000;
border-top: solid 1px #8b0000;
border-bottom: solid 1px #8b0000;
background-color: black;
padding: 2px;}

Voilà.
MessageSujet: Re: Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]   Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyDim 26 Déc 2010, 07:36
Revenir en haut Aller en bas
http://bound-soul.conceptforum.net
Minou
Minou
{ Membre }
{ Membre }

Masculin Messages : 12



Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Empty
Han oui, ça marche, merci beaucoup.
MessageSujet: Re: Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]   Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyDim 26 Déc 2010, 07:40
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Empty
Alors, pour plus d'explications, un "-moz-border-radius: 15px;" ne suffit pas Wink Il faut tout mettre et le gros bug c'est que ForumActif ne détecte pas les darkred, lightyellow, limegreen etc. Il en détecte certains mais pas tous Smile Donc, il faut éviter et plutôt les mettre en caractères hexadécimaux de cette forme : #000000.

Content d'avoir pu t'aider.
Je classe Wink
MessageSujet: Re: Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]   Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] EmptyDim 26 Déc 2010, 07:45
Revenir en haut Aller en bas
Contenu sponsorisé




Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Empty
MessageSujet: Re: Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]   Mettre une Bordure aux Rangs ? [CSS/TEMPLATES] Empty
Revenir en haut Aller en bas
 

Mettre une Bordure aux Rangs ? [CSS/TEMPLATES]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Seulement une image pour les rangs
» Problème avec les Rangs
» Problème avec les rangs
» Problème concernant l'effet des rangs
» Bordure du forum.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit