Fork me on GitHub

Rapport de message :*
 

Re: Surcharge CSS: comment faire ?

Titre du sujet : Re: Surcharge CSS: comment faire ?
par lionhell sur 18/06/2014 11:12:12

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 !
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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