Quelques questions sur modifications CSS/HTML Fermé

Question

Bonjour, 


Je possède un site, et dans le but d'améliorer son design, je voudrais savoir plusieurs choses concernant le CSS et le HTML.

Tout d'abord, je voudrais que la barre des menus prenne la largeur de l'écran. Pour cela, je pense qu'il faut que j'augmente le max-width de mon wrapper. Il y a t'il possibilité de l'augmenter sans que tous les éléments de la page prennent cette largeur ?

Ensuite, je voudrais que le slider s'étende un peu plus, genre quelques pixels de plus de chaques côtés. Pour cela encore, je dois surement augmenter la taille maximale du wrapper...


Et enfin, je voudrais supprimer la barre grise avec la titre juste en haut de la barre des menus, afin que celle-ci soit l'élément le plus haut de la page.

Voilà pour mes questions. Je vous remercie par avance pour le temps que vous consacrerez à mon post !

Cordialement,

N.


Configuration: Windows 7 / Google Chrome

Niiko' · Answer

Et si je n'ai pas été clair dans mes explications, j'ai réalisé une maquette de ce que je voudrais que soit mon site avec PhotoShop. Si vous voulez je peux vous envoyer l'image :)

Merci !

ideal23 · Answer

bonjour 
s'agit-il d'un cms ou d'un site fait main?

Niiko' · Answer

C'est un CMS (Wordpress), hébergé sur les serveurs d'OVH ;)

ideal23 · Answer

je ne suis pas un spécialiste de wordpress, mais si tu as des connaissances en css et html, tu peux essayer tes modifications en local.

Niiko' · Answer

En fait, j'essaye mes modifications avec Firebug, mais le seul problème c'est que mes connaissances ne sont pas assez vastes pour ces modifications :)

ideal23 · Answer

il est préférable de faire une sauvegarde avant toute modifications. Sans le code sous les yeux, il est difficile de répondre, sinon tu peux reformuler ta demande avec  comment modifier un theme Wordpress  , tu trouveras peut-être rapidement une personne pour te guider.

Niiko' · Answer

Je sais comment le modifier, mais je ne m'y connais pas assez en CSS pour modifier ces éléments. Je peux héberger le fichiers CSS pour le partager si vous voulez ?

ideal23 · Answer

oui, le maximum d'éléments ne peut pas nuire pour la compréhension.

Niiko' · Answer

je reposte mes liens, car ceux-ci ont étés supprimés...

Donc, ma maquette :
https://forums-fec.be/upload/www/?a=d&i=3164538751

Mon fichier CSS :
https://forums-fec.be/upload/www/?a=d&i=6705215994

Merci !

ideal23 · Answer

je n'ai pas le site original sous les yeux , mais déjà wrapper a 1132px de large je pense que c'est la largeur du site, à ne pas modifier. il faut jouer sur la largeur de sidebar-header qui est le menu horizontal je pense de 728 px. il est en 	float:right donc à voir , sinon le centrer dans le bloc.

ideal23 · Answer

avec le site cà va mieux. Pour supprimer la barre grise il faut d'abord supprimer l'image et tous les éléments entre

Niiko' · Answer

Je viens de faire les modifications concernant le header et le slider. Au lieu de fixer le slider à 1200px, je lui ai attribuer un pourcentage.
Concernant les cases contenant les articles sur la première page, est il possible de leur donner la taille et la position d'origine ?

ideal23 · Answer

transformer 1200px en % c'est ce qu'il faut faire, bien . pour les autre blocs également.
Concernant les cases contenant les articles sur la première page, il est possible de leur donner la taille et la position d'origine.

Niiko' · Answer

Je vais donc attribuer des % aux autres blocs.
Pour les cases, comment faire pour leur donner la taille et position d'origine ?

ideal23 · Answer

je travaille avec firebug, je n'ai pas tes modifs sous les yeux, les articles content et sidebar sont situées oû, à gauche , centre ou à droite.

Niiko' · Answer

Je m'excuse, mais je n'ai pas compris votre dernier message :/
Je suis aussi avec Firebug pour effectuer les modifications...

ideal23 · Answer

firebug ne modifie pas sur ton serveur, c'est normal

ideal23 · Answer

pour les articles , il faut jouer avec le css, ligne 941 et 1549

Niiko' · Answer

Au final j'ai rajouté des valeurs margin :

#content {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px #999999;
    float: left;
    width: 55%;
    margin-left: 13%;
    margin-top: 2%;
}

et

#sidebar {
    color: #AAAAAA;
    float: right;
    width: 20%;
    margin-right: 13%;
}

et tout va comme je veux !!

Merci beaucoup pour votre aide précieuse et le temps que vous m'avez consacré ! De plus, j'ai appris plein de choses :)

ideal23 · Answer

si j'ai pu vous rendre service , tant mieux, je suis passionné par la programmation et j'ai aussi été aidé sur ce forum, donc c'est normal de donner un peu.

Niiko' · Answer

Pour moi, ce n'est que le commencement dans ce domaine, du haut de mes 17ans, mes connaissances sont maigres :) 
Mais plus ça va, plus je m'y intéresse !

ideal23 · Answer

moi, du haut de mes 60 ans , je continue de programmer, c'est un monde que j'adore et j'ai passé le virus si l'on peut dire à mes enfants qui sont informaticiens.

Niiko' · Answer

Et bien je les comprends :) ! Merci en tout cas, de m'avoir donné un bon coup de main pour mon site !

Quelques questions sur modifications CSS/HTML

23 réponses

Discussions similaires