Fork me on GitHub






Thème Tatane XDGreenCor
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Bonjour,

J'aimerais utiliser le theme XDGreenCor de Tatane :
j'ai trouver dans le css comment modifier la couleur de base verte par du bleu.

Mais j'aimerais avoir un menu déroulant, alors j'ai fait ceci :

<div class="nav-collapse collapse navbar-responsive-collapse">
                                        <
ul class="nav pull-right">
                                              <
li class="active"><a href="#"><{$smarty.const._THEME_HOME}></a></li>
                                              <
li><a href="#">1</a>
                <
ul>
            <
li><a href="http=" title="">1.1</a></li>
            <
li><a href="http=" title="">1.2</a></li>
                        <
li><a href="http://=" title="">1.3</a></li>
        </
ul>

        </
li>
                                                          <
li><a href="#">2</a></li>
                                                          <
li><a href="#">3</a></li>
                                                          <
li><a href="#">Actualité</a></li>
                                                          <
li><a href="#">CONTACT</a></li>

                                        </
ul>
                                  </
div><!-- /.nav-collapse -->
                            </
div>


Mais je vois bien mon sous-menu mais ça ne défile pas.
Comment faire ?
Merci :)

Posté le : 09/07/2014 11:49
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
faut ensuite voir, le CSS qui gère cette partie et le cas échéant, le javascript

Posté le : 09/07/2014 17:45
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Merci Mountuy
C'est pas simple, j'y comprend pas grand chose donc pas facile à trouver :(
J'ai envoyé un message à Tatane j'espère qu'il pourra m'aider.

Posté le : 10/07/2014 12:20
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Bonjour,

dans le bootsrap CSS j'ai trouvé ceci mais je ne comprend pas, pouvez-vous m'aider ?

.dropdown-menu {
  
positionabsolute;
  
top100%;
  
left0;
  
z-index1000;
  
displaynone;
  
floatleft;
  
min-width160px;
  
padding5px 0;
  
margin2px 0 0;
  list-
stylenone;
  
background-color#ffffff;
  
border1px solid #ccc;
  
border1px solid rgba(0000.2);
  *
border-right-width2px;
  *
border-bottom-width2px;
  -
webkit-border-radius6px;
     -
moz-border-radius6px;
          
border-radius6px;
  -
webkit-box-shadow0 5px 10px rgba(0000.2);
     -
moz-box-shadow0 5px 10px rgba(0000.2);
          
box-shadow0 5px 10px rgba(0000.2);
  -
webkit-background-clippadding-box;
     -
moz-background-clippadding;
          
background-clippadding-box;
}

.
dropdown-menu.pull-right {
  
right0;
  
leftauto;
}

.
dropdown-menu .divider {
  *
width100%;
  
height1px;
  
margin9px 1px;
  *
margin: -5px 0 5px;
  
overflowhidden;
  
background-color#e5e5e5;
  
border-bottom1px solid #ffffff;
}

.
dropdown-menu li {
  
displayblock;
  
padding3px 20px;
  
clearboth;
  
font-weightnormal;
  
line-height20px;
  
color#333333;
  
white-spacenowrap;
}

.
dropdown-menu li a:hover,
.
dropdown-menu li a:focus,
.
dropdown-submenu:hover a,
.
dropdown-submenu:focus {
  
color#ffffff;
  
text-decorationnone;
  
background-color#0081c2;
  
background-image: -moz-linear-gradient(top#0088cc, #0077b3);
  
background-image: -webkit-gradient(linear0 00 100%, from(#0088cc), to(#0077b3));
  
background-image: -webkit-linear-gradient(top#0088cc, #0077b3);
  
background-image: -o-linear-gradient(top#0088cc, #0077b3);
  
background-imagelinear-gradient(to bottom#0088cc, #0077b3);
  
background-repeatrepeat-x;
  
filterprogid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc'endColorstr='#ff0077b3'GradientType=0);
}

.
dropdown-menu > .active a,
.
dropdown-menu > .active a:hover,
.
dropdown-menu > .active a:focus {
  
color#ffffff;
  
text-decorationnone;
  
background-color#0081c2;
  
background-image: -moz-linear-gradient(top#0088cc, #0077b3);
  
background-image: -webkit-gradient(linear0 00 100%, from(#0088cc), to(#0077b3));
  
background-image: -webkit-linear-gradient(top#0088cc, #0077b3);
  
background-image: -o-linear-gradient(top#0088cc, #0077b3);
  
background-imagelinear-gradient(to bottom#0088cc, #0077b3);
  
background-repeatrepeat-x;
  
outline0;
  
filterprogid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc'endColorstr='#ff0077b3'GradientType=0);
}

.
dropdown-menu > .disabled a,
.
dropdown-menu > .disabled a:hover,
.
dropdown-menu > .disabled a:focus {
  
color#999999;
}

.
dropdown-menu > .disabled a:hover,
.
dropdown-menu > .disabled a:focus {
  
text-decorationnone;
  
cursor: default;
  
background-colortransparent;
  
background-imagenone;
  
filterprogid:DXImageTransform.Microsoft.gradient(enabled=false);
}

Posté le : 15/07/2014 10:36
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
sans tout avoir, difficile de répondre mais essai ceci

remplace
<ul class="nav pull-right">


par
<ul class="nav dropdown-menu">


Ensuite faudra sûrement le peaufiner a ton gout

Posté le : 16/07/2014 09:13
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Super merci Montuy je vais pouvoir avancer :)

Posté le : 16/07/2014 09:40
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Alors j'ai fait et ça me met le menu dans un rectangle, mais de menu déroulant :(

Posté le : 17/07/2014 11:22
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
et je pense peut-être que tu devrais modifier le code JavaScript qui va avec le menu est remplacé aussi 'pull-right' par 'dropdown-menu'

Posté le : 18/07/2014 09:06
Partager Twitter Partagez cette article sur GG+
Re: Thème Tatane XDGreenCor
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Ca se complique, mais je vais aller voir ça, merci :)

Posté le : 18/07/2014 11:00
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

55 Personne(s) en ligne (28 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 55 | Plus ...