Drop Dowm Menu sur les autres themes

[maximus23]

Bonjour,

Voici ton menu à mettre sur ton thème As pour avoir les sous-menus et tes effets spéciaux

Ouvrir le fichier index.template.php du thème As
Chercher :

Code Select Expand


// Start of the tab section.
echo '
<ul>';

// Show the default [home] button.
echo ($current_action=='home' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'home' ? 'current' : '' , '"><a href="', $scripturl, '">' , $txt['home'] , '</a></li>';
 
// Show the [help] button.
echo ($current_action=='help' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'help' ? 'current' : '' , '"><a href="', $scripturl, '?action=help">' , $txt['help'] , '</a></li>';
// How about the [search] button?
if ($context['allow_search'])
  echo ($current_action=='search' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'search' ? 'current' : '' , '"><a href="', $scripturl, '?action=search">' , $txt['search'] , '</a></li>';
// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
  echo ($current_action=='admin' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'admin' ? 'current' : '' , '"><a href="', $scripturl, '?action=admin">' , $txt['admin'] , '</a></li>';
// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
  echo ($current_action=='admin2' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'admin2' ? 'current' : '' , '"><a href="', $scripturl, '?action=moderate">' , $txt['moderate'] , '</a></li>';
// Edit Profile... [profile]
if ($context['allow_edit_profile'])
  echo ($current_action=='profile' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'profile' ? 'current' : '' , '"><a href="', $scripturl, '?action=profile">' , $txt['profile'] , '</a></li>';
// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
  echo ($current_action=='pm' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'pm' ? 'current' : '' , '"><a href="', $scripturl, '?action=pm">' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</a></li>';
// The [calendar]!
if ($context['allow_calendar'])
  echo ($current_action=='calendar' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'calendar' ? 'current' : '' , '"><a href="', $scripturl, '?action=calendar">' , $txt['calendar'] , '</a></li>';
// the [member] list button
if ($context['allow_memberlist'])
  echo ($current_action=='mlist' || $context['browser']['is_ie4']) ? '' : '' , '
  <li class="' , $current_action == 'mlist' ? 'current' : '' , '"><a href="', $scripturl, '?action=mlist">' , $txt['members'] , '</a></li>';
// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
       echo ($current_action=='mlist' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'login' ? 'current' : '' , '"><a href="', $scripturl, '?action=login">' , $txt['login'] , '</a></li>';

// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
  echo ($current_action=='mlist' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'register' ? 'current' : '' , '"><a href="', $scripturl, '?action=register">' , $txt['register'] , '</a></li>';

// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
  echo ($current_action=='mlist' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'logout' ? 'current' : '' , '"><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt['logout'] , '</a></li>';
echo '</ul>';
}


et remplacer par :

Code Select Expand


// Start of the tab section.
echo '
  <ul id="topnav">';
foreach ($context['menu_buttons'] as $act => $button)
{
 
echo ($current_action == $button['active_button'] || $context['browser']['is_ie4']) ? '' : '' , '
<li a class="' , $current_action == $button['active_button'] ? 'current' : '' , '"><a href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '><span>', $button['title'], '</span></a>';
  if (!empty($button['sub_buttons']))
  {
   echo '
     <ul>';
   foreach ($button['sub_buttons'] as $childbutton)
   {
    echo '
      <li>
       <a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</a>';
    // 3rd level menus :)
    if (!empty($childbutton['sub_buttons']))
    {
     echo '
       <ul>';
     foreach ($childbutton['sub_buttons'] as $grandchildbutton)
      echo '
        <li>
         <a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>', $grandchildbutton['title'], '</a>
        </li>';
     echo '
      </ul>';
    }
    echo '
      </li>';
   }
   echo '
     </ul>';
  }
  echo '
    </li>';
}
echo '
   </ul>';

}


Ouvrir le fichier index.css du thème As

Chercher :

Code Select Expand


#fancymenu {
position:absolute;
margin:0;
}
#fancymenu ul {
list-style:none;
margin:0;
padding-left: 300px;
padding-top: 0px;
}
#fancymenu li {
float:left;
display:block;
}
#fancymenu li a {
float:left;
display:block;
position:relative;
height:40px;
line-height:40px;
overflow:hidden;
font-family : "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
color:#999999;
z-index:4;
outline:none;
padding:0 10px;
text-align: right;
}
#fancymenu li.current a {
color: #fff;
}
#fancymenu li a:hover {
color: #fff;
}
#fancymenu li.background {
background:url(../images/menu-r.png) 100% 0 no-repeat;
position:absolute;
visibility:hidden;
z-index:2;
}
#fancymenu li.background .left {
background:url(../images/menu-l.png) 0 0 no-repeat;
height:40px;
margin-right:5px;
}


et remplacer par ceci :

Code Select Expand


/* Styles for menu mootools.
------------------------------------------------- */
#fancymenu {
position:absolute;
margin:0;
}
#fancymenu ul {
list-style:none;
margin:0;
padding-left: 30px;
padding-top: 0px;
}
#fancymenu li {
float:left;
display:block;
}
#fancymenu li a {
float:left;
display:block;
position:relative;
height:40px;
line-height:40px;
overflow:hidden;
font-family : "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
color:#999999;
z-index:1000;
outline:none;
padding:0 10px;
text-align: right;
}
#fancymenu li.current a {
color: #fff;
}
#fancymenu li a:hover {
color: #fff;
}
#fancymenu li.background {
background:url(../images/menu-r.png) 100% 0 no-repeat;
position:absolute;
visibility:hidden;
z-index:2;
}
#fancymenu li.background .left {
background:url(../images/menu-l.png) 0 0 no-repeat;
height:40px;
margin-right:5px;
}
#topnav {
float: left;
margin: 0 0 0 10px;
padding: 0;
}
#topnav ul {
margin: 0;
padding: 0;
z-index: 1000;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
#topnav li a {
display: block;
float: left;
padding: 0 10px;
line-height: 35px;
color: #fff;
}
#topnav li a.active {
color: #333;
}
#topnav li a:hover {
color: #600e8b;
text-decoration: none;
}
#topnav li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
}
#topnav li li a, #topnav li:hover li a {
background: none;
display: block;
height:30px;
line-height: 16px;
padding: 0 16px;
width: 168px;
float: none;
text-align: left;
font-size: 11px;
font-weight: normal;
}
#topnav li ul {
background: #d26d03;
border: 2px solid #454545;
position: absolute;
width: 200px;
left: -999em;
padding: 4px 0;
margin-left: -1px;
}
#topnav li:hover ul {
top: 35px;
border: 1px solid #cdcdcd;
left: 0;
}
#topnav li:hover li ul, #topnav li li:hover li ul {
border: 3px solid #607316;
top: -999em;
}
#topnav li li:hover ul, #topnav li li li:hover ul {
border: 3px solid #607316;
left: 190px;
top: 0;
}
/* Styles for menu mootools.
------------------------------------------------- */



Voici le résultat :

[ll_ll]

Bonjour,

Hummm je test ça de suite

[maximus23]

Bonjour,

On verra le verdict ....    

[ll_ll]

Wep ça marche nickel

Bon je te montrerai mes modifs

[maximus23]

Bonjour,

C'est déjà pas mal le tout est de trouver le temps pour le faire

Mais qui va lentement va sûrement     

[ll_ll]

Ouais 2 heures pour avoir un résultat parfait (entre mes liens perso dans le menu etc...)
Voir en pièce jointe le résultat

Par contre comme sur mon image, j'ai le boutton MODERER avec le nombre du sujet à approuver entre crochet [ ] grace à ce MOD > http://custom.simplemachines.org/mods/index.php?mod=2909 <

Je l'avais aussi fait avec l'index.template de l'ASTHEME

Code Select Expand

// Is the user allowed to administrate at all? ([moderate])
if ($context['allow_moderation_center'])
echo ($current_action=='moderate' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'moderate' ? 'current' : '' , '"><a href="', $scripturl, '?action=moderate">' , $txt['moderate'] , ' ', $context['total_unapproved_topics'] > 0 ? '[<strong><span class="colormp">'. $context['total_unapproved_topics'] . '</span></strong>]' : '' , '</a></li>';


Mais je l'avais aussi fait pour les messages privés

Code Select Expand

// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo ($current_action=='pm' || $context['browser']['is_ie4']) ? '' : '' , '
<li class="' , $current_action == 'pm' ? 'current' : '' , '"><a href="', $scripturl, '?action=pm">' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong><span class="colormp">'. $context['user']['unread_messages'] . '</span></strong>]' : '' , '</a></li>';


Et là c'est la seule chose que je ne suis pas arrivé à faire

J'ai bien envi de créer un MOD avec la base du MOD Unapproved mais un peu peur de tout faire sauter

[maximus23]

Bonsoir,

2 heures pour retourner tout mes codes qui ne sont pas toujours des plus simples c'est une pécadille 

Pour ajouter tes fonctions tu le fais directement dans le subs.php section menus en ajoutant tes codes annexes

Bon amusement

[ll_ll]

Oui j'ai dû batailler pour trouver qui fait quoi et surtout qui fait ch*er
Mais bon j'aime bien ça surtout quand je trouve et que j'ai le résultat comme je le souhaite (et je suis exigent)

Par contre je ne vois pas comment mettre mes codes dans le subs, j'ai des erreurs de syntax

Code Select Expand

', $context['user']['unread_messages'] > 0 ? '[<strong><span class="colormp">'. $context['user']['unread_messages'] . '</span></strong>]'

[maximus23]

Bonsoir,

Là je regarderai tout à l'heure si tu n'as pas trouvé car je n'ai rien sous la main ici

[ll_ll]

Si tu vois ce que je veux faire...très bien j'attendrai.

Merci d'avance. Je suis super content du Drop Down Menu, c'est bcp plus classe

[ll_ll]

Bonsoir,

Là je regarderai tout à l'heure si tu n'as pas trouvé car je n'ai rien sous la main ici

C'est bon j'ai trouvé... fallait pas cherché très loin C'était déjà intégré dans le subs.php fallait juste mettre le span pour la couleur suivant le thème choisi