Fork me on GitHub






adeaicel
apparence différente d'un bloc
#1
Régulier
Inscrit: 25/02/2005 10:23
Messages: 400
Bonjour, J'aimerais pouvoir faire en sorte que le bloc Tiny event annonçant les événements à venir, (je l'ai mis dans la colonne de gauche), puisse avoir une couleur de fond et une couleur de texte différentes du site. Y a t'il un moyen?
Merci

Posté le : 30/11/2005 12:59
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Christian
Re: apparence différente d'un bloc
#2
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
Regarde la réponse d'Alain01 dans cette conversation au 25/08.

Il te faudra adapter ce qui est affiché pour utiliser une autre class pour ton bloc par exemple.

Posté le : 30/11/2005 16:44

Vous connaissez la recherche
Solutions professionnelles Xoops
Partager Twitter Partagez cette article sur GG+
Rapport Haut
adeaicel
Re: apparence différente d'un bloc
#3
Régulier
Inscrit: 25/02/2005 10:23
Messages: 400
Merci mais je n'y arrive pas. voila: Dans mon theme j'ai Citation :
<{foreach item=block from=$xoops_ccblocks}>
<div style="padding: 5px;">
<fieldset>
<legend class="blockTitle"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/Roue2.gif" width="25" height="25" align="absmiddle"/><{$block.title}></legend>
<div class="blockContent"><{$block.content}></div>
</fieldset>
</div>
<{/foreach}>
et j'y ai rajouté
Citation :
<{foreach item=block from=$xoops_lblocks}>
<div class="blockTitle"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/Roue2.gif" width="17" height="17" align="absmiddle" /><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
<{if $block.title =="Prochain événement"}>
<{else}>
<div class="blocktiny"><{$block.content}></div>
<{/if}>
<{/foreach}>

Dans ma feuille de style j'ai rajouté :

Citation :
td#centerLcolumn div.blocktiny {color: #000000; background-color: #FF6600;}
le seul effet à été de multiplier tous mes blocs de gauche...

Posté le : 30/11/2005 23:39
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Christian
Re: apparence différente d'un bloc
#4
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
Citation :
le seul effet à été de multiplier tous mes blocs de gauche...
oui c'est logique

Soit attentif à ne pas mélanger les blocs de gauche ($xoops_lblocks] avec les blocs centrés ($xoops_ccblocks).


L'esprit est plutôt celui-ci, si c'est pour un bloc situé à gauche
<{foreach item=block from=$xoops_lblocks}>
<{if $block.title =="Prochain événement"}>
<div class="blockTitle"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/Roue2.gif" width="17" height="17" align="absmiddle" /><{$block.title}></div>
<div class="blocktiny"><{$block.content}></div>
<{else}>
<div class="blockTitle"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/Roue2.gif" width="17" height="17" align="absmiddle" /><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
<{/if}>
<{/foreach}>


Si tu utilises une présentation particulière pour le titre de tes blocs de gauche au niveau du titre, ce serait plus élégant de créer une classe de style à cet effet

.blgauchetitle {
background-images: url(images/Roue2.Gif);
width: 17px;
height: 17px;
}

et de l'appeler ainsi dans le thème
<div class="blgauchetitle"><{$block.title}></div>

Posté le : 01/12/2005 01:06

Vous connaissez la recherche
Solutions professionnelles Xoops
Partager Twitter Partagez cette article sur GG+
Rapport Haut
adeaicel
Re: apparence différente d'un bloc
#5
Régulier
Inscrit: 25/02/2005 10:23
Messages: 400
Merci pour tes réponses
Pour ce qui est de ma feuille de style et contrairement à ce que j'avais écrit j'i bien Citation :
td#leftcolumn div.blocktiny {color: #000000; background-color: #FF6600;}
et j'ai dans mon theme
Citation :
<{foreach item=block from=$xoops_lblocks}>
<{if $block.title =="Prochain événement"}>
<div class="blockTitle"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/Roue2.gif" width="17" height="17" align="absmiddle" /><{$block.title}></div>
<div class="blocktiny"><{$block.content}></div>
<{else}>
<div class="blockTitle"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/images/Roue2.gif" width="17" height="17" align="absmiddle" /><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>
<{/if}>
<{/foreach}>

et bien ... rien aucun effet!
Il doit y avoir autre chose?

Posté le : 01/12/2005 07:02
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Christian
Re: apparence différente d'un bloc
#6
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
installes ce thème, active l'affichage du bloc "qui est en ligne", et tu verras que ce bloc a un fond noir avec une écriture blanche, alors que les couleurs des autres blocs est différente.

utilise le mode de debug templates smarty pour voir comment sont orthographiés les caractères accentués, car "Prochain événement" est différent de "Prochain événement"

Attacher un fichier:

zip default_bloc_special.zip Taille: 7.10 KB; Hits: 97

Posté le : 01/12/2005 13:20

Vous connaissez la recherche
Solutions professionnelles Xoops
Partager Twitter Partagez cette article sur GG+
Rapport Haut
adeaicel
Re: apparence différente d'un bloc
#7
Régulier
Inscrit: 25/02/2005 10:23
Messages: 400
Merci
J'ai réussi apres plusieurs essais à ce que l'apparence du bloc soit différent. En fait le plus gros souci, c'est qu'apparemment les accents sont mal supportés dans ce cas.
Il me reste un souci, la couleur de la typo.
Ce bloc de Tiny event n'affiche que du texte avec le balise li et les balises a:link et a:over. J'aurais bien aimé changer leur couleur dans ce bloc.

Posté le : 02/12/2005 10:54
Partager Twitter Partagez cette article sur GG+
Rapport Haut
adeaicel
Re: apparence différente d'un bloc
#8
Régulier
Inscrit: 25/02/2005 10:23
Messages: 400
bon j'ai trouvé. Il suffisait de mettre dasn ma feuille de style une ligne supplémentaire "blocktiny a".

Posté le : 02/12/2005 11:28
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



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

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