Besoin d'aide pour créer mon site

Maman_co -  
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour,

J'aimerai savoir si quelqu'un peu m'aider... je suis une jeune maman débordée, j'adore l'informatique et je rêve depuis longtemps de me faire un site internet pour mon activité (je travaille auprès de jeunes enfants).

Mais je ne peux pas me payer un kit graphique comme je les ai vu... alors j'essaie de le faire moi même... et bien je galère ! ! !

J'ai filezila et je transferts sur free.

Voici ce que j'aimerai faire : sans le flash parce que bien évidemment je suis incapable de faire ça :

http://www.templatehelp.com/...

http://www.templatehelp.com/...

et voici ce que j'obtiens actuellement... http://gpiardet.free.fr/index.html

hop hop hop on ne se moque pas ! ;O)

Merci à tout ceux qui pourront m'aider :O))

A voir également:

3 réponses

Réponse 1 / 3
titebouille Messages postés 169 Statut Membre 7
 
Slt, moi j'ai un truc pour faire un site gratuitement mais j'ai jamais essayé donc je ne sais pas si tu peux faire du graphique comme tu nous le montre va voir qd même !

http://ordipasapas.over-blog.com/article-realisez-un-site-gratuitement-57322216.html
0
Réponse 2 / 3
chris05 Messages postés 374 Statut Membre 28
 
Moi je peux t'aider si tu veux, je peux te faire un site tout simple déjà ;)
0
Réponse 3 / 3
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Salut.

Pour le menu horizontale, c'est facilement faisable, surtout si les boutons font tous la même largeur. Il te faut déjà deux images réunies en une : au-dessus le fond du bouton dans l'état normal, et en-dessous, le fond du bouton dans l'état "survolé par la souris".

Pour le HTML :
<ul id="menubar">
	<li><a href="#">Lien 1</a></li>
	<li><a href="#">Lien 2</a></li>
	<li><a href="#">Lien 3</a></li>
	<li><a href="#">Lien 4</a></li>
</ul>


Si le bouton fait 85x28px (par exemple), alors l'image finale doit faire 85x56px.
Le CSS :
#menubar {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menubar li { float: left; }

#menubar li a {
	display: block;
	float: left;
	width: 85px;
	height: 28px;
	background: url('images/bouton_menu.png');
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 7px;
	color: black;
	text-decoration: none;
}

#menubar li a:hover {
	text-decoration: underline;
	background-position: 0px 85px;
}



Pour l'entête avec zone de recherche + logo : tu peux faire un div, en mettant le logo comme background. Dans ce div, il suffira de mettre la zone de recherche.
0