Création Luciole
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Création Luciole

Version 2.2
 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le deal à ne pas rater :
Pokémon EV06 : où acheter le Bundle Lot 6 Boosters Mascarade ...
Voir le deal

 

 Comment faire un layout ( site)

Aller en bas 
AuteurMessage
Fashionistagirl

Fashionistagirl


Nombre de messages : 18
Date d'inscription : 08/10/2006

Comment faire un layout ( site) Empty
MessageSujet: Comment faire un layout ( site)   Comment faire un layout ( site) Icon_minitimeSam 21 Oct - 19:03

1. faire un layout :

- ouvrir photophiltre ou un autre logiciel de graphismes (photoshop, paint shop pro,etc...)
- clique sur nouveau mettre la taille que vous souhaitez pour votre site par exemple : 800x500
ensuite mettez vos décos etc... ensuite rajoute des cadres en séléctionnant un "champ" puis clique droit et sur contour et remplissage. Mets un contour
ex :
Comment faire un layout ( site) Tutooooluciolegq0.th

Les codes html :


faites un nouveau dossier, mettez-y votre layout (image)
ouvrez NVU
faites des nouvelles pages se nommant layout , gauche et droite
par exemple.
ouvrer votre page layout
cliquer sur image et insérer votre image qui se nomme "layout"
ensuite cliquer sur source tout en bas du logiciel et inserez ce code html (ex) :
Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>layout ne-yo</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body leftmargin="0" topmargin="0" marginheight="0"
marginwidth="0">
<img style="border: 0px solid ; width: 600px; height: 400px;"
alt="" src="layout.png">
<div style="position: absolute; top: 101px; left: 29px;"><iframe
src="gauche.html" name="gauche" marginwidth="0"
marginheight="0" style="" allowtransparency="true"
frameborder="0" height="288" scrolling="auto"
width="100"></iframe></div>
<div style="position: absolute; top: 101px; left: 137px;">
<iframe src="milieu.html" name="milieu" marginwidth="0"
marginheight="0" style="" allowtransparency="true"
frameborder="0" height="288" scrolling="auto"
width="345"></iframe></div>
<br>
</body>
</html>

je vais vous expliquez <link> sa c'est pour que votre css soit actif sur votre page.
<iframe></iframe>
sa c'est le code pour une i-frame
pour trouver le code ouvre ton layout (image) sur photophiltre pointe ta souris sur le cadre en haut à gauche comme ça :

Comment faire un layout ( site) Tutoooo1lucilepv8.th

reste bien dessus et regardez tout en bas c'est écrit x:y = 0;2
(par exemple)

après avoir retenu les nombres après x:y retourner sur NVU



Top : xxxpx le deuxiéme chiffre c'est a dire 2
pour Left : xpx mettez le premier chiffre c'est a dire 0 .
et n'oubliez pas de renommer gauche etc... pour l'adresse de votre page.
ensuite vous séléctionner votre cadre :
vous regardez la taille
<iframe></iframe></div

height = hauteur
width = longeur

remplacer par la taille de votre cadre.

faites cela pour chaque cadre.

et n'oubliez pas de faire un fichier css !

sa c'est autre chose !

pour télécharger NVU cliquez ici

TUTO BY FASHIONISTAGIRL IL EST INTERDIT DE REPRENDRE LE TUTO OU ENCORE DE L MODIFIER ELLE EST LA PROPRIETE DE CREALUCIOLE !

si vous ne comprenez pas quelques choses envoyer moi un mp par de messages apres le tuto merci


Dernière édition par le Sam 2 Déc - 0:35, édité 2 fois
Revenir en haut Aller en bas
Fashionistagirl

Fashionistagirl


Nombre de messages : 18
Date d'inscription : 08/10/2006

Comment faire un layout ( site) Empty
MessageSujet: Re: Comment faire un layout ( site)   Comment faire un layout ( site) Icon_minitimeDim 3 Déc - 2:47

Lien pour vos layouts ( il sont bvraiment super ! )

http://www.aethereality.net/
Revenir en haut Aller en bas
 
Comment faire un layout ( site)
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Création Luciole :: Section graphisme :: Tutoriaux-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser