Superbe Toolbar, comment la faire ?

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

Résolu Superbe Toolbar, comment la faire ?

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

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

Bonjour

1/ des explications avec css ici http://www.ian-thomas.net/make-an-animated-search-form-using-only-css/
2/ des explications avec css ici http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/
3/ des explications avec css ici http://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_hover



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

Invité
Invité


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

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

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité le 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


Invité
Invité


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

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

Message par LDL le Sam 23 Avr 2016 - 23:52




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

LDL
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Jeu 28 Avr 2016 - 9:43




up pour mon sujet.

LDL
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Lun 2 Mai 2016 - 17:39




up.

LDL
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Sam 7 Mai 2016 - 9:39




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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Mar 17 Mai 2016 - 0:32




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

LDL
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Dim 22 Mai 2016 - 15:38

up.

LDL
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par tupac le Dim 22 Mai 2016 - 20:32


tupac
+ Hyperactif +

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

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

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

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par tupac le 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
+ Hyperactif +

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

tupac a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par R-max le 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 ,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par R-max le 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 ?

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par tupac le Jeu 26 Mai 2016 - 6:49

Baston

tupac
+ Hyperactif +

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

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

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

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par R-max le Jeu 26 Mai 2016 - 21:50

@tupac a écrit:Baston

Assomé scratch

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par tupac le 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
+ Hyperactif +

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

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

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

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par R-max le 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 >>
http://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

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Sam 28 Mai 2016 - 0:09

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

LDL
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

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

Message par R-max le 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;
}

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par LDL le Sam 28 Mai 2016 - 6:28





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
****

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

http://goon-forum.com/
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