Tutoriels
Communauté
Mon compte
Recherche
Livre d'or
PublicitéVous devez être inscrit pour pouvoir poster des messages
| Page : 1 2 3 Suivante | |
| Pseudo | Commentaire |
|---|---|
| Page : 1 2 3 Suivante | |
Skydreamer
|
# Posté le 02/01/2006 à 15:56:55 - Ce membre a mis la note : 20 |
|
Groupe : Membres |
|
|
Djeepy46234
|
# Posté le 04/01/2006 à 08:02:39 - Ce membre a mis la note : 18 |
L'épilepsie +1 (guesswhy?) Groupe : Membres |
Les designs ne se limitent pas qu'à des images, tu peux faire un très bon design qu'avec du XHTML et du CSS donc faut pas avoir des images partout partout 
C'est bien, 18 
|
|
sparklegamer
|
# Posté le 08/01/2006 à 11:20:25 - Ce membre a mis la note : 15 |
I'm still the King of the West Groupe : Membres |
C'est un bon Tuto mais ça :Citation : Pas de titre Paint et le bloc-note Windaube ce n'est pas terrible.
Avec cette phrase tu imposes tes choix alors que chacun est libre d'avoir ses propres opinions, je te conseil donc d'enlever ce morceau de ton tuto car tout le monde n'est pas de ton avis, moi par exemple.
Citation : Ghetto Remix My childhood years were spent burying my peers in the cemetary Here's a message to the newborns, waitin' to breathe If you believe then you can achieve Just look at me |
|
Tibrus
|
# Posté le 09/01/2006 à 07:49:21 - Ce membre n'a pas mis de note |
TGV A rame 325 482,4 Km/h Groupe : Membres |
Bonjour,
Alors perso, c'est 0/20. Je pense que tu ne dois pas parler de P*r*t*g* ni prendre parti comme tu le fais en écrivant windaube. De plus ton blabla au début m'a fait lire qu'entre les lignes par la suite ton tuto. JP Edit : Merci Bogoris pour la retouche du tuto. Maintenant cela est pour moi plus correct. Je vais faire un tour sur le forum pour savoir s'il est possible de modifier la note. Edit Bis : Peut-être pour bientôt ICI Quand la cervelle échoue, la force brute reprend ses droits  Born to be root |
|
Bogoris
|
# Posté le 22/02/2006 à 11:20:25 - Ce membre n'a pas mis de note |
Exit light ! Enter night ! Groupe : Membres |
JE SAIS QU'IL Y A BEAUCOUP DE DIVS MAIS EN ATTENDANT DE FAIRE UN BIG TUTO QUI RÉFÉRENCE TOUTES LES MÉTHODES, CELLE-LÀ EST MA PRÉFÉRÉE DANS TOUTES LES CIRCONSTANCES OÙ ON VEUT FAIRE UN DESIGN EXTENSIBLE DANS TOUS LES SENS.
Merci Tibrus pour ce geste. Je reconnais maintenant que certains passages de mon tuto étaient superflus et je remercie ceux (dont toi) qui me l'ont fait remarquer... même si au début je ne vous ai pas écouté  .
Note pour le tuto : je pense de nouveau l'éditer pour préciser que pour la dernière partie (ombre) on peut utiliser les même structures xHTML / CSS et le même découpage Photoshop, c'est juste plus beau de changer la structure si on veut "porter" nos ombre assez loin. En effet, si on la porte trop loin, on est obligé d'augementer la hauteur et la largeur à cause des coins de l'ombre, ce qui nous fait des marges pas forcément plaisantes...  Mes projets
Mes tutos
Autres
|
|
socomajor
|
# Posté le 03/03/2006 à 13:36:00 - Ce membre a mis la note : 20 |
Be AWARE ! Groupe : Membres |
Vraiment génial, complètement valide, marche même sur IE ( c'est pas peu dire lol ) en gros le plus adapté du moins que je connaisse, 20/20 !
J'ai quand même trouvé un petit défaut ( mais je laisse le 20 ) :
dans la balise .milieu, tu devrais aussi rajouter : Code : CSS height:100%;
Parce que sinon, si on modifie la hauteur de .cadre et qu'on la met à par ex à 300px alors qu'il n'y a qu'une ligne de texte, le fond n'est que sur la première ligne, j'éspère que tu vas corriger ça
Je me cassais la tête en essayant de le faire avec des float, j'te dis pas le bordel, c'est vraiment bien pensé ! Merci ! Socomajor |
|
Philias
|
# Posté le 10/03/2006 à 05:24:05 - Ce membre a mis la note : 19 |
 Groupe : Membres |
Un bon 19 sur vingts pour la clarté et les semblants de blagues
Par contre, internet explorer ne semble pas bien prendre la transparence des .png 
|
|
SnooZ
|
# Posté le 18/03/2006 à 19:13:06 - Ce membre n'a pas mis de note |
|
Le mystère des poils? Groupe : Membres |
|
|
Bogoris
|
# Posté le 18/03/2006 à 22:31:03 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
C'est balo pour toi
Sache qu'en informatique, le problème se situe toujours entre la chaise et le clavier 
Sinon vérifie que tes images sont bien dans un dossier "images" etc... Mes projets
Mes tutos
Autres
|
|
albundy
|
# Posté le 05/04/2006 à 10:15:27 - Ce membre a mis la note : 15 |
 Groupe : Membres |
|
|
bly
|
# Posté le 06/04/2006 à 14:15:04 - Ce membre a mis la note : 17 |
|
Groupe : Membres |
|
|
betchou
|
# Posté le 12/05/2006 à 14:39:11 - Ce membre a mis la note : 18 |
|
Merci Groupe : Membres |
Moi je met 20 pour la technique et 16 pour ls style, la plume, ...
 C'est pas mal quand meme.
|
|
clb56
|
# Posté le 24/05/2006 à 09:00:37 - Ce membre n'a pas mis de note |
|
Groupe : Membres |
Salut,
J'ai vu dans le texte de ton tuto que tu te posais des questions a propos de la divite. Ben en fait tu es en plein dedans
Parce que la divite ce n'est pas une question de quantité mais avant tout une question de méthode. Méthode 1 : . D'un coté un design élaboré sous logiciel graphique > élaboration des propriétés de style à mettre en oeuvre > création d'un balisage html servant de support à ces propriétés de style. . Par ailleurs mais on se demande où !!! Un contenu qui demande à être intégré dans un document organisé, structuré, hiérarchisé gràce à un balisage de description pertinent. Suivre cette méthode c'est être en plein dans la divite. c'est malheureusement ton cas mais si ça peut te consoler tu n'es vraiment pas le seul. Méthode 2 . D'un coté un design élaboré sous logiciel graphique. . Par ailleurs un contenu intégré dans un document organisé, structuré, hiérarchisé gràce à un balisage de description pertinent > élaboration des propriétés de style à mettre en oeuvre en fonction du balisage réel du document réel > Retour sur le document html pour rajout de balises neutres (div et span) si et seulement si celà s'avère nécessaire. Si l'on suit cette méthode il y aura bien des div dans le document. si le résultat graphique recherché est très complexe il peut même y en avoir beaucoup. Mais quoiqu'il en soit le syndrome de la divite n'est pas présent 
Un exemple : soit le fragment html correspondant à un menu et son titre Code : HTML <hn>Menu</hn> <ul> <li><a href="">Lien 1</a></li> <li><a href="">Lien 2</a></li> <li><a href="">Lien 3</a></li> </ul> Le rendu souhaité est de doté ceci de quatre coins images arrondis ou de quatre bordures graphiques avec coins arrondis. le tout en retant bien sur en design fluide. Le nombre de div nécessaire est de 1
Code : HTML <div id="conteneur_menu"> <hn>Menu</hn> <ul> <li><a href="">Lien 1</a></li> <li><a href="">Lien 2</a></li> <li><a href="">Lien 3</a></li> </ul> </div> La devinette c'est comment faire... La clé de la solution c'est que ce dont on a besoin ne s'appelle pas div mais conteneur (d'un point de vue css un div est un conteneur parmi d'autres). |
|
Bogoris
|
# Posté le 27/05/2006 à 10:51:56 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
Euh... tu m'excuseras si j'ai pas tout bien compris XD ?
Mes projets
Mes tutos
Autres
|
|
clb56
|
# Posté le 27/05/2006 à 19:29:27 - Ce membre n'a pas mis de note |
|
Groupe : Membres |
Ben dès que tu auras résolu la devinette tu auras tout compris
|
|
Bogoris
|
# Posté le 31/05/2006 à 20:53:05 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
En fait ce que tu essayes de me faire comprendre, c'est qu'il faut d'abord penser à la sémantique et au contenu qu'on veut mettre, et après ajouter les div nécessaires au design ?
Mes projets
Mes tutos
Autres
|
|
Jchoco
|
# Posté le 01/06/2006 à 13:43:21 - Ce membre a mis la note : 16 |
? Groupe : Membres |
Il y a une erreur avec le design q'on fait fais à l'aide de ton tuto. Ca nous donne ça :
Pour résoudre ce problème on doit mettre : Code : CSS overflow: hidden dans le ".milieu" du CSS.
hein? |
|
Eron Xeo
|
# Posté le 25/06/2006 à 11:17:28 - Ce membre a mis la note : 20 |
 Groupe : Membres |
Excellent tuto, fait par une personne excellement compétente !
"Savoir, c'est vivre; maintenir l'ignorance, c'est presque un homicide." En même temps, quelle belle équipe !  |
|
opale68
|
# Posté le 05/07/2006 à 08:48:14 - Ce membre a mis la note : 20 |
 Groupe : Membres |
Merci beaucoup pour cet excellent tuto. Je l'ai trouvé très original dans la conception, l'utilisation des gif d'image-ready.. super , et intuitivement facile à comprendre et bien organisé.
Un bon 20/20 donc. Seul bémol, j'ai un peu pataugé avec les paddings top et bottom car il se trouve que sur internet explorer ça marchait mais pas sur Firefox.. pour une fois. Je ne sais toujours pas pourquoi.. mais c'est ce qui fait le charme ..du html xxx
Opale xxx
En création, le temps n'existe pas. |
|
Arthas231
|
# Posté le 17/07/2006 à 14:34:33 - Ce membre a mis la note : 14 |
[Arthasç] Groupe : Membres |
|
|
Delilah*
|
# Posté le 22/07/2006 à 18:51:21 - Ce membre a mis la note : 20 |
|
Groupe : Membres |
20/20
J'ai bien aimé le dialogue du backgroundons 
Et le tuto est plutot bien expliqué
Vrabo ! Besoin d'un tchat pour votre site ? Ou tout simplement d'un super serveur de discussion IRC trop bien ?  Blueway.fr |
|
Bogoris
|
# Posté le 18/10/2006 à 17:00:53 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
Ce tutoriel a été mis à jour récemment : correction des erreur + convertion des parties Photoshop en The GIMP .
Mes projets
Mes tutos
Autres
|
|
Bogoris
|
# Posté le 18/10/2006 à 17:01:04 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
Ce tutoriel a été mis à jour récemment : correction des erreur + convertion des parties Photoshop en The GIMP .
Mes projets
Mes tutos
Autres
|
|
Anonyme
|
# Posté le 20/10/2006 à 23:51:06 - Ce membre n'a pas mis de note |
|
Groupe : |
Le résultat est pas génial mais il suffit de modifier quelques trucs du CSS pour avoir un beau cadre
14/20 |
|
Mr Hulot
|
# Posté le 25/11/2006 à 16:33:44 - Ce membre a mis la note : 16 |
|
Groupe : Membres |
Tuto marrant, c'est vrai, et à fouiller.
J'ai pas compris la remarque de clb56, bien qu'elle aie l'air intéressante. Petite remarque : tu parles à un moment de balise <ul> et <hx>, il s'agit sûrement des balises de titre, de 1 à 6. En ce cas, fais gaffe car x n'est en principe pas un nombre entier. Pour être plus précis, il faudrait mettre <hn>, où n appartient à l'ensemble des entiers positifs. Le relou. Me tapez-pas!
Bon, je te mets 16. |
|
Bogoris
|
# Posté le 25/11/2006 à 17:26:24 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
Mr Hulot > Je crois que ce que clb56 voulais dire, c'est qu'il fallait avant tout utiliser les balises faites pour signifier quelque chose : genre <hn></hn>, <ul></ul>, <li></li> etc..., essayer de leur appliquer un style pour faire apparaître les images de fond, les fonds et tout ça qu'on veut, et ce n'est qu'en suite seulement, si on a pas assez des éléments déjà placés, qu'on a le droit de rajouter des <span></span> et des <div></div>, qui sont des éléments faits exprès pour le design.
Il a raison : d'un point de vue sémantique, si tu mets quelque chose genre <div class="titre2"></div> (par exemple parce que le <h2></h2> a des propriétés CSS par défaut qui t'embêtent, genre un margin-bottom que tu as bêtement la flême d'enlever), après, si tu regardes ton site sans style ou avec un navigateur texte (genre si tu n'as plus accès à l'interface graphique de ton PC et que tu as besoin de faire des recherches sur internet pour essayer de trouver une solution à ton problème), eh bien tu auras énooooooooooormément de mal à t'y retrouver dans un site qui n'est pas codé de manière sémantique, alors que dans un site codé de manière sémantique, tout se passera a peu près bien (mis à part que la console pour visiter des pages web ça reste pas une synécure ).
Il faut toujours faire un code XHTML sans style et sans <div></div> avant de rajouter du style sur les éléments présents, et, et seulement si celà s'avère réelement nécessaire, rajouter des <div></div> pour pouvoir leur appliquer des styles. Et svp, ne mettez jamais deux <br /> à suivre : utilisez plutôt les margins et paddings (conseil personnel ).
Mes projets
Mes tutos
Autres
|
|
Iclode
|
# Posté le 16/12/2006 à 15:40:13 - Ce membre a mis la note : 20 |
 Groupe : Membres |
vraiment un super tuto. je met 20 aussi
 |
|
mosa
|
# Posté le 04/01/2007 à 19:02:11 - Ce membre n'a pas mis de note |
 Groupe : Membres |
bon tuto perso j'ai eu une erreur sur IE même avec ta techniques pour y remédier j'ai donc ajouter sa et ça a marcher si sa peut aider quelqu'un : Code : CSS *div.coin_hg
{ position: relative ; top: 2px; } avec un ptit hack (je sais pas si je l'ai bien utiliser )
pas de notes j'ai pas lu la partie extras!
Un blog de film de fin du monde découvrez f2fdm Quant on a un marteau on voit tous les problèmes comme des clous! |
|
clb56
|
# Posté le 21/01/2007 à 22:04:57 - Ce membre n'a pas mis de note |
|
Groupe : Membres |
|
|
Bogoris
|
# Posté le 22/01/2007 à 21:55:00 - Ce membre n'a pas mis de note |
|
Exit light ! Enter night ! Groupe : Membres |
Joli ton nouveau design clb56.
Je recommande ce site, il vous apprendra pleins de choses .
Au fait, clb56, tu serais pas morbihannais par hasard ? Mes projets
Mes tutos
Autres
|
Vous devez être inscrit pour pouvoir poster des messages
Changer de design |
En savoir plus |
Plan du site |
Politique d'accessibilité |
Règles |
RSS tutoriels |
RSS news
Édité par Simple IT SARL :
Nous contacter
| Notre blog | Revue de presse | Publicité
Y'a plus rien à lire, faut remonter maintenant !
Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.
296 Zéros connectés |
8 requêtes |
0.0328s (0.0207s)
