Vistablue

[Réglé] Modifier l'emplacement de la recherche - Vistablue

[Réglé] Modifier l'emplacement de la recherche

Nouveau messagepar Guizboy » 18 Nov 2014 à 13:42

Bonjour,

Je suis en train de mettre en place un forum pour mon équipe sur le jeu World Of Tanks.
J'ai trouvé ici tout les outils nécessaires pour le mettre en place sous forme de tutos, styles et le forum en lui même
Merci à tous ceux qui ont simplifié le processus pour le rendre accessible pour les néophytes tels que moi :)

Je cherche actuellement de l'aide afin de finaliser la présentation graphique.
J'ai modifié l'image de fond et ajouté le logo de l'équipe. Jusque là tout s'est bien passé.

Le problème :

- Le logo est bien centré mais j'ai la barre de recherche du forum qui est centrée devant lui. Je souhaite la déplacer.
Pouvez vous m'expliquer comment le faire de la manière la plus simple possible s'il vous plaît ?

L'adresse du forum http://frf1.honor.es/index.php
Le style actif s'appelle Vistablue.

J'ai cherché par moi même via divers sujets trouvés sur le net.
J'ai trouvé dans le fichier common.css les lignes qui désignent la barre de recherche.
Je dispose du logiciel Dreamweaver CS6.

Extrait de common.css :

Code: Tout sélectionner
/* Search box --------------------------------------------- */ #search-box { margin-top: 185px; margin-left: 50px; color: #FFFFFF; text-align: center; white-space: nowrap; /* For Opera */ } #search-box #keywords { width: 95px; background-color: #FFF; } #search-box input { border: 1px solid #b0b0b0; } /* .button1 style defined later, just a few tweaks for the search button version */ #search-box input.button1 { padding: 1px 5px; } #search-box li { text-align: left; margin-top: 4px; } #search-box img { vertical-align: middle; margin-right: 3px; }


Merci par avance à tous ceux qui auront pris le temps de me lire.
Cordialement,
Guizboy
Dernière édition de Guizboy le 18 Nov 2014 à 17:19
Guizboy
Posteur néophyte
Posteur néophyte
 
Messages: 6
Enregistré le: 18 Nov 2014 à 12:15

Re: Modifier l'emplacement de la recherche

Nouveau messagepar cocooncrash » 18 Nov 2014 à 14:08

Bonjour,
J'ai édité ton message afin d'y incorporer la balise bbcode /code, ceci pour permettre une meilleure lisibilité aux différents intervenants.
decouvrez l'aide complete : ICI
découvrez les règles : La_bas

Pensez a ajouter le tag [réglé] en modifiant votre premier message s'il est résolu. Merci :wink:
Avatar de l’utilisateur
cocooncrash
Resp. des modérateurs
Resp. des modérateurs
 
Messages: 7543
Enregistré le: 07 Jan 2008 à 08:29
Localisation: dans un bocal en compagnie de nemo!!

Re: Modifier l'emplacement de la recherche

Nouveau messagepar Guizboy » 18 Nov 2014 à 14:57

Merci pour la balise code, je ne la connaissais pas :)

Bon, j'ai trouvé pour modifier l'emplacement de la barre de recherche !

J'ai modifié le code ci dessous et rafraîchis le style sur le panneau d'administration du forum.

Code: Tout sélectionner
/* Search box --------------------------------------------- */ #search-box { margin-top: 185px; margin-left: 50px; color: #FFFFFF; text-align: center; white-space: nowrap; /* For Opera */ } #search-box #keywords { width: 95px; background-color: #FFF; } #search-box input { border: 1px solid #b0b0b0; } /* .button1 style defined later, just a few tweaks for the search button version */ #search-box input.button1 { padding: 1px 5px; } #search-box li { text-align: left; <--- "left" remplacé par "right" <<<<<<<<<<<<<<<<<<<<<<<<<< margin-top: 4px; } #search-box img { vertical-align: middle; margin-right: 3px; }


En espérant que ça aide quelqu'un d'autre ;)
@+ et merci
Dernière édition de Guizboy le 18 Nov 2014 à 16:53
Guizboy
Posteur néophyte
Posteur néophyte
 
Messages: 6
Enregistré le: 18 Nov 2014 à 12:15

Re: Modifier l'emplacement de la recherche

Nouveau messagepar cabot » 18 Nov 2014 à 15:13

Hello,

Hide
Guizboy a écrit:
Code: Tout sélectionner
vertical-align: middle; <--- "middle" remplacé par "right"

Right n'est pas une valeur de la propriété vertical-align. :P
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Modifier l'emplacement de la recherche

Nouveau messagepar Guizboy » 18 Nov 2014 à 15:35

Ah, pourquoi ça a marché du coup ?

J'ai modifié un autre truc qui par hasard a déplacé la barre ?
Guizboy
Posteur néophyte
Posteur néophyte
 
Messages: 6
Enregistré le: 18 Nov 2014 à 12:15

Re: Modifier l'emplacement de la recherche

Nouveau messagepar cabot » 18 Nov 2014 à 16:43

Yep, tu as modifié la valeur de text-align en mettant right à la place de left. ;)

On ne le voit pas dans le code posté mais c'est ce qui est affiché sur le forum.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26717
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Modifier l'emplacement de la recherche

Nouveau messagepar Guizboy » 18 Nov 2014 à 16:52

C'est exact, merci pour l'info :)

Je vais changer dans le post racine la ligne à modifier.

Dites le moi si je me suis encore gourré ^^
Guizboy
Posteur néophyte
Posteur néophyte
 
Messages: 6
Enregistré le: 18 Nov 2014 à 12:15


Connexion  •  M’enregistrer

cron