Fork me on GitHub

Rapport de message :*
 

Re: Thème xBootstrap

Titre du sujet : Re: Thème xBootstrap
par golgoth21 sur 02/02/2016 15:27:40

Merci Alain, fait j'ai trouvé en relisant le code que je vous avais soumis.

J'ai fait ça :

Pour le block

<{if $xoBlocks.canvas_left}>
<div class="col-sm-3 col-md-3 xoops-side-blocks">
    <{foreach item=block from=$xoBlocks.canvas_left}>
        <aside>
            <{if $block.title}><h4 class="block-title"><{$block.title}></h4><{/if}>
            <{$block.content}>
        </aside>
    <{/foreach}>
</div>
<{/if}>


Et effectivement j'ai tout fait en CSS :

.xoops-side-blocks > aside{background:#EAEAEA; margin-bottom:20px; padding:3px 0px 10px; border-radius:5px; box-shadow:1px 2px 3px rgba(0,0,0,0.5);}
.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6{font-size:1.2em;}
.xoops-side-blocks > aside > h4.block-title{line-height:inherit;
    border-radius:3px;
    margin:                 0.5em;
    background:url(images/img-bloc-title.png) center bottom repeat-x;
    padding:                0.25em;
    color:                  #fff;
    font-family:            "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size:              1.2em;
    font-weight:            bold;
    border-bottom:          1px solid #ccc;
}


quelques ajustement esthétique sà faire mais j'ai ma solution.

Open in new window
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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