Masquer la barre "Qui est en ligne ?" et la remplacer par une image
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Masquer la barre "Qui est en ligne ?" et la remplacer par une image
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.
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.
Dernière édition par Bobers le Dim 8 Mai 2011 - 16:03, édité 1 fois
Invité- Invité
Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image
Bonjour
Pour modifier la couleur et centrer le texte "Qui est en ligne", veuillez aller svp sur le template Général/index_body :
Repérez cette partie :
Enregistrez
Prévisualisez en cliquant sur
Si le résultat répond à vos attentes, cliquez sur publier
Cordialement
Pour modifier la couleur et centrer le texte "Qui est en ligne", veuillez aller svp sur le template Général/index_body :
Repérez cette partie :
- Code:
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
- Code:
{L_WHO_IS_ONLINE}
- Code:
<center><font color="#ffffff">{L_WHO_IS_ONLINE}</font></center></a></span>
Enregistrez
Prévisualisez en cliquant sur
Si le résultat répond à vos attentes, cliquez sur publier
Cordialement
Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image
Bonjour
Repérez cette partie :
Remplacez là par :
puis insérez dans votre css :
Remplacer la couleur et la taille par celle de votre choix.
Cordialement
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- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image
Merci à vous deux.
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.
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é
Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image
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 >>
CSS > insérez ce code
Validez.
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 >>
CSS > insérez ce code
Validez.
- Code:
.forumline {-moz-border-radius:8px;
-webkit-border-radius:8px;
-border-radius:8px;
-khtml-border-radius:5px;
border:8px solid #99001A;}
Re: Masquer la barre "Qui est en ligne ?" et la remplacer par une image
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à.
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é
Sujets similaires
» comment remplacer l'image "en ligne" par du texte ?
» Remplacer le texte de la barre de navigtion par une image
» [Chatbox] Masquer / remplacer le @ désignant les admins / modos
» L’image « En ligne » apparaît en dessous de mon autre image « En ligne »
» Masquer le texte de la barre de navigation
» Remplacer le texte de la barre de navigtion par une image
» [Chatbox] Masquer / remplacer le @ désignant les admins / modos
» L’image « En ligne » apparaît en dessous de mon autre image « En ligne »
» Masquer le texte de la barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum