[PBT3] Probleme avec la shootbox

EDN Erudit(e)

Rang

Inscrit le : 10/09/2009 à 08h56

Le 11/01/2015 à 10h29

Salut à tous,

je rencontre un soucis pour mettre ma shootbox dans le menu central haut.
après avoir suivi le tuto et autres post du forum , j'arrive pas a la centrer.
Si je modif le content.css , cela me déforme les autres menus.

Qui aurait une idée à savoir qu'il n'y a pas de fichier pour la shootbox dans le thème.

Merci d'avance.

Le site

Taxi shuttle aéroports paris
gardiennage sécurité paris et idf
devis eco gratuit
Promenade en mer ota porto
Sécurité gardiennage paris
Location bateau Porto Corse
Devis gratuit gardiennage sécurité

Site web

janus57

EDN Erudit(e)

Rang

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 11/01/2015 à 13h29

Bonjour,

tu as déjà essayé en dupliquant le template de la shoutbox dans le thème et ensuite modifié le CSS de la shoutbox ?

Cordialement, janus57

Sonic

EDN Erudit(e)

Rang

Inscrit le : 10/09/2009 à 08h56

Messages: 1063

Le 11/01/2015 à 13h47

Je duplique le template euhh...
Je reprends les fichiers de la base de la shootbox et je les places dans mon thème dans le dossier modules?

Taxi shuttle aéroports paris
gardiennage sécurité paris et idf
devis eco gratuit
Promenade en mer ota porto
Sécurité gardiennage paris
Location bateau Porto Corse
Devis gratuit gardiennage sécurité

Site web

janus57

EDN Erudit(e)

Rang

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 11/01/2015 à 14h11

Bonjour,

pour "surcharger" ou "dupliquer" un template dans le thème on procède toujours comme ça :

On va chercher le template du module (ici dans /shoutbox/templates), tous les fichiers présents dans ce dossier on les transfert dans le template, voici le chemin général /templates/nom_templates/modules/nom_module.

Donc ici tu transfert tous les .tpl et .css de /shoutbox/templates/ dans /templates/nom_templates/modules/shoutbox/

Et à la fin du modifie le CSS de la shoutbox directement dans ton thème et c'est celui-là qui prendra le dessus sur le template de base.

Cordialement janus57

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 11/01/2015 à 14h13

Bonjour,

Pour commencer dans le dossier "modules" de ton thème, tu vas créer le dossier "shoutbox".

Tu vas y copier les fichiers suivants que tu trouveras dans le dossier "shoutbox/templates", à la racine de ton cms :

- shoutbox.tpl
- shoutbox_mini.tpl
- shoutbox_mini.css

Maintenant tu vas ouvrir le "shoutbox_mini.tpl", et renommer les 4 div suivantes :

- <div class="module_mini_container"> par module_mini_shout
- <div class="module_mini_top"> par module_top_shout
- <div class="module_mini_contents"> par module_contents_shout
- <div class="module_mini_bottom"> par module_bottom_shout

Ensuite ouvre le "shoutbox_mini.css", vide le et copie/colle ceci :

Code CSS :

/*=====================================
              Shoutbox_mini.css
=====================================*/
 
div#shout_container {
    height: 150px;
    margin: auto;
    overflow: auto;
    text-align: left;
    width: auto;
}
 
.module_mini_shout {
border:1px solid #999;
    border-spacing: 1px;
    margin: 0 0 10px;
    padding: 5px;
    width: 99%;
}
.module_top_shout {
    background: url("../../theme/images/mini_top.png") repeat scroll 0 0 transparent;
    color: #000;
    font-weight: bold;
    height: 37px;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
}
.module_contents_shout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    border-top: medium none;
    padding: 5px 4px 0;
    text-align: center;
}
.module_bottom_shout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
}

Rafraichis les caches de l'administration et ds moi si c'est bon ..

Il faudra revoir surement le chemin de l'image mais cela on le regardera après..

Swan