Changer la barre du forum

2 participants

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

Résolu Changer la barre du forum

Message par Svenito Jeu 11 Sep 2014 - 21:55

Détails techniques

Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : www.chating.exprimetoi.net

Description du problème

Bonsoir, j'aimerai bien mettre une barre de recherche comme ca:

Code:
<div class="navbar navbar-default">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Brand</a>
  </div>
  <div class="navbar-collapse collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Active</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Dropdown header</li>
          <li><a href="#">Separated link</a></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-left">
      <input type="text" class="form-control col-lg-8" placeholder="Search">
    </form>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

Une sorte de barre avec une recherche

à la place des images mais comment faire? Merci d'avance


Dernière édition par Svenito le Mar 16 Sep 2014 - 20:22, édité 1 fois
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Sam 13 Sep 2014 - 11:28

Bonjour,

Trouvez dans votre template overall_header le passage suivant :
Code:
<div id="submenu">
   <ul>
      <li class="clearfix">{GENERATED_NAV_BAR}</li>
   </ul>
</div>

Et remplacez le par votre menu personnel, n'oubliez pas de publier le template une fois ceci fini en cliquant sur Ajout .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Sam 13 Sep 2014 - 13:14

Je vais regarder ca je vous redis Wink
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Sam 13 Sep 2014 - 13:20

Re, alors quand je procède à l'enregistrement je suis redirigé sur une page data; blanche, je ne peux pas l'enregistrer.
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Dim 14 Sep 2014 - 20:50

Bonsoir,

Le problème d'enregistrement du template est-il toujours présent aujourd'hui ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Lun 15 Sep 2014 - 6:35

Bonjour! Merci pour votre réponse, comment dire, c'est pas le résultat que j'attendais Confused

Merci d'avance



Changer la barre du forum Captur20
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Lun 15 Sep 2014 - 11:08

Bonjour,

Que recherchiez vous à faire ?
Il faut maintenant styliser, sans CSS ça ne ressemblera pas à une barre, vous n'avez pas de CSS avec ?
Si vous postez ici tout les liens que vous désirez voir dans cette barre et le style que vous désirez pour celle-ci, je pourrais vous donner quelque chose Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Lun 15 Sep 2014 - 17:20

J'ai récupéré sur Bootstrap mais il me semble pas qu'il aie du css, a moins que je ne l'aie pas vu.
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Lun 15 Sep 2014 - 17:29

SeLfde4Th7 a écrit:Si vous postez ici tout les liens que vous désirez voir dans cette barre et le style que vous désirez pour celle-ci, je pourrais vous donner quelque chose Wink .

Pourriez vous comme demandé au dessus me donner ce que vous désirez mettre dans votre barre et le style que vous désirez lui appliquer ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Lun 15 Sep 2014 - 22:17

Re,
Voilà ce qu'il a
Code:
Code: Sélectionner le contenu
<div class="navbar navbar-default">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Brand</a>
  </div>
  <div class="navbar-collapse collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Active</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Dropdown header</li>
          <li><a href="#">Separated link</a></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-left">
      <input type="text" class="form-control col-lg-8" placeholder="Search">
    </form>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

Merci Smile
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Mar 16 Sep 2014 - 0:42

Bonsoir,

Avec ce que vous me donnez on obtien le résultat que vous avez montré sur votre screen, actuellement ce que je ne sais pas c'est ce que vous voulez ?
Si vous me donnez sans cesse ce code, je ne pourrais faire mieux que de vous demander ce que vous désirez faire...
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Mar 16 Sep 2014 - 12:13

Il n'a pas d'autre code mais vouliez vous avoir l'url?


Merci
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Mar 16 Sep 2014 - 12:23

Bonjour,

Oui donnez moi le lien s'il vous plait, ce que vous désirez c'est avoir une barre du même style mais avec les liens de votre barre actuelle ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Mar 16 Sep 2014 - 12:26

Exactement Smile

http://bootswatch.com/paper
Celle en bleu

Merci
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer la barre du forum

Message par Self Mar 16 Sep 2014 - 14:06

Essayez avec le CSS suivant (à placer dans la feuille de style CSS) :
Code:
#submenu, #submenu * {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

#submenu {
   height: 60px;
   margin: 12px 0;
   padding: 0;
   position: relative;
   background: #2196F3;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   border-radius: 3px;
   color: #B2DBFB;
}

#submenu:before {
   content: "CHATING";
   height: 60px;
   padding: 0 8px;
   position: absolute;
   top: 0;
   left: 0;
   line-height: 60px;
   font-weight: 500;
   font-size: 1.6em;
   -moz-transition-property: all;
   -o-transition-property: all;
   -webkit-transition-property: all;
   transition-property: all;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

#submenu:hover {
   color: #fff !important;
   -moz-transition-property: all;
   -o-transition-property: all;
   -webkit-transition-property: all;
   transition-property: all;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

#submenu a {
   height: 60px;
   margin: 0 !important;
   padding: 0 8px !important;
   display: inline-block;
   color: #B2DBFB !important;
   line-height: 60px;
}

#submenu a:hover {
   color: #fff !important;
   background: transparent !important;
}

#submenu a:focus {
   color: #fff !important;
   background: #0C7CD5 !important;
}

#submenu a* {
   -moz-transition-property: all;
   -o-transition-property: all;
   -webkit-transition-property: all;
   transition-property: all;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

#submenu img {
   display: none;
}

#submenu .clearfix {
   position: relative;
}

#search_menu {
   top: 60px !important;
   background: white;
   color: #666;
}

#search_menu a {
   color: #666 !important;
}

#search_menu *:not(input):hover {
   color: #141414 !important;
}

PS: Il faudra aussi penser à cocher "Non" à l'option "Afficher seulement des images dans la barre des liens :".
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Mar 16 Sep 2014 - 18:09

Je vais voir Smile

Merci
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Svenito Mar 16 Sep 2014 - 19:22

Merci vous êtes parfait!
Espérons que vous deviendrez Aidactif! Merci pour tout!

Merci!!!!
:clos:  et résolu
Svenito

Svenito
****

Masculin
Messages : 257
Inscrit(e) le : 08/10/2013

http://www.chating.exprimetoi.net
Svenito a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la barre du forum

Message par Self Mar 16 Sep 2014 - 19:34

.Changer la barre du forum HURHAdp.Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Changer la barre du forum Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Changer la barre du forum 50378

A bientôt sur ForumActif Smile
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum