Changer la barre du forum

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

Résolu Changer la barre du forum

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

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 le 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
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

Message par Svenito le Sam 13 Sep 2014 - 13:14

Je vais regarder ca je vous redis Wink

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

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 le Dim 14 Sep 2014 - 20:50

Bonsoir,

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

Self
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

Message par Svenito le 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




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 le 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
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

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

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 le 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
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

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

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 le 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
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

Message par Svenito le Mar 16 Sep 2014 - 12:13

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


Merci

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 le 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
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

Message par Svenito le Mar 16 Sep 2014 - 12:26

Exactement Smile

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

Merci

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 le 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
+ Hyperactif +

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

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

Résolu Re: Changer la barre du forum

Message par Svenito le Mar 16 Sep 2014 - 18:09

Je vais voir Smile

Merci

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

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 le Mar 16 Sep 2014 - 19:34

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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Self
+ Hyperactif +

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

Self 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