Barre personnalisé pour les titres :)

[mimi_*]

Bonsoir à tous

J'aimerais avoir votre aide pour différentes choses, que j'aimerais mettre en place sur mon forum
- 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
Je voulais savoir si cela était possible, et si quelqu'un pourrait m'aider à faire ceci

- 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


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

[Invité]

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).

[mimi_*]

C'est parfait, ça marche parfaitement merci

[mimi_*]

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

[Invité]

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.

[mimi_*]

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

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

[Invité]

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

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

[mimi_*]

Merci beaucoup pour ce lien