Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Aujourd'hui à 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

» [TOUTES VERSIONS] Recherche de texte dans les templates
par photoclic Mer 12 Fév 2020 - 19:42

» *CORBEILLE*[PHPBB2] Viewtopic_body : Séparer les champs du profil
par Milouze14 Sam 8 Fév 2020 - 6:15

» *CORBEILLE*[PHPBB2] Messenger sur forumactif
par Milouze14 Sam 8 Fév 2020 - 6:14

» *RESOLU*[PHPBB3] Mettre un cadre aux forums des catégories
par Milouze14 Jeu 6 Fév 2020 - 15:06

» *RESOLU*[MODERNBB] Couleur textarea
par Milouze14 Mer 5 Fév 2020 - 18:06

» [TOUTES VERSIONS]Message automatique au déplacemet d'un sujet
par Jackymi Mar 4 Fév 2020 - 8:50

» *RESOLU*[MODERNBB] Barre de navigation sur 2 lignes
par Milouze14 Mar 4 Fév 2020 - 3:47

» *CORBEILLE*[PHPBB2] Message automatique au déplacement d'un sujet
par Milouze14 Dim 2 Fév 2020 - 9:17

» *RESOLU*[MODERNBB] Largeur forum modernBB
par Milouze14 Dim 2 Fév 2020 - 8:13

» *CORBEILLE*[AWESOMEBB] Erreur "429 too many requests nginx"?
par Milouze14 Ven 31 Jan 2020 - 3:52

» *CORBEILLE*[PHPBB2] Profil
par Milouze14 Mer 29 Jan 2020 - 3:51

» *CORBEILLE*[PHPBB2] QUI REGARDE LES POSTS ,?
par Milouze14 Mar 28 Jan 2020 - 3:48

» *CORBEILLE*[PHPBB2] Profil et avatar
par Milouze14 Mar 28 Jan 2020 - 3:45

» *CORBEILLE*[PHPBB2] Chapeau du père noel.
par Milouze14 Mar 28 Jan 2020 - 3:43

» *RESOLU*[PHPBB3] Récupération avatar (automatiquement) d'un membre
par Milouze14 Lun 27 Jan 2020 - 18:44

*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