Sélecteur de thème

pepite · décembre 2009

Bonjour,

Je viens de re-découvrir Pluxml et vraiment je vous tire mon chapeau : Superbe travail, et je crois bien que cette fois je vais m'y atteler ferme :-)

Le sélecteur de thème s'est bien installé et fonctionne, mais j'ai un petit souci, je l'ai mis en bas de la sidebar, comment faire pour que "Changer de thème" s'affiche comme les autres titres de la sidebar et non pas comme le titre des articles dans le thème Librio ?

J'ai essayé de trouver quelque chose dans le CSS pour faire la modif mais je ne suis pas parvenue à réduire la taille de la police et à la faire s'afficher comme le reste des titres de la sidebar. Vous pouvez m'aider ?

Je mets le lien, ce sera peut-être plus pratique pour vous :

http://www.aubade-photos.com/blog5/pluxml/

gcyrillus-nomade · décembre 2009

bonjour,

En regardant ton code source on s'aperçoit que ton inclusion est mal faites .

<div class="block">
<h3><div id="skinswitcher"><h2>Changer de thème</h2><form action="./" method="get"><select id="id_style" name="style" class="">
<option value="theme-librio" selected="selected">theme-librio</option>
<option value="mobile.defaut">mobile.defaut</option>
<option value="defaut">defaut</option>
</select>

<input type="submit" value="ok"/ ></form></div></h3>
</div>

j'imagine que ton template ressemble a ça :

<div class="block">
	<h3><?php selectSkin(); ?></h3>
	</div>

ceci se devrait d'etre plus simple:

<?php selectSkin(); ?>

Ce qui va tegenere une boite a la structure html valide :

<div id="skinswitcher"><h2>Changer de thème</h2><form action="./" method="get"><select id="id_style" name="style" class="">
    <option value="theme-librio" selected="selected">theme-librio</option>
    <option value="mobile.defaut">mobile.defaut</option>
    <option value="defaut">defaut</option>
</select>

<input type="submit" value="ok"/ ></form></div>

Puis en mettant ta feuille de style a jour pour ce nouveau block :

/* Sidebar
*/
#sidebar {
width: 200px;
float: left;
font-size: 11px;
color: #555;
margin-bottom: 15px;
}
#sidebar h3 , #sidebar h2 {
font: bold 12px Verdana;
color: #333;
}

#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { color: #777; }

#sidebar .block , #skinswitcher {
padding: 15px;
overflow: hidden;
background: url(images/sidebar-block-bg.gif) no-repeat bottom center;
}
#sidebar .block ul li {
padding-left: 18px;
background: url(images/arrow.gif) no-repeat 0px 3px;
}

Tu obtiens la mise en forme attendue.

(remarque a part sur pluxml en general : les templates inclus directement dans les fonctions rendent vraiment trop rigides les possibilité de balisage

)
GC

pepite · décembre 2009

Génial !
Merciiiii.

Sélecteur de thème

Réponses