Vous êtes perdu sur le forum ? Notre page d'accueil est là pour vous guider avec son menu rapide vers les principaux forums !
Vous ne vous souvenez plus d'une règle pour les clashs ou pour les commandes ? Notre page réunissant <a href="http://angels-design.forumactif.com/Les-regles-d-Angels-Design-h1.htm">toutes les règles du forum</a> est là pour vous aider !
Angels Design
Il est un lieu, perdu parmi les flots, une merveilleuse antre aux couleurs chatoyantes et aux colonnes indéfectibles... Angels Design. Il vous offre à vous, aventuriers, de multiples services à travers la maîtrise de l'art ancestral : le graphisme. Quelque soit votre dessein, les esprits créateurs et leurs disciples se dévoueront corps et âme pour qu'ensemble, l'impossible devienne possible. Angels Design est un forum d'entraide ouvert depuis quelques années. Notre but ? Accompagner nos membres dans la création de leur projet, proposer nos services de graphisme et bien plus encore... le tout, dans la bonne humeur et le partage !
Le forumCommandes graphiquestutos & ressourcesGaleries & WIPCoin PerduArchivesChatBox
Informations
# Le nouveau design d'Angels Design est terminé...

# N'hésitez pas à participer à la relance du forum...



 

Partagez | 
 

 Web design (codage)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Petit démon
Masculin
Nombre de messages : 1395
Réputation : 0
Points : 11
Date d'inscription : 08/04/2005

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité:
Spécialités graphiques: Codeur
avatar
Nimamoto
Voilà un petit tutoriel réalisé après une demande :

Je ne sais pas trop ce qu'il vaut, ce qui est sur c'est qu'il n'est pas du tout destiné aux personne cherchant la perfection, qui ne pourra s'acquérir qu'en pratiquant, je donne ici quelques bases, conseil, à vous de faire le tri ;)

Cliquez ici !
Revenir en haut Aller en bas
Petit démon
Féminin
Nombre de messages : 623
Réputation : 0
Points : 0
Date d'inscription : 24/04/2007

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Tous les jours tant que je suis au taf!
Spécialités graphiques: Bannière
avatar
Crash Bandicoot
salut,

je te remercie infiniment !!

Eli




Vous connaissez Crash? il est né sur PS1 pour finir Sur Xbox360

Revenir en haut Aller en bas
http://coyote-girl90.skyblog.com
V.I.P.
Féminin
Nombre de messages : 5560
Logiciel : Photoshop CS & CS3
Réputation : 5
Points : 246
Date d'inscription : 16/05/2005

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Quasi-quotidienne !
Spécialités graphiques: Globe
avatar
Haby
Très sympa, je trouve que pour une "introduction" au webdesign, c'est vraiment très bien.

Merci à toi Nima :Oeil:



Merci encore Psy4rik!!
Revenir en haut Aller en bas
http://www.facebook.com/carine.benoitgasull http://www.amoulesolo.net/haby/#album=1&photo=6
Petit démon
Masculin
Nombre de messages : 617
Logiciel : 13
Réputation : 0
Points : 0
Date d'inscription : 06/09/2006

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Plutot en soirée, moins pendant les vacs ;)
Spécialités graphiques: Photomontage
avatar
Ju
Moi ce que je comprend très mal, c'est comment réellement faire un design extensible, en plaçant les %, mais si on met des %, comment on défini où est la zone? Parce que, j'ai essayé plusieurs fois, mais sur les grande résolution mon design est toujours sur la gauche...





Merci ChiNa !



Merci Lilie ! =D
Revenir en haut Aller en bas
http://my-toxic-romance.com/
Petit démon
Masculin
Nombre de messages : 1395
Réputation : 0
Points : 11
Date d'inscription : 08/04/2005

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité:
Spécialités graphiques: Codeur
avatar
Nimamoto
Hum, si tu veux que ton design soit centré, tu dois ajouter les balises :
Code:
<center></center>
Revenir en haut Aller en bas
Petit démon
Masculin
Nombre de messages : 617
Logiciel : 13
Réputation : 0
Points : 0
Date d'inscription : 06/09/2006

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Plutot en soirée, moins pendant les vacs ;)
Spécialités graphiques: Photomontage
avatar
Ju
En fait je croit que le problème vient des div, vu que je met des truc comme top: 10px etc.. le design se colle à ses pixel quelque soit la résolution, ce qui fait que sur une plus grande résolution que 1024/768 le design est collé à gauche, même si je met center...





Merci ChiNa !



Merci Lilie ! =D
Revenir en haut Aller en bas
http://my-toxic-romance.com/
Petit démon
Masculin
Nombre de messages : 704
Logiciel : Suite CS4 : Flash CS4, Dreamweaver CS4, Firework CS4, Photoshop CS4
Réputation : 2
Points : 95
Date d'inscription : 30/08/2006

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Toujours
Spécialités graphiques: Aide technique
avatar
gekko
MERCO MON AMI!"
Revenir en haut Aller en bas
http://www.bozomedia.com
Ange sympa
Masculin
Nombre de messages : 90
Réputation : 0
Points : 0
Date d'inscription : 09/04/2008

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: le week-end et les vacances
Spécialités graphiques: Codeur
avatar
HammHetfield
Pour faire un design extensible, il faut en effet mettre des tailles en pourcentage plutot qu'en pixel, la valeur 100% étant la largeur de l'ecran.

Pour ce qui est de centrer, ca n'a rien a voir... il y a deux possibilité : soit faire un div id="all" comprennant toutes les autres div, en mettant un alignement a cette div, soit mettre un div aligne="center" a toutes les div...

La meilleure solution a mon gout étant la première, je la detaille un peu :



Entre la balise d'ouverture et de fermeture de la div qui a "all" pour id, on met TOUTES les autres div de la page comme on l'aurait fait normalement.

Ensuite dans le CSS lié, on écrira :

#all {
margin:10 auto;
}

ce qui mettra votre div a 10px du bord supérieur de la page et centrera tout!


Voila, j'espere que c'est clair sinon demandez moi des précisions!
Revenir en haut Aller en bas
http://stupblog.o-n.fr
Petit démon
Masculin
Nombre de messages : 704
Logiciel : Suite CS4 : Flash CS4, Dreamweaver CS4, Firework CS4, Photoshop CS4
Réputation : 2
Points : 95
Date d'inscription : 30/08/2006

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Toujours
Spécialités graphiques: Aide technique
avatar
gekko
Ouais , mais si a meton mon div header, il nets pas extensible je le mets en pixels meme si tout le reste de mon deisgn est en %?


Revenir en haut Aller en bas
http://www.bozomedia.com
Ange sympa
Masculin
Nombre de messages : 90
Réputation : 0
Points : 0
Date d'inscription : 09/04/2008

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: le week-end et les vacances
Spécialités graphiques: Codeur
avatar
HammHetfield
On va prendre un exemple simple :

Nous avons seulement 2 div :

#header qui doit contenir l'image de notre header

#corps qui doit contenir le corps de notre message


On fait donc la div #all qui contient tout, centrée, ensuite dedans on met #header avec une largeur en %age, avec une couleur de fond et aprés, on ajoute #corps avec l'image de fond repeat-x et -y.

Ce qui donne :

#all {
width:100%;
margin: 0 auto;
}

#header {
width:100%;
height:hauteur du header en pixel;
background-color:#000000;
}

#corps {
width:100%;
height-min:20px;
background-url:url de l'image;
}




et dans le html, ca donne :


//Fermeture de la div header

//Fermeture de la div corps
//Fermeture de la balise corps




Voila, comme ca le header n'est pas redimmensionné ^^


A plus et reposez encore des questions si besoin est!
Revenir en haut Aller en bas
http://stupblog.o-n.fr
Petit démon
Masculin
Nombre de messages : 704
Logiciel : Suite CS4 : Flash CS4, Dreamweaver CS4, Firework CS4, Photoshop CS4
Réputation : 2
Points : 95
Date d'inscription : 30/08/2006

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Toujours
Spécialités graphiques: Aide technique
avatar
gekko
ALors même s'il nest aps extensible il ne repeat x pas?


Revenir en haut Aller en bas
http://www.bozomedia.com
Ange sympa
Masculin
Nombre de messages : 90
Réputation : 0
Points : 0
Date d'inscription : 09/04/2008

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: le week-end et les vacances
Spécialités graphiques: Codeur
avatar
HammHetfield
Je ne comprends pas ta question...
Revenir en haut Aller en bas
http://stupblog.o-n.fr
Admin
Féminin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007

Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
avatar
Norore
@gekko a écrit:
ALors même s'il nest aps extensible il ne repeat x pas?

En fait, tu auras bien ton image, et ensuite, sur les côtés de ton image, tu auras la couleur de fond déterminée :Oeil: !





Merci Lilie Duciel !
Revenir en haut Aller en bas
http://img408.imageshack.us/g/norore.png/ http://www.nororedreams.fr/
Ange sympa
Masculin
Nombre de messages : 90
Réputation : 0
Points : 0
Date d'inscription : 09/04/2008

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: le week-end et les vacances
Spécialités graphiques: Codeur
avatar
HammHetfield
Ah c'était ca la question? Ben la réponse a été donnée :D



http://stupblog.o-n.fr/stupidstup
Revenir en haut Aller en bas
http://stupblog.o-n.fr
Petit démon
Masculin
Nombre de messages : 704
Logiciel : Suite CS4 : Flash CS4, Dreamweaver CS4, Firework CS4, Photoshop CS4
Réputation : 2
Points : 95
Date d'inscription : 30/08/2006

Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Toujours
Spécialités graphiques: Aide technique
avatar
gekko
d'accord msi :happy:


Revenir en haut Aller en bas
http://www.bozomedia.com
Contenu sponsorisé
Revenir en haut Aller en bas
 
Web design (codage)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» La SHOUTBOX d'Help-in-Design.
» Help in Design #Livejournal
» Nouveau Design !
» Correction de codage
» Design-Style, Forum de graphisme

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Tutoriels et Ressources :: Tutoriels :: Programmation web-