Question [Réglé] Ajouter un style de module à Protostar

Bonjour,

est-ce qu'il est possible d'ajouter un style de module au template Protostar inclus par défaut à Joomla 3 ?

je m'explique, je voudrais différencier le "background" du menu horizontal des autres modules publiés.

Le menu utilise le style de module "well" et je voudrais utiliser par exemple "well2" qui sera une copie de "well" sauf pour le background-color.

Dans le template.css j'ai copié les blocs commençant par "well" et changé en "well2". Avec firebug sur le sit eouvert je change les div class="well" par div class="well2", çà donne le résultat escompté mais je ne trouve pas où faire la modification en "dur" pour que les modules en position-7 et 8 appelemnt "well2"

merci d'avance pour votre aide.

Salut vulcanner

Dans le dossier de ton template
fichier index.php

<div class="row-fluid">
<?php if ($this->countModules('position-8')): ?>
<!-- Begin Sidebar -->
<div id="sidebar" class="span3">
<div class="sidebar-nav">
<jdoc:include type="modules" name="position-8" style="well" />
</div>
</div>
<!-- End Sidebar -->
<?php endif; ?>
<div id="content" class="<?php echo $span;?>">
<!-- Begin Content -->
<jdoc:include type="modules" name="position-3" style="none" />
<jdoc:include type="message" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="position-2" style="none" />
<!-- End Content -->
</div>
<?php if ($this->countModules('position-7')) : ?>
<div id="aside" class="span3">
<!-- Begin Right Sidebar -->
<jdoc:include type="modules" name="position-7" style="well" />
<!-- End Right Sidebar -->
</div>
<?php endif; ?>
</div>

Merci pour l'aide, j'ai donc modifié la position-8 en "well2" dans le index.php du template mais cela ne change rien, je vois toujours avec "firebug" sous FF que le module va chercher toujours "well".

C'est un peu logique aussi car dans les paramètres avancés des modules, je ne peux choisir que le style "protostar / well" ou "protostar / no", il ne me remonte pas de ""protostar / well2" car le style n'existe pas pour lui et je ne sais pas où le définir. Mon ajouté d'une section "well2" dans le .css ne doit pas suffir.

C'est bien ce que j'avais fait (cf mon post initial) et dans mon css j'ai cela :

.well {
min-height: 20px;
padding: 4px;
margin-bottom: 20px;
background-color: #999999;
# border: 1px solid #444444;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.well2 {
min-height: 20px;
padding: 4px;
margin-bottom: 20px;
background-color: #f2b611;
# border: 1px solid #444444;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}


mais je ne vois toujours pas de style "well2" lorsque je vais dans options avancées des modules dont je veux que le fond soit de couleur "well2".

j'ai aussi modifié le index.php pour que les modules positionnés en position-8 utilisent "well2" mais rien ne change.