28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis débutant en CSS

Je souhaite concevoir un site fonctionnant sur CMSMS.

J'ai définit le design ci joint qui ne me parait pas trop compliqué: upload/25856-design.png

2 colonnes avec:
- un menu vertical CSS à un seul niveau
- un colonne contenu qui s'adapte en largeur

J'ai choisis un gabarit qui me conviendrais bien:
http://www.alsacreations.com/static/gabarits/modele06.html

Mais je n'arrive pas à l'adapter à mon design!

Suis-je sur la bonne piste ?

Comment vous y prendriez-vous ? (combien d'images dois-je découper et comment les positionner ?) Smiley rolleyes
Pour un template qui s'adapte à la largeur du navigateur à première vue je mettrais dans le header le gros titre tout en haut

<div id="header">

#header{margin:0 20px 0 20px;max-width:1300px;}


Ensuite la le menu qui englobe l'image de l'écureil avec la trompette

<div id="menu">

#menu{float:left;margin:0 0 0 20px;width:200px;}


Et enfin le corps (avec l'orchestre)

<div id="corps">

#corps{margin:0 20px 0 220px;max-width:1100px;}


Enfin j'ai juste écrit ça au pif, je n'ai pas testé.
À toi de personnaliser les background.
Modifié par darkstar2023 (24 Dec 2009 - 02:22)
Salut,

Pour ton information "accueil" et non "acceuil". Smiley cligne

Selon moi :

Concrêtement, je pense qu'il te suffit d'un image en css avec uniquement du fond rouge et ta frise de personnages sur la hauteur jusqu'au début du bloc blanc (exclu) pour l'entête. Vient ensuite, toujours en css, une image est ensuite utilisée au début du contenu pour les arrondis blancs.
Vient en html une image positionnée du logo Banda de Cajarc (avec attribut alt renseigné bien évidemment)
darkstar2023 a écrit :
Pour un template qui s'adapte à la largeur du navigateur à première vue je mettrais dans le header le gros titre tout en haut


Je ne pense pas que ça soit nécessaire. Le titre "Alliance Cajarcoise", tout comme le "depuis 1892" peuvent tout-à-fait être rendus avec le style de police Smiley langue

Je ferais comme Mikachu :

* Les personnages
* Le logo
* Les coins arrondis si on y tient
Modifié par mistike (24 Dec 2009 - 09:23)
C'est vrai. Je crois que c'est Arial Narrow ou Arial Black... enfin je crois.

La seule police que je connais par coeur c'est Trebuchet MS ^^
D'ailleurs je la reconnais tout de suite lorsqu'elle est utilisée dans le générique de certaines émissions/docs télé Smiley biggol