Barre personnalisé pour les titres :)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre personnalisé pour les titres :)

Message par mimi_* le Jeu 22 Avr 2010 - 23:36

    Bonsoir à tous Smile

    J'aimerais avoir votre aide pour différentes choses, que j'aimerais mettre en place sur mon forum Smile
    - Donc premièrement, j'aimerais passer de ça :


    C'est très basique --'

    à quelque chose de ce genre :



    Vous voyez, avec la barre des titres un peu arrondi sur le coté .. sachant que j'envisage de supprimer les 2 colonnes hachurées Smile
    Je voulais savoir si cela était possible, et si quelqu'un pourrait m'aider à faire ceci Smile

    - Deuxièmement, je voudrais savoir mettre ce genre de fond au titre de mes sous parties, comme ici


    Et j'aimerais que là ou s'est entouré en rouge, ce soit enfaite en arrondi Smile


    Voilà, j'espère que je me serais expliqué clairement Smile et vous remercie mille fois d'avance pour votre aide Smile


Dernière édition par mimi_* le Ven 23 Avr 2010 - 20:15, édité 1 fois

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par Invité le Ven 23 Avr 2010 - 8:24

Bonjour,

Commençons par le plus simple qui est la deuxième question, elle se gère par du css seulement.
Rends-toi dans le PA >> Affichage >> Couleurs > Feuille de style CSS :
Code:
a.forumlink {
border: 2px solid #code_couleur_bordure;
-moz-border-radius: ??px;
-webkit-border-radius: ??px;
border-radius: ??px;
display: block;
text-align: left;
padding: 4px;
}
Bien sûr, tu remplaces les points d'interrogation par trois fois la même valeur en pixels.
Ces trois lignes permettant que tous les navigateurs lisant les bords arrondis les voient (Mozilla, Google Chrome, Safari, pour Linux et Opera10.51, plus d'autres... IE8 pas encore).

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par mimi_* le Ven 23 Avr 2010 - 14:38

C'est parfait, ça marche parfaitement merci Smile

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par mimi_* le Ven 23 Avr 2010 - 18:46

Tu saurais m'expliquer la 1ère question miss ? Embarassed

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par Invité le Ven 23 Avr 2010 - 19:18

Oui, j'y étais...
Alors pour le fond du titre des catégories, en forme d'onglet, c'est ça ?
dans la feuille de style CSS seulement aussi puisque voici son identifiant :
Code:
.secondarytitle {background: #ff0000;
padding: 4px;
border-radius: 13px 13px 0px 0px;
-moz-border-radius: 13px 13px 0px 0px;
-webkit-border-radius: 13px 13px 0px 0px;
border-radius: 13px 13px 0px 0px;
}
Les coins arrondis ainsi, vont dans le sens des aiguilles d'une montre en commençant par :
topLeft topRight bottomRight bottomLeft
Si tu veux les 4 coins arrondis, tu n'as qu'à utiliser la même syntaxe que pour les cadres du forum.

Pour le titre "dernier message ", rends-toi dans le template >> Général > index_box et cherche (Ctrl+F) cette ligne :
Code:
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
A cette balise "th" nous allons attribuer un identifiant "backlp" à un "class", ainsi :
<th nowrap="nowrap" width="150" class="backlp"><div style="width:150px;">{L_LASTPOST}</div></th>
Enregister et Publier.
A qui nous allons ensuite donner les mêmes propriétés css que la cellule "secondarytitle" dans la feuille de style CSS :
.backlp {background: #ff0000;
padding: 4px;
border-radius: 13px 13px 0px 0px;
-moz-border-radius: 13px 13px 0px 0px;
-webkit-border-radius: 13px 13px 0px 0px;
border-radius: 13px 13px 0px 0px;
}

Tous les paramètres sont à titre d'exemple bien sûr.
Tu peux adapter à ta sauce tout et tout. Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par mimi_* le Ven 23 Avr 2010 - 19:32

C'est super, c'est réussi, je te remercie mille fois Very Happy
C'est exactement ce que je voulais Smile

Tu saurais m'expliquer comment on supprime les 2 colonnes du milieu, pour avoir un résultat comme ça :



Tu sais avec le fond personnalisé un peu comme ça, et puis le nombre de sujets et messages aussi dans ce même cadre Embarassed

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par Invité le Ven 23 Avr 2010 - 19:58

Euh, nope, là c'est abusé. Razz

D'ailleurs avec une petite recherche tu tombes sur l'astuce qui n'est d'ailleurs pas dans les astuces.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre personnalisé pour les titres :)

Message par mimi_* le Ven 23 Avr 2010 - 20:15

Merci beaucoup pour ce lien Smile

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum