Masquer la barre "Qui est en ligne ?" et la remplacer par une image

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

Résolu Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par Invité le Sam 7 Mai 2011 - 14:30

Bonjour,
Je souhaiterai masquer ma barre verte "Qui est en ligne ?", afin de la remplacer par l'image de mon choix.

Et si possible, centrer aussi l'inscription "Qui est en ligne ?" au milieu de ma barre. Est-il également faisable de changer la couleur de cette même inscription ?


Pourriez-vous m'indiquer quelles modifications je vais devoir apporter à mon CSS et mon template index_body.

Par avance merci. Wink


Dernière édition par Bobers le Dim 8 Mai 2011 - 16:03, édité 1 fois

Invité
Invité


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

Résolu Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par Scipion le Sam 7 Mai 2011 - 14:58

Bonjour

Pour modifier la couleur et centrer le texte "Qui est en ligne", veuillez aller svp sur le template Général/index_body :

Like a Star @ heaven Repérez cette partie :

Code:
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
Like a Star @ heaven Plus précisément ce code :

Code:
{L_WHO_IS_ONLINE}
Like a Star @ heaven Insérez autour de ce code les balises center et font comme suit :

Code:
<center><font color="#ffffff">{L_WHO_IS_ONLINE}</font></center></a></span>
Like a Star @ heaven Adaptez votre couleur en modifiant le code couleur hexadécimal (#ffffff)
Like a Star @ heaven Enregistrez
Like a Star @ heaven Prévisualisez en cliquant sur
Like a Star @ heaven Si le résultat répond à vos attentes, cliquez sur publier ajout

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par SoraNoHime le Sam 7 Mai 2011 - 15:18

Bonjour

Repérez cette partie :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>

Remplacez là par :

Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="titreqeel" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="qeeltitre"><a class="qeeltitre" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="qeeltitre">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>

puis insérez dans votre css :
Code:

.titreqeel {
    background-image: url('adress de votre image');
    background-repeat: no-repeat;
    background-color: transparent;
    height:taille de votre image en hauteurpx;
    width:taille de votre image en longeurpx;
}

.qeeltitre
{
color: #ffffff;
text-align: center;
font-size :14px;
}

Remplacer la couleur et la taille par celle de votre choix.

Cordialement

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par Anzu le Sam 7 Mai 2011 - 23:07

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par Invité le Dim 8 Mai 2011 - 13:51

Merci à vous deux. Wink

Voici le visuel de ce que j'obtiens pour ma barre "Qui est en ligne" :


Et voici celui de l'une de mes barres "Catégories" :


Je souhaiterai donc que ma barre "Qui est en ligne" ait le même look que celle de mes catégories, à savoir avec la bordure bleu qui continuerai jusqu'en haut et avec l'effet d'arrondi.

Merci par avance.

Invité
Invité


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

Résolu Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par Scipion le Dim 8 Mai 2011 - 14:52

Bonjour

L'image de fond de la barre "Qeel" est exactement la même que celle de l'image du fond des catégories gauche que vous pouvez modifier éventuellement en allant sur PA >> Affichage >> Menu Images et couleurs >> Gestion des images >> Mode Avancé >> Général et Navigation.

Tout changement d'image de fond initié dans cette partie du PA (Image du fond des catégories gauche) aura un effet simultané sur les deux barres, catégorie gauche et Qeel, donc il vous revient de faire le bon choix.

Concernant l'effet "angle arrondi" que vous demandez pour la barre Qeel, il s'obtient au moyen d'un code CSS que vous devez installer en allant sur PA >> Affichage >> Menu image et couleurs >> Couleurs >>

Dans feuille de style CSS >>

Like a Star @ heaven CSS > insérez ce code
Like a Star @ heaven Validez.

Code:
.forumline {-moz-border-radius:8px;
-webkit-border-radius:8px;
-border-radius:8px;
-khtml-border-radius:5px;
border:8px solid #99001A;}
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image

Message par Invité le Dim 8 Mai 2011 - 16:03

Merci Scipion.

En fait je possédais déjà ce code dans mon CSS.

Après avoir comparé mon nouveau template index_body à l'ancien, j'ai trouvé certaines erreurs que j'ai corrigé. Cela venait sans doute de là.

Invité
Invité


Invité 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