Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

FANCH 56
Membre actif

Masculin
Messages : 13259
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
avatar

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 */=========================================================================================================
avatar

FANCH 56
Membre actif

Masculin
Messages : 13259
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;
}
avatar

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
avatar

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
avatar

FANCH 56
Membre actif

Masculin
Messages : 13259
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