Fork me on GitHub




« 1 (2)


Re: Thème xBootstrap
Régulier
Inscrit: 20/11/2005 11:48
Messages: 215
Ok.... j'ai compris mon erreur. Un petit passage par style.css et zouuuuu!

Posté le : 01/02/2016 17:06
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Régulier
Inscrit: 20/11/2005 11:48
Messages: 215
Bon... la solution que j'ai trouvé est partielle.

Comment gérer la balise Aside pour mettre un padding au dessus.

<{if $xoBlocks.canvas_left}> 
<
div class="col-sm-3 col-md-3 xoops-side-blocks"
    <{foreach 
item=block from=$xoBlocks.canvas_left}> 
        <---- 
ICI si je mets un BR ça fonctionne mais c est trop épais----/> 
        <
aside
            <{if 
$block.title}><h4 class="block-title "><{$block.title}></h4><{/if}> 
            <{
$block.content}> 
        </
aside
    <{/foreach}> 
</
div
<{/if}>

Posté le : 02/02/2016 09:38
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Css :
.audessusdeside {
    
padding-top5px;
}

theme.html :
<class="audessusdeside"></p
        <
aside>  
            <{if 
$block.title}><h4 class="block-title "><{$block.title}></h4><{/if}>  
            <{
$block.content}>  
        </
aside>


Attention,
c'est juste une idée, je suis une vrai bille en css.

Le </p>, peut-être faut-il le mettre après le </aside> ?. A voir.

Posté le : 02/02/2016 10:10

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Régulier
Inscrit: 20/11/2005 11:48
Messages: 215
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 h1div.xoops-side-blocks aside h2div.xoops-side-blocks aside h3div.xoops-side-blocks aside h4div.xoops-side-blocks aside h5div.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.pngcenter bottom repeat-x;
    
padding:                0.25em;
    
color:                  #fff;
    
font-family:            "Lucida Grande""Trebuchet MS"Verdanasans-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

Posté le : 02/02/2016 15:27
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
« 1 (2)



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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