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

3 participants

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é 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 ?
Masquer la barre "Qui est en ligne ?" et la remplacer par une image 211783Ligne

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
Anonymous

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 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 Masquer la barre "Qui est en ligne ?" et la remplacer par une image New_window
Like a Star @ heaven Si le résultat répond à vos attentes, cliquez sur publier Ajout

Cordialement
Scipion

Scipion
Membre actif

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

https://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 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

SoraNoHime
Membre actif

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

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 Sam 7 Mai 2011 - 23:07

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

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 Masquer la barre "Qui est en ligne ?" et la remplacer par une image Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Masquer la barre "Qui est en ligne ?" et la remplacer par une image 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

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

https://forum.forumactif.com/
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é 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" :
Masquer la barre "Qui est en ligne ?" et la remplacer par une image 42144602

Et voici celui de l'une de mes barres "Catégories" :
Masquer la barre "Qui est en ligne ?" et la remplacer par une image 18620401

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

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

Scipion
Membre actif

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

https://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é 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à.
Anonymous

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

- Sujets similaires

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