Bonjour !

Aujourd'hui je cherche à modifier le css d'un module par une surcharge mais je n'y arrive pas !

Il s'agit du module smartpartners (pas celui qui nécessite smartobject) qui possède son propre fichier module.css dans son répertoire:

/modules/smartpartners/module.css


La surcharge des templates je connais, j'utilise, pas de problème. Mais là je voudrais ajouter une surcharge de css pour le module et ça ne marche pas ... Où faut-il placer le fichier module.css ??

J'ai essayé:

- themes/monTheme/module.css
- themes/monTheme/modules/module.css
- themes/monTheme/modules/monModule/module.css
- themes/monTheme/modules/monModule/css/module.css

Rien ne change !? Que faut-il faire ?? Merci !

Salut Lionhell,

Citation :

Merci pour la rapidité !!

Là il s'agit de surcharger la page d'index du module dont le Template est smartpartner_index.html.

La ligne que tu mentionnes (adaptée bien-sûr) doit-elle être placée dans theme.html ou dans le Template du module (pour l'instant j'ai essayé les deux rien ne change).


D'autre part j'ai remarqué que dans le module, fichier footer.php (il n'y a pas de footer.html) on trouve:



Cela peut-il contrarier ?

Héhé, j'avoue que je n'ai jamais essayé,
je pense que Kris, oui.

Moi, effectivement,
je commencerai pas mettre ce bout de code dans le theme.html.


Une question :
dans ton fichier css, en tout cas pour tes test, merci de définir de nouvelles classes, histoire de ne pas cumuler des problèmes pur css, à savoir des problèmes d'héritage, notamment.

Affiche la source et vérifie que XOOPS génère un fichier html avec ce que tu attends, à savoir l'ajout d'un fichier css.

Utilise également un autre nom (monfichiercssensurchage.css)

Je n'y arrive pas ...

Pour essayer de m'affranchir des feuilles de style j'ai essayé "pour voir" d'ajouter un style en ligne dans le Template:

<div class="smartpartner_category_block" style="border: 1px solid red !important;" >

Cela n'a aucun effet !

Montre nous ta classe smartpartner_category_block.

Pour vérifie si tes ajouts sont corrects,
pour tester, ajoute en dur dans le fichier css où on définie la classe smartpartner_category_block les éléments en rouge.

Je sais, on avance tout doucement, mais c'est toujours ma méthode, lorsque je ne maîtrise pas totalement le sujet...

Dans module.css :

.smartpartner_headertable {padding: 0; margin: 0; border-bottom: 1px solid; margin-bottom: 10px;}
.smartpartner_modulename {font-size: 10px; text-align: left; font-weight: bold; padding-right: 0.3em; line-height: 18px;}
.smartpartner_breadcrumb {font-size: 10px; line-height: 18px;}


.smartpartner_infotitle {margin-top: 8px; margin-bottom: 8px; font-size: 18px; line-height: 18px; font-weight: bold; display: block;}
.smartpartner_infotext {margin-bottom: 8px; line-height: 130%; display: block;}

.smartpartner_partnertitle {margin-left: 2px; margin-top: 2px; margin-bottom: 6px; font-size: 16px; line-height: 18px; font-weight: bold; display: block;}
.smartpartner_partnersummary {margin-left: 2px; text-align: justify;}
.smartpartner_readmore {margin-top: 2px; font-size: 10px; text-align: left; line-height: 18px;}

.smartpartner_collaps_title {margin: 6px 0 0 0;}
.smartpartner_collaps_info {margin: 3px 0 12px 0; font-size: small; display: block;}

.smartpartner_category_dsc {margin: 3px 0 10px 0; font-size: small; display: block;}
.smartpartner_adminlinks {font-size: 10px; text-align: center; line-height: 18px;}
.smartpartner_backlink {font-size: 10px; text-align: right; line-height: 12px;}

.smartpartner_leftcol{font-size:90%; padding: 10px; vertical-align: middle;}

.itemFoot {text-align: right; padding:3px; border:1px solid #808080; background-color: #fff; }

.modfooter{text-align: center; padding-top: 6px; font-size: 9px; border-top: 0px solid #ccc; }

.smartpartner_category_block {border: 1px solid red; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; margin-rop: 5px; padding-left: 3px; padding-right: 3px;}
.smartpartner_category_block_title {font-size: 18px; font-weight: bold;}
.smartpartner_category_block_dsc {}
.smartpartner_category_image {padding-right: 5px;}
.smartpartner_category_subcats {padding-top:5px;}
.smartpartner_category_viewall {padding-top: 5px; padding-bottom: 15px; text-align: right; font-weight: bold; font-size: 90%;}
.smartpartner_clearboth {clear: both;}



Dans smartpartner_index.html :


<div class="smartpartner_category_block" style="border: 1px solid #FF0000; !important;">
<{if $category.image_url}>
<a href="<{$category.link_view}>"><img class="smartpartner_category_image" src="<{$category.image_url}>" alt="<{$category.title}>" align="left"/></a>
<{/if}>
<div class="smartpartner_category_block_title">
<a href="<{$category.link_view}>"><{$category.title}></a>
</div>
<div class="smartpartner_category_block_dsc">
<{$category.description}>
</div>
<div class="smartpartner_category_subcats">
<{foreach item=subcat key=itemnum from=$category.subcats}>
<a href="<{$subcat.link_view}>"><{if $itemnum}>,<{/if}><{$subcat.title}></a>
<{/foreach}>
</div>
<div class="smartpartner_clearboth"></div>
</div>



Le style !important dans le div est celui que j'ai ajouté "pour voir" ... aucun effet !

J'ajoute que si je modifie dans module.css qui est dans le répertoire du module (pas dans le thème) cela fonctionne. c'est bien la surcharge css que je n'arrive pas à implémenter.

Résumé :

J'ai placé module.css dans themes/modules/smartpartners/

Selon toi comment appeler ce module.ccs ?
- Dans theme.html ?
- Dans style.css ? (j'ai essayé @import ... pas bon)
- Dans smartpartner_index.html ?

- Pourquoi le style inline de test, dans le div du Template, n'est-il pas pris en compte ?

Citation :
qu'il n'y ai pas de footer.html, ce n'est pas grave,

Citation :

si cela n'a aucun effet, avec !important, je te conseille d'utiliser les outils de développement de Google Chrome ou de Firefox (même IE) pour voir si ton css est bien prit en compte. Cela se peut que tu ne modifie pas le bon template (ça arrive parfois)

Nos messages se sont croisés ...