[Résolu] Invision - Toolbar déplacement du mot "notifications"

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

Résolu [Résolu] Invision - Toolbar déplacement du mot "notifications"

Message par FANCH 56 le Mar 28 Jan 2014 - 17:00

Bonsoir

Grâce au membre  crème, j'ai réussi à augmenter l'épaisseur de la toolbar.

Maintenant je cherche à déplacer le mot "notifications", afin que les dernières lettres ne soient plus cachées par scrollbar latérale de Firefox.

Voici mon code CSS le margin 4px sert à aligner le mot notification et bienvenue.

Code:
#fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  #fa_welcome {
color: blue !important; margin: 4px; }
body #fa_toolbar #fa_menu #fa_welcome { color: blue; }



Dernière édition par FANCH 56 le Mar 28 Jan 2014 - 17:31, édité 2 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Invision - Toolbar déplacement du mot "notifications"

Message par Invité le Mar 28 Jan 2014 - 17:05

Re Smile

C'est parce que tu as ce code CSS :
Code:
#fa_toolbar {
left: 0px;
height: 30px;
background-color: #333333;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 20002;
}

Supprime le left: 0px Wink

Merci

Invité
Invité


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

Résolu Re: [Résolu] Invision - Toolbar déplacement du mot "notifications"

Message par FANCH 56 le Mar 28 Jan 2014 - 17:11

Non je n'ai pas ce code J'ai pris juste le padding du code que tu m'as donné

Code:
/* DÉBUT TOOLBAR* *
    

/* COULEUR DE FOND BIENVENUE */

/* le menu bienvenue */
body #fa_menulist { background-color:#FEFEEE
top: -8px;}
/* l'onglet bienvenue cliqué */
body #fa_right.welcome #fa_menu #fa_welcome { background: ##F2EFB1; }

/* TOOLBAR NON RÉTRACTABLE */

#fa_hide {display: none !important;}

/* CACHER LE TITRE JOINDRE UN ADMI */

#titre_option_non_visible { display: none;}

/* COULEUR TEXTE DE LA TOOLBAR */

body #fa_share_text, body #fa_right.notifications #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications { color: red; font-size: 17px; }
body #fa_toolbar #fa_service { color: blue !important
margin: -10px; }

/* MARGES TOOLBAR  ET ÉPAISSEUR DE LA BARRE*/

#toolbar_add span { margin: 6px; }
#fa_toolbar {
  padding: 10px; }
  
/* IMAGE BARRE OUTIL FA */

#fa_toolbar, #fa_toolbar_hidden {background-image: url('http://acbpr.fr/cb/techno/rubanor3deux.jpg');}


/* COULEUR MOT NOTIFICATION ET WELCOME TOOLBAR */

#fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  #fa_welcome {
color: blue !important; margin: 4px; }
body #fa_toolbar #fa_menu #fa_welcome { color: blue; }


/* COULEUR DU CHIFFRE NOTIFICATION */

#notif_unread { color: red; }

/* RETIRER RECHERCHE et LOUPE DE LA TOOLBAR CONNEXION ET ENREGISTRER */

#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }

/* RETRAIT RÉSEAUX SOCIAUX TOOLBAR */

#fa_share { display: none!important; }
#fa_textarea {display: none!important;}


    /* IMAGE RANG DANS TOOLBAR * */
.rang_toolbar img {
width: 80px;
height: 29px;
position: relative;top:- 0px;
}


/* FIN CODES TOOLBAR */=========================================================================================================

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Invision - Toolbar déplacement du mot "notifications"

Message par Invité le Mar 28 Jan 2014 - 17:18

Re,

Essaie de rajouter ce CSS :
Code:
#fa_toolbar {
left: -6px;
height: 30px;
background-color: #333333;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 20002;
}
ou

Code:
#fa_toolbar {
left: 0px;
margin-right: auto;
height: 30px;
margin-left: -20px;
background-color: #333333;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 20002;
}

Invité
Invité


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

Résolu Re: [Résolu] Invision - Toolbar déplacement du mot "notifications"

Message par medamine14 le Mar 28 Jan 2014 - 17:20

Salut,

Essaye ce code :

Code:
#fa_notifications {padding-right:15px;}

ou :

Code:
#fa_right {padding-right:15px;}



Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Invision - Toolbar déplacement du mot "notifications"

Message par FANCH 56 le Mar 28 Jan 2014 - 17:31

Merci medamine14

C'est ce code qui est le bon

Code:
#fa_right {padding-right:15px;}

Résolu

Merci à vous deux pour votre aide

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 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