Déplacement de la searchbox

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
Rappel: Conditions générales d'utilisation de phpBB-fr.com - Conditions générales de support graphique de phpBB-fr.com

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible !

[Réglé]Déplacement de la searchbox

Messagepar nicolasm202 » 03 Avr 2008 à 11:53

Bonjour
voila je voudrais si cela est possible delplacé la search box car a coté de la banniére quand on a un ecran a faible resolution la searchbox passe sur la banniére
donc je voudrais la deplacé comme ceci entre les 2
http://img167.imageshack.us/img167/7715 ... er2wv7.jpg
ou alors comme ici
http://revo.hostarea.org/index.php

ou alors si vous penser a un endroit plus approprier car je ni connait pas grand chose
http://www.gsm-generation.com/
cordialement
Dernière édition par nicolasm202 le 15 Avr 2008 à 17:30, édité 1 fois.
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar Jester » 03 Avr 2008 à 17:35

Bonsoir,

tu as plusieurs solution, la plus facile serait de limiter la réduction de la taille du forum, en changeant la valeur de min-width dans la classe wrap dans le fichier common.css

sinon tu déplaces le code qui se trouve dans le fichier overall_header.html :

Code: Tout sélectionner
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->


et tu le places où bon te semble dans le fichier...
"Quand le Troll parle, l'homme avisé l'écoute."
Règlement des Sections Graphiques - Forum de Documentation phpBB3
Une modification sur votre Style ? Panneau d'admin -> Onglet Styles, puis theme (pour les css), template (pour les fichiers HTML), ou Pack d'images (pour les images), puis Rafraîchir, pour que les modifs soient prises en compte. Eventuellement un petit F5 sur votre navigateur.
[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 22266
Inscription: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 03 Avr 2008 à 17:40

Merci jester

et pour la placer entre les 2 comme sur l'image il faut que je le mette ou le code exactement
http://img167.imageshack.us/img167/7715 ... er2wv7.jpg
car je ni connait rien

cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar Jester » 03 Avr 2008 à 18:17

index_body.html, juste après ça :

Code: Tout sélectionner
<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->
"Quand le Troll parle, l'homme avisé l'écoute."
Règlement des Sections Graphiques - Forum de Documentation phpBB3
Une modification sur votre Style ? Panneau d'admin -> Onglet Styles, puis theme (pour les css), template (pour les fichiers HTML), ou Pack d'images (pour les images), puis Rafraîchir, pour que les modifs soient prises en compte. Eventuellement un petit F5 sur votre navigateur.
[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 22266
Inscription: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 03 Avr 2008 à 18:27

merci jester
mais voila ce que ça donne
http://img120.imageshack.us/img120/36/c ... 003zs0.jpg

cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar Jester » 03 Avr 2008 à 19:02

Logique, faut remettre des margins et des paddings adéquat (tu les as enlevé je te rappelle). common.css, classe search box ;)
"Quand le Troll parle, l'homme avisé l'écoute."
Règlement des Sections Graphiques - Forum de Documentation phpBB3
Une modification sur votre Style ? Panneau d'admin -> Onglet Styles, puis theme (pour les css), template (pour les fichiers HTML), ou Pack d'images (pour les images), puis Rafraîchir, pour que les modifs soient prises en compte. Eventuellement un petit F5 sur votre navigateur.
[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 22266
Inscription: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 03 Avr 2008 à 19:06

voila je les ai remis
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */


bon ça vas deja mieux mais et il possible de la mettre centrer entre les 2 car ça décale la ligne du dessus et du dessous
et aussi comment changer la couleur de recherche avancée car blanc sur blanc c'est pas top :lol:
cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 04 Avr 2008 à 19:11

Bonjour
toujours pas une petite idée pour réglé ce problème

cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 05 Avr 2008 à 19:48

Bonjour
toujours pas de solution

cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 07 Avr 2008 à 11:42

Bonjour
personne na une solution pour centrer la search box entre les 2 lignes

cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar Jester » 07 Avr 2008 à 14:30

Entre quelle et quelle ligne ?
"Quand le Troll parle, l'homme avisé l'écoute."
Règlement des Sections Graphiques - Forum de Documentation phpBB3
Une modification sur votre Style ? Panneau d'admin -> Onglet Styles, puis theme (pour les css), template (pour les fichiers HTML), ou Pack d'images (pour les images), puis Rafraîchir, pour que les modifs soient prises en compte. Eventuellement un petit F5 sur votre navigateur.
[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 22266
Inscription: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 07 Avr 2008 à 16:31

voila entre ces 2 lignes
http://img381.imageshack.us/img381/2868 ... er6tk9.jpg

on voit que ça les décales a gauche
http://www.gsm-generation.com/

cordialement
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar Jester » 07 Avr 2008 à 18:54

Hum. J'ai pas testé en local, mais rajoute un <p> avant de code de la search box et un </p> juste après...
"Quand le Troll parle, l'homme avisé l'écoute."
Règlement des Sections Graphiques - Forum de Documentation phpBB3
Une modification sur votre Style ? Panneau d'admin -> Onglet Styles, puis theme (pour les css), template (pour les fichiers HTML), ou Pack d'images (pour les images), puis Rafraîchir, pour que les modifs soient prises en compte. Eventuellement un petit F5 sur votre navigateur.
[!] Si vous considérez votre problème comme réglé, merci d'éditer le premier message de ce sujet et d'ajouter l'icône de sujet
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 22266
Inscription: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Déplacement de la searchbox

Messagepar nicolasm202 » 07 Avr 2008 à 19:37

cela na rien changer mais j'ai mis comme ça alors peut etre que ça ne va pas

<p><!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF --></p>
Image
nicolasm202
Apprenti-posteur
Apprenti-posteur
 
Messages: 183
Inscription: 15 Aoû 2007 à 18:38

Re: Déplacement de la searchbox

Messagepar Dakin Quelia » 07 Avr 2008 à 19:40

Bonsoir,

C'est faux!

Fais plutôt:

Code: Tout sélectionner
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<p><div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div></p>
<!-- ENDIF -->


A bientôt,
Image Aucun support par mail, MP ou msn.
Développeur d'une framework phpBB (outil)
Ouvrir un compte Gratuit chez Free-H? Détail complet en cliquant ici | Créer votre forum phpBB facilement: MyFF
Mon blogue: Mon blogue | Mon jeu de rôles: Sénat Galactique | Mon hébergeur: Free-H | phpBB Forge: cliquez ici

Image
Avatar de l’utilisateur
Dakin Quelia
Supporter
Supporter
 
Messages: 20391
Inscription: 31 Oct 2006 à 18:33
Localisation: Belgique

Suivante

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

Partenaires : phpBBHacks.com • phpBB-Seo.com • EzCom-fr.com • phpBB3 Styles • phpBB podpora • phpBB Portugal    Liens : Net Avenir • PromoBenef • Ticket Gagnant