Fork me on GitHub




(1) 2 »


image en bas de chaque block
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
bon tous et dans le titre

je dois ajouter une image en dessous de chaque bloc de la colone droite et gauche et j'utilise le gabari morphogenesis 2.0 je voudrai savoir pour rajouter cette image

Posté le : 12/08/2007 11:34
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
Si l'image est toujours la même il faut modifier (ou créer) une class de style qui servira à afficher cette image uniquement dans les blocs(en français on ne met pas de k à bloc) de droite.

Posté le : 12/08/2007 14:44
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque bloc
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
alors pour la colone de droite l'image et différente de la colone de gauche mais pour chaque BLOCS de la colone de gauche sa sera la méme image et pour tous les BLOCS de la colone de droite c'est la méme image aussi.

voici mon théme.html

</head>
<
body id="<{$xoops_dirname}>" class="<{$xoops_langcode}>">
<{if 
$xoBlocks.canvas_left and $xoBlocks.canvas_right}><{assign var=columns_layout value='threecolumns-layout'}>
<{elseif 
$xoBlocks.canvas_left}><{assign var=columns_layout value='leftcolumn-layout'}>
<{elseif 
$xoBlocks.canvas_right}><{assign var=columns_layout value='rightcolumn-layout'}>
<{/if}>
<
div id="xo-wrapper" class="<{$xoops_dirname}>">
<
div id="xo-bgstatic" class="<{$xoops_dirname}>"></div>
<
div id="xo-canvas"<{if $columns_layout}> class="<{$columns_layout}>"<{/if}>>
<
div id="xo-header" class="<{$xoops_dirname}>">
<
div id="xo-top">
<!-- include 
du bloc Langues dans le header -->
<{
includeq file="$theme_name/language.html"}>
<!-- include 
du bloc Recherche dans le header -->
<{
includeq file="$theme_name/searchbar.html"}>
<!-- include 
du bloc Accessibilité dans le header -->
<{
includeq file="$theme_name/accessibilitybar.html"}>
<!-- include 
du bloc Utilisateur dans le header -->
<{
includeq file="$theme_name/userbar.html"}>
</
div>
    <!-- 
début de la boucle des bannières -->
<{if 
$xoops_banner and $xoops_banner != '&nbsp;'}>
    <
div id="xo-backhead"><div id="xo-banner" class="commercial"><!-- avec affichage activée de la bannière -->
        <
a id="xo-main-logo" class="commercial" href="<{xoAppUrl /}>" title=""></a>
        <
a id="xo-site-title"  class="commercial" href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"></a>
        <
div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div>
    </
div></div>
<{else}>

    <
div id="xo-banner" class="<{$xoops_dirname}>"><!-- avec affichage de la bannière désactivé -->
    </
div>
<{/if}>
<!-- 
menu horizontal du header -->
        <{
includeq file="$theme_name/globalnav.html"}>
<!-- 
fin du menu horizontal du header -->
</
div>
<!-- 
Ne pas modifier la partie ci-dessousc'est supposé être l'architecture standard que chacun doit utiliser -->            
    <
div id="xo-canvas-content">
        <{if 
$xoBlocks.canvas_top}>
        <{
includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_top
            zoneClass
='' zoneId='xo-canvas-header'
        
}>
        <{/if}>
        <
table id="xo-canvas-columns" cellspacing="0">
        <
tr>
            <{if 
$xoBlocks.canvas_left}>
            <{
includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_left
                zoneClass
='xo-canvas-column' zoneId='xo-canvas-leftcolumn' zoneTag='td'
            
}>
            <{/if}>
            <
td id="xo-page">
                <{if 
$xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
                <
div class="xo-blockszone-xo-<{$theme_top_order}>pageblocks" id="xo-page-topblocks">
                    <{
includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:0:1}>
                    <{
includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:1:1}>
                    <{
includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:2:1}>
                </
div>
                <{/if}>
                <{if 
$xoops_contents}><div id="xo-content"><{$xoops_contents}></div><{/if}>
                <{if 
$xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
                <
div class="xo-blockszone-xo-<{$theme_bottom_order}>pageblocks" id="xo-page-bottomblocks">
                    <{
includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:0:1}>
                    <{
includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:1:1}>
                    <{
includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:2:1}>
                </
div>
                <{/if}>
            </
td>
            <{if 
$xoBlocks.canvas_right}>
            <{
includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_right
                zoneClass
='xo-canvas-column' zoneId='xo-canvas-rightcolumn' zoneTag='td'
            
}>
            <{/if}>
        </
tr>
        </
table>
        <{if 
$xoBlocks.canvas_bottom}>
        <{
includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_bottom
            zoneClass
='' zoneId='xo-canvas-footer'
        
}>
        <{/if}>
        <
div id="xo-uptop">| <a href="#" title="<{$smarty.const.THEME_UPTOP}>"><{$smarty.const.THEME_UPTOP}></a> |</div>
    </
div>

    <
div id="xo-footer">
       <!-- 
link for valid w3c -->
        <
div class="validw3c"><a href="http://validator.w3.org/" title="<{$smarty.const.THEME_VALIDXHTML}>"><img src="<{xoImgUrl img/w3c-xhtml.gif}>" alt="<{$smarty.const.THEME_VALIDXHTML}>" /></a><br /><a href="http://jigsaw.w3.org/css-validator/check/referer" title="<{$smarty.const.THEME_VALIDCSS}>"><img src="<{xoImgUrl img/w3c-css.gif}>" alt="<{$smarty.const.THEME_VALIDCSS}>" /></a></div>
        <!-- 
end valid w3c link -->
       <!-- 
link for rss -->
        <
div class="rss"><a href="<{xoAppUrl backend.php}>" title="<{$smarty.const.THEME_RSS}>"><img src="<{xoImgUrl icons/action/feed.png}>" alt="<{$smarty.const.THEME_RSS}>" /></a></div>
        <!-- 
end rss link -->

       <!-- 
infos sur le designer -->
        <
div class="design"></div>
    <!-- 
fin des infos designer -->
    <!-- 
infos 'pied de page' défini dans les préférences du site -->
        <
div class="copyright"><{$xoops_footer}></div>
    <!-- 
fin des infos 'pied de page'  défini dans les préférences du site -->
</
div>
</
div>
    <!--{
xo-logger-output}-->
</
div>
</
body>
</
html>




dans blocks.css du gabari j'ai ajouté ceci

.leftcolumn td#blockFoot
{background-imageurl(img/page_flip_l.gif);


mais sa ne fonctionne pas

Posté le : 12/08/2007 15:11
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque bloc
Team FrXoops
Inscrit: 01/11/2004 13:00
Messages: 1823
si tu veux rajouter une image à la fin de chaque bloc (dedans et pas dessous) tu dois, je pense, modifier le fichier html block-zone et vérifier tes conditions selon gauche ou droite

Posté le : 12/08/2007 22:18
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
bonjour,

en regardant centerblocks.html avec mes petites lunettes, je vois :
<div class="blockbg <{$block.module}>">

Ah me dis-je, peut-être une solution !!
Si je faisais ceci dans blockszone.html, en plus avec $block.module, je pourrai même personnaliser mon background (bg) en fonction du module du bloc.

@++

Posté le : 12/08/2007 23:02

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
bon désoler encore de vous embeter je suis pas le pro que vous pensiez j'ai fait sa dans blockszone.hmtl

<{if $blocks}>
    <<{
$zoneTag}> class="xo-blockszone x2-secondary<{if $zoneClass}> <{$zoneClass}><{/if}>"<{if $zoneId}> id="<{$zoneId}>"<{/if}>>
    <{foreach 
from=$blocks item=block}>
    <
div class="xo-block <{$block.module}>">
        <{if 
$block.title}><div class="xo-blocktitle"><{$block.title}></div><{/if}>
        <
div class="xo-blockcontent"><{$block.content}></div>
        <
div class="xo-blockfoot"><{$block.foot}></div>
    </
div>
    <{/foreach}>
    </<{
$zoneTag}>>
<{/if}>


et ajouter dans mon blocks.css ceci

#xo-canvas-leftcolumn .xo-blockFoot{
    
background-imageurl(img/page_flip_l.gif);
    }


mais toujours rien snifff

Posté le : 12/08/2007 23:22
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
<{if $blocks}>
    <<{
$zoneTag}> class="xo-blockszone <{if $zoneClass}> <{$zoneClass}><{/if}>"<{if $zoneId}> id="<{$zoneId}>"<{/if}>>
    <{foreach 
from=$blocks item=block}>
    <
div class="blockbg <{$block.module}>">
        <
div class="xo-block <{$block.module}>">
            <{if 
$block.title}><div class="xo-blocktitle"><{$block.title}></div><{/if}>
            <
div class="xo-blockcontent"><{$block.content}></div>
        </
div>
    </
div>
    <{/foreach}>
    </<{
$zoneTag}>>
<{/if}>


dans ton css :
#xo-canvas-leftcolumn .blockbg {background : #tacouleur tonimage no-repeat bottom left;}

vides templates_c et le cache de ton navigateur et actualises ta page

@+

Posté le : 13/08/2007 01:18

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
bon j'ai bien modifier ce que tu ma donner pour le blockszone.html

<{if $blocks}>
    <<{
$zoneTag}> class="xo-blockszone <{if $zoneClass}> <{$zoneClass}><{/if}>"<{if $zoneId}> id="<{$zoneId}>"<{/if}>>
    <{foreach 
from=$blocks item=block}>
    <
div class="blockbg <{$block.module}>">
        <
div class="xo-block <{$block.module}>">
            <{if 
$block.title}><div class="xo-blocktitle"><{$block.title}></div><{/if}>
            <
div class="xo-blockcontent"><{$block.content}></div>
        </
div>
    </
div>
    <{/foreach}>
    </<{
$zoneTag}>>
<{/if}>


et mi la ligne css dans mon blocks.css

#xo-canvas-leftcolumn .blockbg {
    
background#fff url(img/page_flip_l.gif) no-repeat bottom left;
}


j'ai vider mon template_c vider le cache de mon navigateur et réactualiser ma page mais rien n'y fait l'image en dessous du bloc de la colone gauche n'apparer pas

Posté le : 13/08/2007 11:15
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
bon j'ai passer casi toute l'aprés midi dessus a changer et refaire et inventé des chose que je ne connai pas mais la je planche dessus mais rien n'y fait je n'y arrive pas

Posté le : 13/08/2007 20:56
Partager Twitter Partagez cette article sur GG+
Re: image en bas de chaque block
Team FrXoops
Inscrit: 01/11/2004 13:00
Messages: 1823

Posté le : 13/08/2007 22:24
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

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