QEEL: Ajouter une ligne de séparation entre les anniversaires

[mouetto]

Bonjour,

Je viens faire appel à vous pour vous demander le code pour ajouter une ligne de séparation blanche entre la liste des "anniversaires du jour" et la liste des "anniversaire dans les prochains jours".

Je voudrais que cela fasse la même séparation (ligne blanche) qu'entre les autres listes (utilisateurs enregistrés, légende, box...).

Voici l'image de la localisation de la ligne souhaitée (ici en rouge):

Spoiler:

Merci de votre aide

Cordialement

[mouetto]

Personne pour m'aider?

[mouetto]

help

[james beckett]

Bonjours,

Pour rajouter la barre vous devez etre fondateur ou avoir les droits de fondations.

Allez dans: PA==> Affichage==>Template géméral==>index_body: Vous descendez juste a repérérer ça:

Code:


{L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->


Pour trouver plus simplement faites ctrl+f(taper {L_WHOSBIRTHDAY_TODAY})
et juste après ({L_WHOSBIRTHDAY_TODAY})coller ça:

Code:


<div id="anniv_barre"></div>


Faites enregister puis clicker sur la croix verte.
Restez dans affichage==>couleurs ==> Feuille de style
ajoutez ça:

Code:


/* barre de separtion dans le QEEEL */
#anniv_barre
{
border-bottom: 2px solid black ;
}


Vous pouvez biensûr modifié le style la couleurs la bordure (là elle fait un trait vous pouvez faire en trait-tirée (dashed) ou autres. et la grandeurs ici 2px peut-être trop grande ou trop petite donc aussi modifiable.

Cordialement, James.

[mouetto]

Merci beaucoup pour ce code.

Pourriez-vous m'indiquer le code si je veux remplacer la ligne par une image?

[james beckett]

Oui pas de problème.
On garde la même chose dans le template.

Et on ajoute ça:


/* barre de separtion dans le QEEEL */
#anniv_barre
{
background-image: url("liens de ton image")
repeat: repeat-x;
width: 100%;
height: /*la hauteur que tu désire */
}

Cordialement, James1920.

[mouetto]

Merci infiniment pour votre aide

[james beckett]

Est-ce que ça fonctionne?

Un petit merci sur le bouton

Cordialement, James1920.

[mouetto]

Oui, cela marche bien.

Merci encore

[james beckett]

Ok pas de bleme

Passe en résolu si c'est pas encore fait.