| Re: Comment mettre 3 informations dans chaque colonne distincte - WFDownloads |
Titre du sujet : Re: Comment mettre 3 informations dans chaque colonne distincte - WFDownloads
par nendo sur 30/09/2014 21:19:23
Bonsoir Montuy
Ci-dessous le code que j'ai dans le bloc. (Par contre il peut y avoir des trucs pas très clair car je ne suis pas vraiment fort dans ce domaine  )
<!--<div class="downloads-block">-->
<div class="wfbrcolonne">
<{foreach item=download from=$block.downloads}>
<div>
<div class=".wfbritemHead">
<span class="wfbritemTitle">
<a title="<{$download.title}>" href="<{$xoops_url}>/modules/<{$download.dirname}>/singlefile.php?cid=<{$download.cid}>&lid=<{$download.id}>" rel="directory" ><{$download.title}></a>
</span>
</div>
<{if $download.publisher != ''}>
<div class="wfbritemInfo">
<!-- <span class="wfbritemPoster"><{$smarty.const._MB_WFD_SUBMITTER}> : <{$download.submitter_uname}></span> -->
<!-- <span class="wfbritemLicense"><{$smarty.const._MB_WFD_DOWNLICENSE}> : <{$download.license_desc}></span> | -->
<span class="wfbritemPostDate"><{$smarty.const._MB_WFD_SUBMITDATE}> : <{$download.date}></span> |
<!-- <span class=".wfbritemRating"><{$smarty.const._MB_WFD_RATINGC}>(<{$download.votes}>)</span> | -->
<span class="wfbritemHits"><{$smarty.const._MB_WFD_DOWNLOADHITS}> : <{$download.hits}> fois</span>
</div>
<{/if}>
<{if $show_screenshot == true || $download.description}>
<div class="wfbritemBody">
<div class="wfbritemText">
<{if $download.screenshot}>
<img class="wfbrimageshot" width="<{$shotwidth}>" height="<{$shotheight}>" src="<{$xoops_url}>/modules/<{$download.dirname}>/images/screenshots/<{$download.screenshot}>" />
<{/if}>
<{if $download.description != ""}>
<{$download.summary}>
<{/if}>
</div>
<div class="endline"></div>
</div>
<{/if}>
</div>
<{/foreach}>
</div>
et ensuite le code CSS en rapport
.wfbritemInfo { padding: 1px; color: #333; background-color: inherit; text-align: right; font-size: .8em; font-style: italic; }
.wfbritemPoster { font-size: 100%; font-style: italic; color: #8E8E8E; }
.wfbritemLicense { font-size: 100%; font-style: italic; color: #8E8E8E; }
.wfbritemPostDate { font-size: 100%; font-style: italic; color: #8E8E8E; }
.wfbritemRating { font-size: 100%; font-style: italic; color: #8E8E8E; }
.wfbritemHits { font-size: 100%; font-style: italic; color: #8E8E8E; }
.wfbritemHead { padding: 2px 2px 2px 15px; border-bottom: 1px solid #C6C6C6; color: #242424; background: #DFDFDF; font-weight: bold;}
.wfbritemTitle a { font-size: 100%; font-weight: bold; font-variant: small-caps; }
.wfbritemTitle a:hover { color: #fb8a04; }
.wfbritemBody { padding-left: 5px; }
.wfbrimageshot { max-height:100px; max-width:100px; }
.wfbritemText { margin-top: 1px; margin-bottom: 30px; color: #666; background-color: inherit; text-align: justify; }
.endline { clear: both; width: 100%;break-after:right; }
.wfbrcolonne {-moz-column-count:3;
-webkit-column-count:3;
-o-column-count:3;
column-count:3;
-moz-column-gap:20px;
-webkit-column-gap:20px;
-o-column-gap:20px;
column-gap:20px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#cbcefb;
-webkit-column-rule-style:dotted;
-moz-column-rule-width:1px;
-moz-column-rule-color:#cbcefb;
-moz-column-rule-style:dotted;
-o-column-rule-width:1px;
-o-column-rule-color:#cbcefb;
-o-column-rule-style:dotted;
column-rule-width:1px;
column-rule-color:#cbcefb;
column-rule-style:dotted;}
.wfbrcolonne1{-moz-column-count:1;
-webkit-column-count:1;
-o-column-count:1;
column-count:1;
display: block;}
Merci d'avance pour ton aide 
|
|
