Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Problème d'affichage FA messenger
par salem Aujourd'hui à 22:20

» [Invision] Membres - 'cartes de visite'
par Croa-Croa Aujourd'hui à 18:51

» *RESOLU*[PhpBB2] Largeur cadre messagerie privé
par Milouze14 Aujourd'hui à 5:54

» *RESOLU*[PhpBB2] Supprimer zone commentaires des infos profil
par Milouze14 Hier à 17:06

» *RESOLU*[PhpBB3] Aide sur syntaxe JS
par Milouze14 Mar 10 Déc 2019 - 17:35

» *RESOLU*[ModernBB] Décoration !
par Milouze14 Mar 10 Déc 2019 - 16:55

» *RESOLU*[Invision] Vote négatif réservé aux modérateurs et administrateurs
par Milouze14 Mar 10 Déc 2019 - 16:12

» *RESOLU*[ModernBB] Cherche script participation et autres
par Milouze14 Lun 9 Déc 2019 - 17:59

» [Toutes versions]Ajouter un contenu visible que par les membres ayant répondu.
par oneandone Lun 9 Déc 2019 - 17:37

» *RESOLU*[PhpBB2] Supprimer champ de contact dans les infos de profil,
par Milouze14 Dim 8 Déc 2019 - 20:29

» *RESOLU*[Invision] Déplacement du bouton résolu (suite et fin?)
par Milouze14 Dim 8 Déc 2019 - 9:01

» Règlement de l'entraide Forumactif
par oneandone Sam 7 Déc 2019 - 13:58

» *RESOLU*[PhpBB3] Outil modération
par Milouze14 Jeu 5 Déc 2019 - 19:30

» *CORBEILLE*[Edge] Pub intrusive
par Milouze14 Mer 4 Déc 2019 - 3:55

» *RESOLU*[PhpBB3] Compte à rebours hebdomadaire permanent
par Milouze14 Mar 3 Déc 2019 - 19:02

» *RESOLU*[PhpBB2] Selecteur de style | placement
par Milouze14 Mar 3 Déc 2019 - 16:32

» *RESOLU*[PhpBB3] Retirer lien Signaler un abus
par Milouze14 Lun 2 Déc 2019 - 15:10

» *RESOLU*[PhpBB2] Largeur du forum
par Milouze14 Lun 2 Déc 2019 - 3:55

» [PhpBB2] Du relief sur mon annonce
par Milouze14 Dim 1 Déc 2019 - 15:24

» [Edge] Ajouter un bouton j'aime
par Milouze14 Sam 30 Nov 2019 - 16:04

*RESOLU*[PhpBB2] Modifier la toolbar

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

HardRock
HardRock
Milouzien

MessageHardRock le Sam 16 Nov 2019 - 21:05

  • Version du forum :
    PhpBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonsoir,

Je viens faire appel à vous pour une aide concernant la toolbar au niveau des messages/notifications. Le cadre qui contient le "vous avez reçu un message...." est large alors que j'aimerai qu'il soit plus petit, et la croix de suppression qu'elle soit à côté et non en dessous.

Ce que j'ai sur mon forum : https://www.zupimages.net/up/19/46/3vju.bmp

Ce que je veux avoir : https://www.zupimages.net/up/19/46/bjlr.bmp

Je vous passe la partie que j'ai codé pour la toolbar :

Code:
#fa_toolbar #fa_right #notif_list li.see_all {background-color: #06070A!important;}
#fa_toolbar #fa_right #notif_list li.see_all a {color:#1A2A16!important; font:bold!important;}

#fa_toolbar #fa_right #notif_list li.unread {background:#14211D!important;}
#fa_toolbar #fa_right #notif_list {background:#14211D!important;}
#fa_toolbar #fa_right #notif_list li .contentText a {color:#650A1C!important;font:bold!important;font-size: 10px!important;}
#fa_toolbar #fa_right #notif_list li .content {color:#06070A!important;font:bold!important;font-size: 10px!important;}



ul#notif_list {    }

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {  background-color: #06070A!important;}

#fa_right.welcome #fa_menu #fa_welcome {background-color: #06070A!important;}
#fa_menulist a {color:#1A2A16!important;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a:hover {
text-decoration: none ; color: #9B5D6F;
}


#fa_usermenu {
    font-family: Tahoma;
    font-size: 11px!important;
  color:#1A2A16;
}

ul#fa_menulist {
  background-color: #06070A;  /* Couleur de fond */
  border-width:2px;
border-style:solid;
border-color:#06070A;
      height: 300px;
}


div#fa_toolbar {
    background-color: #06070A;  /* Couleur de fond */
    border-radius: 0 0 10px 10px;  /* Arrondis les bords de la toolbar */
    box-shadow: 0 0 5px #000000;  /* Affiche une ombre */
    margin: auto;  /* Centre la toolbar */
    width: 98%;  /* Modifie la longueur de la toolbar */
      opacity: .8;
  text-shadow: 0px 0px 1px #000000;
  font-family: Tahoma;
    font-size: 11px!important;
  
 border-width:2px;
border-style:solid;
border-color:#06070A;
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
}

div#fa_right {
font-size: 11px!important;
}

span#fa_share {display:none!important;}

div#fa_search {display:none!important;}
 

Et j'en profite pour une autre question, je n'arrive pas à modifier la couleur des liens bleus dans la toolbar, au niveau bienvenue.
exemple : https://www.zupimages.net/up/19/46/348h.bmp

Merci de votre attention :)


Dernière édition par HardRock le Lun 18 Nov 2019 - 0:12, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 17 Nov 2019 - 6:17

Coucou Alex,

alors pour remédier au placement de la petite croix, on va procéder ainsi:

La c.s.s de Forumactif donne un  float right , donc en gros dans l'inconnu.
On va garder la largeur de cette dernière, c'est à dire:
Code:
2.4em

Le style:
Code:
#fa_toolbar #fa_right #notif_list li a.delete{float:none!important;position:absolute!important;margin-left: -2.4em!important;}

Pour la couleur des liens côté "Bienvenue", ceci devrait fonctionner:
Code:
#fa_menulist li a:first-child {color:#1A2A16!important;}


Je vois que tu cumules pas mal de style comme ceci:

Code:
   #fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {  background-color: #06070A!important;}

    #fa_right.welcome #fa_menu #fa_welcome {background-color: #06070A!important;}

Pourquoi, ne pas compresser tout cela ?
Code:
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications,#fa_right.welcome #fa_menu #fa_welcome {  background-color: #06070A!important;}


Autre exemple:
Code:
   span#fa_share {display:none!important;}

    div#fa_search {display:none!important;}
    


Une fois compressé:

Code:
   
span#fa_share,div#fa_search {display:none!important;}


HardRock
HardRock
Milouzien

MessageHardRock le Dim 17 Nov 2019 - 17:49

Bonjour Phil  coucou

Merci pour ton aide, j'ai testé et pour la couleur des liens c'est nickel, et pour l'autre soucis, ce n'est pas encore ça. La croix est un peu collé sur le pseudo. Et j'ai testé en mettant un pseudo plus long, et il ne s'affiche pas. il disparaît alors qu'il faudrait qu'il se mette en dessous. Voir exemple ci-dessus :

https://www.zupimages.net/up/19/46/hf13.bmp

C'est des petits détails mais ils sont pénibles.

merci pour les codes compressés !

bon dimanche.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 17 Nov 2019 - 18:20

Re Alex,

hum ne voyant pas la structure de ton fofo, c'est assez difficile de te donner un autre style!!

Peux tu me donner un accès admin (le tien serait idéal) afin que je puisse modifier la c.s.s .
Tout ceci en MP stp.


HardRock
HardRock
Milouzien

MessageHardRock le Lun 18 Nov 2019 - 0:08

Re Phil,

J'ai finalement réussi à régler le soucis en cherchant dans le css et ça concernait cette partie :
Code:
#fa_toolbar #fa_right #notif_list li .contentText a {color:#650A1C!important;font:bold!important;font-size: 11px!important;}
#fa_toolbar #fa_right #notif_list li .content {color:#06070A!important;font:bold!important;font-size: 11px!important;}

J'ai modifié la taille et ça rend ce que je souhaite. Du coup, le problème est réglé et je te remercie de ton aide  Merci 

J'ai supprimé le mp du coup clin oeil

Bonne soirée et bon début de semaine  coucou

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 18 Nov 2019 - 6:03

Coucou Alex,

c'est parfait chère amie,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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