Changer la barre du forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Changer la barre du forum
Détails techniques
Version du forum : InvisionPoste 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
Re: Changer la barre du forum
Bonjour,
Trouvez dans votre template overall_header le passage suivant :
Et remplacez le par votre menu personnel, n'oubliez pas de publier le template une fois ceci fini en cliquant sur .
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 .
Re: Changer la barre du forum
Je vais regarder ca je vous redis
Re: Changer la barre du forum
Re, alors quand je procède à l'enregistrement je suis redirigé sur une page data; blanche, je ne peux pas l'enregistrer.
Re: Changer la barre du forum
Bonsoir,
Le problème d'enregistrement du template est-il toujours présent aujourd'hui ?
Le problème d'enregistrement du template est-il toujours présent aujourd'hui ?
Re: Changer la barre du forum
Bonjour! Merci pour votre réponse, comment dire, c'est pas le résultat que j'attendais
Merci d'avance
Merci d'avance
Re: Changer la barre du forum
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 .
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 .
Re: Changer la barre du forum
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.
Re: Changer la barre du forum
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 .
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 ?
Re: Changer la barre du forum
Re,
Voilà ce qu'il a
Merci
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
Re: Changer la barre du forum
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...
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...
Re: Changer la barre du forum
Il n'a pas d'autre code mais vouliez vous avoir l'url?
Merci
Merci
Re: Changer la barre du forum
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 ?
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 ?
Re: Changer la barre du forum
Essayez avec le CSS suivant (à placer dans la feuille de style CSS) :
PS: Il faudra aussi penser à cocher "Non" à l'option "Afficher seulement des images dans la barre des liens :".
- 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 :".
Re: Changer la barre du forum
Je vais voir
Merci
Merci
Re: Changer la barre du forum
Merci vous êtes parfait!
Espérons que vous deviendrez Aidactif! Merci pour tout!
Merci!!!!
:clos: et
Espérons que vous deviendrez Aidactif! Merci pour tout!
Merci!!!!
:clos: et
Re: Changer la barre du forum
.. | Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Sujets similaires
» Changer de place la barre de navigation et remonter le cadre du forum
» Changer la couleur de la barre en bas du forum 'Contact/signaler un abus....'
» Retirer la barre du forum en dessous de la barre catégorie
» Changer la police de la barre de naviguation et changer le curseur
» Changer la couleur de l'écriture sans changer tout le forum
» Changer la couleur de la barre en bas du forum 'Contact/signaler un abus....'
» Retirer la barre du forum en dessous de la barre catégorie
» Changer la police de la barre de naviguation et changer le curseur
» Changer la couleur de l'écriture sans changer tout le forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum