Sites de Kit Graphiques Gratuit !

Je vais être Gentil ce soir !

Je vais vous donner tout plein de bon site proposant des kit graphiques qui sont pas mal et en plus, GRATUIT !

Voici cette liste et apres je vous montre comment vous en servir.

The Liste:

-www.kits-gratuits.net/

-www.kitgraphiquegratuit.org/

-www.kitsgratuits.com/

-www.graphiques-kits.com/

-www.godtemplates.com/kits-graphiques-gratuit.php -

-www.kgg.fr/

-www.kits-graphique-design.com/kit-graphique-gratuit.html -

Voila pour les sites.
[si vous en trouvez d'autre hesitez pas a proposer.]

Comment les utiliser ?
C'est joli un fichier intituler: Kit_Graphique.zip su le bureau ...
Mais apparement c'est fais pour l'etre encore plus quand on l'utilise !

Ouvrez ce fichier.
Vous trouverez des fichiers un peu comme ça:

Sites de Kit Graphiques Gratuit ! Tuto10

Cliquez droit sur le fichier "index.html".
faite ouvrire avec Bloc note ou alors pour ceux qui ont pris Note padd ++, faite ouvrir avec celui ci.

une grande pas avec plein de code s'affiche !dans mon cas il y a sa :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="conteneur">
<div id="header">

<ul id="menu">
<li id="ici"><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
</ul>

</div>

<div id="contenu">
<div id="left">

<div class="hautmenu">Catégories</div>
<div class="fondmenu">
<ul class="menuh">
<li><a href="#" title="">Acceuil</a></li>
<li><a href="#" title="">Forum</a></li>
<li><a href="#" title="">Staff</a></li>
<li><a href="#" title="">Telechargements</a></li>
<li><a href="#" title="">News</a></li>
</ul>
</div>
<div class="basmenu"></div>

<a href="#"><img src="images/partenaires.jpg" width="100" height="48" alt=""/></a><br />
<a href="#"><img src="images/partenaires.jpg" width="100" height="48" alt=""/></a>

</div>

<div id="right"><img src="images/news.jpg" style="float:left" width="97" height="57" alt=""/> <span></span><br />

</div>
<div style="text-align: right"> <a href="#header"><img src="images/hautdepage.png" alt=""/></a>
</div> <div class="separateur"></div>

</div>

<div id="pied">

<a class="copyright" href="******************************" onclick="window.open(this.href); return false;" title="Kit Graphique Service Gratuit Webmaster" ></a></div></div>


</body>
</html>

ça c'est le menu verticale, present sur votre site.

Code:: 
<div class="hautmenu">Catégories</div>
<div class="fondmenu">
<ul class="menuh">
<li><a href="#" title="">Acceuil</a></li>
<li><a href="#" title="">Forum</a></li>
<li><a href="#" title="">Staff</a></li>
<li><a href="#" title="">Telechargements</a></li>
<li><a href="#" title="">News</a></li>

remplacez le "#" par le nom du fichier qui appartient a la page qui suit !
[ATTENTION: un fichier de site doit toujour finir par .html ou .xhtml si c'est là où est ecris votre texte !]
sa vous donne ceci :

Code:: 
<div class="hautmenu">Catégories</div>
<div class="fondmenu">
<ul class="menuh">
<li><a href="acceuil.html" title="">Acceuil</a></li>
<li><a href="forum.html ou lien http de votre forum" title="">Forum</a></li>
<li><a href="staff.html" title="">Staff</a></li>
<li><a href="telechargement.html" title="">Telechargements</a></li>
<li><a href="news.html" title="">News</a></li>

voila et pareil pour le menu horizontale !

Code:: 
<ul id="menu">
<li id="ici"><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
<li><a href="#" title=""></a></li>
</ul>

Devient :

Code:: 
<ul id="menu">
<li id="ici"><a href="#" title=""></a></li>
<li><a href="fichier1.html" title="">nom1</a></li>
<li><a href="fichier2.html" title=""></a>nom2</li>
<li><a href="fichier3.html" title=""></a>nom3</li>
<li><a href="fichier4.html" title=""></a>nom4</li>
<li><a href="fichier5.html" title=""></a>nom5</li>
</ul>

Voila pour les menus !

pour les images !

Vous avez cette ligne vers le debut:

Code:: <link href="style.css" title="Défaut" rel="stylesheet" type="text/css" media="screen" />

"href=" veut dire "lien qui appel le fichier :"

là c'est un fichier "style.css", il est dans votre dossier !
c'est là dedans que sont organiser les images, leurs taille sur le site etc ...

Voila si vous avez des questions hesitez pas !
[encore une derniere fois, si il y a une erreure dites le moi !merci.]

Merci Oni ses sympa je rappelle a ceux qui croient que sa se fait vite tout sa et bien non s aprend du temps alors que vous sa ne vous coute rien de dire merci.

oui sa prend un minimum de temps c'est vrai mais ici je propose de vous montrer, et non de vous faire apprendre le tout, la théorie informatique est assez barbante quand on ne comprend pas =)
moi sa va j'arrive a comprendre X)

Bref, a venir dans création de site, je vous mettrais tout pour créer un site web de base, avec kit graphique sympa, il ne vous restera plus qu'a écrire votre texte et en faire ce que vous voulez =)

je me trouve gentil des fois XD

Ouais merci du partage encore une fois ^^.

Bon tuto

Merci du partage =)

Mais voyons t'es toujours gentil xD
En tout cas merci du partage m'en servirais peut être un jour xD

Ben si tu veux creer ton petit site sur un mangas, ben sa te servira =)

» Herbergeur Gratuit !