Bonjour
Je viens de personnaliser des blocs en suivant
cette méthode.Dans mon thème, à la place du titre j'ai placé les images.J'ai donc placé dans le style.css la valeur
color:transparent Pour rendre la couleur de la police transparente.
Sous les navigateurs firefox, Safari, opéra, chrome, la valeur est bien prise en compte. Le problème c'est que sous Internet Explorer, la couleur du texte( titre) reste en noir et blanc!!!!
Le thème est basé sur le gabarit zetagenesis. Les deux blocs cités sont des blocs centraux donc dont voici ce que j'ai placé dans le fichier centerblocks.html
<{*
<{if $xoBlocks[$zone]}>
<div class="xo-blockszone x2-secondary" id="xo-page-<{$topbottom}><{$lcr}>blocks">
<{foreach from=$xoBlocks[$zone] item=block}>
<div class="blockbg">
<div id="xo-block-<{$block.module}>-<{$block.id}>" 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}>
</div>
<{/if}>
*}>
<{if $xoBlocks[$zone]}>
<div class="xo-blockszone x2-secondary" id="xo-page-<{$topbottom}><{$lcr}>blocks">
<{foreach from=$xoBlocks[$zone] item=block}>
<div id="xo-block-<{$block.module}>-<{$block.id}>" class="xo-block <{$block.module}>">
<{if $block.title}><div class="xo-blocktitle"><{$block.title}></div><{/if}>
<div class="xo-blockcontent"><{$block.content}></div>
</div>
<{/foreach}>
</div>
<{/if}>
voici également ce que j'ai placé dans le style.css
#xo-block-news-51 .xo-blocktitle{
border:0px solid #CCCCCC;
background: url(../img/titre-news.png) left no-repeat;
height: 65px;
width: 465px;
color: transparent;
}
#xo-block-news-51 .xo-blockcontent{
border:4px solid #CCCCCC;
margin-top: -13px;
width: 444px;
margin-left: 8px;
}
#xo-block--59 .xo-blocktitle{
border:0px solid #CCCCCC;
background: url(../img/titre-video.png) left no-repeat;
height: 65px;
width: 465px;
color: transparent; }
#xo-block--59 .xo-blockcontent{
border:4px solid #CCCCCC;
margin-top: -13px;
width: 444px;
margin-left: 8px;
}
Avez-vous une idée pourquoi ça ne fonctionne pas avec Internet Explorer?
![Open in new window](javascript:CaricaFoto("http://img810.imageshack.us/img810/3163/bloc.png");)
cependant, je ne comprends pas pourquoi on ne peut pas attribuer la fonction visibility: hidden; et donc ainsi mettre l'image dans le css de #xo-block-news-51 .xo-blocktitle?
