Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Pages : 1
Bonjour tout le monde et bonne année,
J'essaye de faire mon thème en partant d'un aerokit3F et j'ai un peux de mal pour modifier le bloc de recherche.
Je m'explique :
J'ai modifié mon css pour afficher ce que j'avais besoin comme il faut ( a priori ) mais ça fout un bordel monstre.
Le bloc de recherche s'affiche comme il faut dans le top mais je le voudrais dans la sidebar de gauche et la ça part en vrille
Voila à quoi ça ressemble :
[img]http://img14.imagevenue.com/loc858/th_01987_a_122_858lo.JPG[/img]
celle du top est nickel mais dans le sidebar c'est tout pourrie
j'ai compris que c'est en rajoutant :
<div id="search">
<form action="<?php dcInfo('search'); ?>" method="get">
<p><input name="q" id="q" type="text" value="Recherche" onfocus="javascript:this.value=''" size="10" accesskey="4" />
<input type="submit" class="submit" value="" /></p>
</form>
</div>
dans le top que ça faisait la mise en page mais comment faire la même chose dans la sidebar ?
Tout ca sur un dotclear de test ici : http://s255567759.onlinehome.fr/test/
Merci d'avance.
Hors ligne
Si j'ai bien compris tu devrais avoir deux fois le bloc de recherche dans ta page : dans le top et dans le sidebar
Mais tu dois avoir conservé pour les deux le même identifiant : id=#search, ce qui n'est pas permis
Soit tu donnes à chacun d'eux un nom différent pour les styler différemment : id=#search-top, id=#search-sidebar
Soit tu supprimes l'identifiant et tu donnes à tous deux la même classe pour les styler pareillement : class="search"
Dans ta feuille de style tu auras donc :
dans le premier cas pour styles les input [# marque l'id] : #search-top input {}, #search-sidebar input {}
dans le deuxième cas pour styler les input [. marque la classe] : .search input {}
Bon travail
Hors ligne
Au lieu id=#search, id=#search-top, id=#search-sidebar dans mon précédent message lire :
id="search", id="search-top", id="search-sidebar"
qui correspondent dans la feuille de style à :
#search, #search-top, #search-sidebar
Mais nos honorés lecteurs auront corrigé d'euxc-mêmes
Hors ligne
Merci pour la reponse c'est presque ca le champagne n'aidant pas mon explication etait pas claire.
Je reprend je voudrais avoir un seul bloque de recherche mais dans la sidebar ( pas le droit de dire facile ! ).
J'ai bien dans ma feuille de style mes 3 classes avec leurs images mais c'est pour les superposer les une sur les autres que ca marche pas.
Pour le faire j'ai modifié le tpl _home comme ca au lieu du _top:
<div id="sidebar">
<div id="blognav">
<div id="search">
<form action="<?php dcInfo('search'); ?>" method="get">
<p><input name="q" id="q" type="text" value="Recherche" onfocus="javascript:this.value=''" size="10" accesskey="4" />
<input type="submit" class="submit" value="" /></p>
</form>
</div>
{{tpl:Widgets type="nav"}}
</div> <!-- End #blognav -->
sauf que du coup ça me l'affiche en double ( en haut de la sidebar comme il faut et juste en dessous en vrac les uns sous les autres ).
J'ai essayé de le masquer en rajoutant
#blognav div#search{
display: none;
}
Mais du coup ca masque tout.
Dans ma feuille de style j'ai ca :
#search{
background: url(images/search-bg.png) no-repeat;
padding: 0px;
height: 50px;
width: 210px;
}
#search input{
height: 17px;
width: 143px;
margin: 6px 0px 0px 10px;
color: #999999;
border: none;
}
#search .submit{
background: url(images/search-btn.png) no-repeat left top;
height: 24px;
width: 24px;
border: none;
text-indent: -999%;
line-height: 1px;
margin-top: 6px;
}
#q{
background: #fff 4px center;
}
visible la : http://s255567759.onlinehome.fr/test/ en gros le "RECHERCHE en bleu + son image et le input en dessous je voudrais les faire disparaitre.
Merci encore.
Hors ligne
Pages : 1
Vous n'êtes pas identifié(e).