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

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
avatar

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

Self
Membre actif

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

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

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

Self
Membre actif

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



avatar

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

Self
Membre actif

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

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

Self
Membre actif

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

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

Self
Membre actif

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

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

Self
Membre actif

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

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 :".
avatar

Self
Membre actif

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

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
avatar

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
avatar

Self
Membre actif

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