| Re: Gabarit de Thème Morphogenesis |
Titre du sujet : Re: Gabarit de Thème Morphogenesis
par Kris sur 02/01/2007 21:38:03
Citation :
Zorglub a écrit:
Par contre, autre demande : Dans le thème que j'utilisais précédemment, je pouvais définir des attributs suivant les colonnes : centerCcolumn, left column, etc ...
Cela me permettait notamment d'espacer les blocs dans les colonnes gauche et droite, définir une couleur différente pour le titre que pour le contenu, etc ... Où cela se trouve-t-il dans Morphogenesis ?
blocks.css : #xo-canvas-leftcolumn .xo-block, #xo-canvas-leftcolumn .xo-blocktitle, etc ...
tu peux y mettre du padding, margin, height ou min-height, etc ...
Citation :
Merci de prendre la peine de travailler avec ce gabarit de thème 
Citation :[edit]quel est l'attribut pour la couleur de fond des champs de formulaire ? Pour la connexion, j'aimerais bien que les 2 cases soient blanches. J'ai essayé de modifier tous les "transparent" de forms.css, mais sans succès ...
style.css : #xo-userbar input
Citation :[edit2]j'aimerais également rajouter sous le userbar (je l'ai montée un peu) un champ pour la recherche (exactement comme le thème de frxoops quoi). Comment est-ce possible ? Je me pose la question, parce que c'est un des éléments qui rendait mon thème précédent non validable XHTML...
un exemple en vrac à trier : HTML -->
<!-- Search Box -->
<div id="searchHeader">
<form name="search" method="get" action="<{xoAppUrl /search.php}>" title="Recherche sur le site">
<input type="text" class="searchKeywords" value="" maxlength="255" tabindex="1" />
<input type="submit" value="Recherche" class="searchBtn" tabindex="2" />
</form>
</div>
<!-- End Search Box -->
CSS --->
/*** Recherche ***/
#searchHeader{
float:right;
text-align:right;
width:50%;
height:auto;
padding:0;
padding-right:1em !important;
margin: 0px 0px 5px 0px !important;
clear:none;
}
#search{
float:right;
max-width: 75%;
height:auto;
padding:0;
padding-right:1em !important;
margin: 0px 0px 5px 0px !important;
clear:none;
}
.search form{
background:none;
}
.searchKeywords{
background:none;
color:#0066CC;
width:10em;
height:auto;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
border-right:1px solid #A9A9A9; border-left:1px solid #A9A9A9; border-top:1px solid #000;
border-bottom:1px solid #A9A9A9;
margin:0 !important;
clear:none;
}
.searchBtn{
margin:0;
background:none;
color:#0066CC;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9; border-bottom:1px solid #000;
clear:none;
}
A +
ps : pour te repérer dans les css, utilises firefox + les extensions webdevelopper et editcss
|
|
