Superbe Toolbar, comment la faire ?

2 participants

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

Résolu Superbe Toolbar, comment la faire ?

Message par LDL Jeu 21 Avr 2016 - 14:04

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
forum de test : http://14022010.fullsubject.com/

Description du problème




Bonjour a tous,

j'aime beaucoup la toolbar du forumactif, avec :

1.
barre de recherche auto-hide
2.
boutons de plateformes hover avec effet js
3.
boutons de la toolbar a droite avec effet hover


Je suppose que beaucoup vont poser la même question que moi :
comment peut-on faire cela ?

Perso j'aimerai beaucoup avoir ça sur mon forum, bon pas tout a fait de la même façon, mais peu importe,
comment faire....

merci encore beaucoup pour vos aides !
Wink


.


Dernière édition par LDL le Sam 28 Mai 2016 - 6:31, édité 1 fois
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Jeu 21 Avr 2016 - 20:32



Dernière édition par Don Vito Corleone le Jeu 26 Mai 2016 - 9:38, édité 2 fois
Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Ven 22 Avr 2016 - 5:57

ca sert pas a grand chose ce que tu postes, ce sont des epliq pour templale forumactif qui seraient utiles,
surtout sur du invision et non du phpBB3...

faut dire que il n'y a personne actuellement sur le forum, il est desesperemment vide, mais bon....



.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Ven 22 Avr 2016 - 8:27

Je vous arrête tout de suite ne me tutoyer pas svp.

Ne vous inquiétez pas je ne posterais plus je passes la main pour que d'autres vous donne de l'aide vu que ce que je poste ne sert à rien ::fleur:: .

Hi

Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Sam 23 Avr 2016 - 23:52

Superbe Toolbar, comment la faire ? Etique12


up, du people depuis 2 semaines qu'on voit plus personne ?
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Jeu 28 Avr 2016 - 9:43

Superbe Toolbar, comment la faire ? Etique12


up pour mon sujet.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Lun 2 Mai 2016 - 17:39

Superbe Toolbar, comment la faire ? Etique12


up.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Sam 7 Mai 2016 - 9:39

Superbe Toolbar, comment la faire ? Etique12


ca serait bien d'avoir des infos la dessus de la aprt d'un membre Team, car ca correspond bien a ce que je veux faire,
avoir une toolbar plus discrete, a moins que forumactif ne veut par partager les infos.

quelqu'un ou pas ?



.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Mar 10 Mai 2016 - 14:04

bon j'ai finalement fait pas la de modif deja, seul la barre de rehcerche retractable mo pose un probleme,
malgre le lien poste precedemment, j'arrive pas a m'en sortir, oups !

de l'aide quelque part ?



.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Mar 17 Mai 2016 - 0:32

Superbe Toolbar, comment la faire ? Etique12


up pour mon sujet, decidemment y a plus de monde sur le forum a ce que je vois, dommage huhu....
Wink
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Dim 22 Mai 2016 - 15:38

up.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par tupac Dim 22 Mai 2016 - 20:32

tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Lun 23 Mai 2016 - 7:56

c'est tres gentil, mais en fait le lien ne m'apporte strictement rien !
(que je connaissais deja du reste...).

La personnalisation que je cherche a faire est de faire disparaitre la barre de recherche avec le bouton toujours visible,
et au survol de refaire apparaitre cette barre.

Un lien a ete poste plus haut, j'ai essaye de l'appliquer au template Invision, mais ca fonctionne pas,
je m'en sors pas (contrairement a toutes les autres modifs que j'ai pu finalement réalisées...).

Donc j'en suis la.
Barre de recherche dans la Toolbar en Auto-hide (comme celle de forumactif de ce forum)

quelqu'un pourrait-il m'aider svp ?
merci encore pour vos aides.


.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par tupac Lun 23 Mai 2016 - 11:41

Je comprends bien votre demande mais ce script leur appartient et je ne pense pas qu'il soit prêt a le partager mais peut-être que je me trompe et dans le cas contraire la seul façon sera de trouver la solution par vous même sous forme de css.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Lun 23 Mai 2016 - 22:59

Un lien a ete poste plus haut, j'ai essaye de l'appliquer au template Invision, mais ca fonctionne pas

bonsoir LDL

invision ou phpbb3 la toolbar reste la toolbar .. elle ne diffère pas entre chaque version ..


Je comprends bien votre demande mais ce script leur appartient et je ne pense pas qu'il soit prêt a le partager mais peut-être que je me trompe et dans le cas contraire la seul façon sera de trouver la solution par vous même sous forme de css.

entièrement d'accord avec tupac..


aller je suis dans mon bon jour , je vous donne un css qui s'en rapproche ....

Code:
#fa_search #fa_textarea:focus, #fa_search #fa_textarea, #fa_search #fa_textarea{
    text-indent: 30px !important;
    width: 28px!important;
    height: 24px;
    padding: 0px;
    border: 0px;
    margin-top: 1px!important;
    border-radius: 5px;
    line-height: 22px;
  cursor:pointer;transition:1s;
  background:#369ffc;
}

#fa_search #fa_textarea:focus, #fa_search #fa_textarea:hover, #fa_search:hover #fa_textarea {
    text-indent: 30px !important;
    width: 350px!important;
    height: 24px;
    padding: 0px;
    border: 0px;
    margin-top: 1px!important;
    border-radius: 5px;
    line-height: 22px;
  cursor:pointer;transition:1s;
  background:#fff;
}

bonne soirée ,
Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Mar 24 Mai 2016 - 2:44

oui effectivement, je comprends, en même temps un auto-hide n'est pas non plus quelque chose de vraiment exclusif,
sauf que je suis une nouille en code, même si je code un peu quand même.

sinon, grand merci pour ce script, je vais le travailler et essayer de l'appliquer,
grand merci !

je vais l’incruster et voir comment ça peut s'articuler, et je reviens sur le thread....
Wink


P.S. :
cool, je suis tombe sur ton bon jour alors hehe....
Wink

.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Mer 25 Mai 2016 - 21:23

P.S. :
cool, je suis tombe sur ton bon jour alors hehe....

je suis dans mon bon jour tous les jours Mr. Green

alors verdict ?
Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par tupac Jeu 26 Mai 2016 - 6:49

Baston
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Jeu 26 Mai 2016 - 19:28

j'ai eu une journee roots la hier et aujour'dhui, pas encore eu le temps de l'integrer, mais ca va se faire la, c'est clair !
des que je m'y penche pour l'integrer, je reviens sur le thread !
Wink
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Jeu 26 Mai 2016 - 21:50

tupac a écrit:Baston

Assomé scratch
Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par tupac Ven 27 Mai 2016 - 0:15

Mon smiley était pour LDL puisqu'il tardait a répondre a ton message.
R-max a écrit:alors verdict ?
J'ai donc mis ceci Baston juste pour dire qu'il allait prendre des coups de bâtons sur la tête s'il ne répondait pas rapidement, un peu d'humour dans ce monde de bruts.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Ven 27 Mai 2016 - 18:41

bon ca y est, c'est super ce script dis donc, formidable, et l'effet est vraiment beau !

bon j'ai fait mes petites modifs pour que ca soit un peu personnalisé quand même.

j'aimerai diminuer l’écart entre les boutons des partage et la barre de recherche,
et remplacer la loupe par ma petite image a moi, comment pourrais je faire ces dernieres modifs ?
merci encore pour vos aides précieuses !
Smile


LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Ven 27 Mai 2016 - 23:31

code pour la marge >>
Code:
#fa_share {
    margin-left: 0px;}

pour l'image a tester >>
Code:
a#fa_magnifier{
background-image:url('lien de l"image ');/* 30px par 30px*/
}


a voir aussi >>
https://forum.forumactif.com/t370334-personnaliser-entierement-la-toolbar-via-css

tupac a écrit:Mon smiley était pour LDL puisqu'il tardait a répondre a ton message.

je pensé que c'était pour moi , mais j'avais un doute Mr. Green

tupac a écrit:un peu d'humour dans ce monde de bruts.
cheers
Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Sam 28 Mai 2016 - 0:09

ah, ca veut pas au niveau de l'image....
il prend pas en compte le script, dommage.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par Invité Sam 28 Mai 2016 - 0:15

arrf autant pour moi >> vous avez essayer comme ceci >>

Code:
a#fa_magnifier {
background:url('adresse_de_votre_image')no-repeat!important;
}
Anonymous

Invité
Invité


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

Résolu Re: Superbe Toolbar, comment la faire ?

Message par LDL Sam 28 Mai 2016 - 6:28

Superbe Toolbar, comment la faire ? Etique17



Super, et ben, sacré coup de main quand même, encore mille mercis à tous et bien sûr à R-max !
et je ne dirais qu'une seule chose de plus pour finir :


Résolu . Lock sujet !
Wink


.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

LDL 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