Aller au menu - Aller au contenu
Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

Webdesign des Zéros

portfolios, sites etc, montrez nous!

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page Précédente  1  2  3  4  5  6  7  ...  62  63  64  65  Suivante
Auteur Message
3 visiteurs sur ce sujet (3 anonymes)
Page Précédente  1  2  3  4  5  6  7  ...  62  63  64  65  Suivante
Hors ligne MyGB # Posté le 21/08/2008 à 13:57:35
Ying quoi ?
Avatar
Flux RSS
close

Reprise du dernier message de la page précédente :
Pardon, j'ai rien dit, j'ai confondu avec celle là (j'ai fini par retrouver le lien ^^ ).
Ici.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Publicité # Posté le 21/08/2008 à 13:57:35

Hors ligne ricocorto # Posté le 21/08/2008 à 14:07:32
Avatar
c clair elle est canon (bien rétro)
ça sent bon la vielle coque en bois
j'ai pas le droit de la prendre?

http://barlenoroit.lescigales.org

 
Hors ligne MyGB # Posté le 21/08/2008 à 14:24:02
Ying quoi ?
Avatar
Flux RSS
close

Citation : ricocorto
j'ai pas le droit de la prendre?

Pas bien compris ta question ?
Il faut l'acheter si tu veux l'avoir sans le filigrane ? C'est ça que tu demandes ?
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne ricocorto # Posté le 21/08/2008 à 14:36:09
Avatar
j'avais pas vu le texte désolé

http://barlenoroit.lescigales.org

 
Hors ligne Dinozzo # Posté le 21/08/2008 à 18:16:46
Avatar
Waw ! je suis vraiment impressionné par les design de The Only One !!

et puis c'est pas grave si c'est impossible à coder ^^ on se fait plaisir, on montre ses images, on a pas pour but d'appeler un indutriel pour vendre à tout prix. J'ai pas l'intention de limiter mon imagination en pensant à la difficulté que ça posera à coder. Mais je respect le fait qu'on veuille faire un design pratique !

Encore une fois j'adore tes réalisations The Only One, j'en veux pluuuuus ^^ continue comme ça !

Salutations à tous !!
Hors ligne HammHetfield # Posté le 21/08/2008 à 19:50:37
Parse error
Avatar
Certes, de temps en temps, on s'en fout un peu du codage, mais pour ma part je fais en sorte qu'ils soient tous codables facilement... et si possible extensibles!

Enfin bref, c'est vrai que de temps en temps, je e permet un écart, mais j'evite, parce que on ne sais jamais, si un jour je veux en utiliser un et qu'il est pas codable :s

Bref!
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne l'invisible # Posté le 22/08/2008 à 15:25:08

Citation : Dinozzo
Tout à fait d'accord HammHetfield, encore navré ;)

Je viens de retrouver deux de mes premiers design (j'en ai pas fait beaucoup je vous rassure)

Je vais vous les montrer histoire de donner un peu de courages à ceux qui se lancent pas pour nous montrer leur créations ;)
Design 4
Design 5 (vous moquez pas :D )


Voilà :D bonne continuation à tous et toutes !

Je suis trop fan du design 4 !! :p
Hors ligne HammHetfield # Posté le 22/08/2008 à 16:14:12
Parse error
Avatar
C'est vrai qu'il est bien! Pas trop chargé, pas trop vide, jusque qu'il faut ^^

(mais il n'est pas codable!!!! => je sors)
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne MyGB # Posté le 22/08/2008 à 16:39:33
Ying quoi ?
Avatar
Flux RSS
close

Citation : HammHetfield
C'est vrai qu'il est bien! Pas trop chargé, pas trop vide, jusque qu'il faut ^^

(mais il n'est pas codable!!!! => je sors)

Tu dois apprendre quelque chose.
Tout est codable.
Code : HTML
1
<img src="http://sd-1.archive-host.com/membres/images/11953791782234012/design30_Full.png" alt="Le design de Dinozzo"/>


Voila comment on fait :p .

Non, plus sérieusement, suffit d'être inventif !
Édité le 22/08/2008 à 16:41:00 par MyGB
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 17:23:42
Parse error
Avatar
Quand je dis codable, je veux dire qu'il ne peut pas etre extensible, meme pas en hauteur, ce qui est un minimum! Et puis bon, je trouve que l'interet du CSS c'est de pouvoir changer le design rapidement et facilment, pour coder un design comme ca, c'est plutot galere, et tu ne pourras pas adapter!
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne Kenny.s # Posté le 22/08/2008 à 18:23:25
Avatar
Une petite note pour l'extensibilité : moi, maintenant, je préfère que mes designs soient fixes en largeur, pour la simple raison que lorsque c'est fixe, il est plus simple d'écrire le contenu (on ne doit plus se soucier des tailles des images), on peut mettre plus de détails et on sait que le site va s'afficher de la même manière sur les autres ordinateurs. Sans oublier le fait que c'est plus facile à coder.

Concernant l'extensibilité en hauteur, on peut utiliser overflow pour les scrollbars. Mais bien sûr, on ne voit pas ça partout. Mais pour les sites qui n'ont pas beaucoup de texte (portfolio), c'est une solution envisageable.
Hors ligne l'invisible # Posté le 22/08/2008 à 18:39:55

Citation : HammHetfield
Quand je dis codable, je veux dire qu'il ne peut pas etre extensible, meme pas en hauteur, ce qui est un minimum! Et puis bon, je trouve que l'interet du CSS c'est de pouvoir changer le design rapidement et facilment, pour coder un design comme ca, c'est plutot galere, et tu ne pourras pas adapter!

En réfléchissant un peu il doit y avoir moyen...
Hors ligne MyGB # Posté le 22/08/2008 à 19:15:42
Ying quoi ?
Avatar
Flux RSS
close

Citation : HammHetfield
Quand je dis codable, je veux dire qu'il ne peut pas etre extensible, meme pas en hauteur, ce qui est un minimum! Et puis bon, je trouve que l'interet du CSS c'est de pouvoir changer le design rapidement et facilment, pour coder un design comme ca, c'est plutot galere, et tu ne pourras pas adapter!

Le design numéro 4, connaissant bien le CSS, je peux te dire qu'en modifiant le côté droit du menu pour qu'il démarre en haut sur un point qui sera sur le même axe y du bas de l'image ainsi que de déplacer la forme de la bannière qui est la plus à droite un peu à gauche, le design serait parfaitement extensible.

Sinon, prenons l'exemple de mon blog, quand j'ai conçu le design, je ne connaissais pas très bien la manière de le faire extensible en largeur, depuis, je ne l'ai pas modifié car la taille va bien (pourtant je devrais vu que les marges négatives (<0) font "sales", et avec la méthode plus propre, on peut l'avoir extensible ou non). Donc je suis assez d'accord avec TheOnlyOne.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 19:18:35
Parse error
Avatar
Yopla, j'ai fait une bourde, je ne me rappellais pas que c'était celui là ^^ En effet, celui-ci est parfaitement codable!
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne MyGB # Posté le 22/08/2008 à 19:22:58
Ying quoi ?
Avatar
Flux RSS
close

Par contre, c'est sûr, plus il y a d'arrondis (voir même des cercles et demi-cercles), plus c'est difficile d'offrir un design extensible.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 19:39:35
Parse error
Avatar
ben je n'ai pas encore trouvé de solutions propre pour faire un design extensible ne largeur avec des arrondis... Si tu en connais une, je veux bien :D
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne MyGB # Posté le 22/08/2008 à 19:45:24
Ying quoi ?
Avatar
Flux RSS
close

Oui, (mais c'est payant :p ).

En fait, dans ton code, tu as :
Code : HTML
1
2
3
4
5
6
7
<div id="menu">
  <div id="menu_gauche">
     <div id="menu_droite">
        <div id="menu_centre"><p>Lorem Ipsum</p></div>
     </div>
  </div>
</div>


Et dans le CSS, tu ne redimensionnes pas les côtés, mais tu définis le background à gauche ou à droite.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 19:49:12
Parse error
Avatar
Ben ça ne marche pas... Le design est extensible en largeur, mais plus en hauteur!!
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne MyGB # Posté le 22/08/2008 à 19:55:08
Ying quoi ?
Avatar
Flux RSS
close

Oops, j'ai pas précisé qu'il faut mettre des padding de la taille de l'image dans le CSS.
Par exemple, pour le #menu_gauche, si ton image fait 15px, tu fais padding-left:15px.
Pour le #menu_droite, tu fais padding-right:15px.

Voila, après, ça devrait aider.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 19:59:45
Parse error
Avatar
Ca ne resoud pas le problème de la hauteur...

Si j'ai bien compris a methode voilà ce que je crois qu'il faut faire :

1 = faire un block avec des bords arrondis

2 = Découper pou avoir 3 colonnes : gauche, centre large et droite

3 = Dans le CSS, coller droite et gauche au centre.

Dans ce cas, si le block s'étend sur la longueur les arrondis de droite et de gauche vont se répéter, ca ne marche donc pas.
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne MyGB # Posté le 22/08/2008 à 20:04:01
Ying quoi ?
Avatar
Flux RSS
close

Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<div id="haut">
  <div id="haut_gauche">
     <div id="haut_droite">
        <div id="haut_centre"><p>Lorem Ipsum</p></div>
     </div>
  </div>
</div>

<div id="centre">
  <div id="centre_gauche">
     <div id="centre_droite">
        <div id="centre_centre"><p>Lorem Ipsum</p></div>
     </div>
  </div>
</div>


Tu ne "colles" pas la gauche et la droite au centre.
Il ne fait pas les redimensionner, simplement dire de mettre les fonds sur un côté.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 20:12:45
Parse error
Avatar
D'accord, et là nous arrivons à la technique que j'utilise qui est plus que scabreuse! Ca ne ressemble à rien, c'est incompréhensible, et je ne me vois pas faire ça 40 fois!!!

Pour les forums PhpBB, ils utilisent une autre methode il me semble, mais je n'arrive pas à comprendre laquelle! Bref, ce n'est pas le sujet ^^
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Hors ligne MyGB # Posté le 22/08/2008 à 20:15:46
Ying quoi ?
Avatar
Flux RSS
close

Citation : HammHetfield
Ca ne ressemble à rien, c'est incompréhensible, et je ne me vois pas faire ça 40 fois!!!

C'est chiant à comprendre mais c'est très simple une fois enregistré, essaye de piger en voyant deux ou trois sites, faits comme ça, regardes le tuto sur le SdZ.

De plus, t'a déjà vu des ombres sur un forum PhpBB ? C'est juste des border:1px. Et dans les header de tableaux tu as des fonds, c'est tout.

Ma technique est (la seule ?) qui fasse des bords extensibles (ou non en largeur) avec des ombres et extensibles en hauteur (ou non).
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne HammHetfield # Posté le 22/08/2008 à 20:17:36
Parse error
Avatar
Euh pour ma part je ne parlais pas d'ombres, mais de bords arrondis en fait ^^

Je ne dis pas que je n'ai pas compris, je dis juste que c'est vraiment moche comme code!
Portfolio de webdesign
Je ne suis pas disponible pour réaliser des projets/commandes/demandes ou quoi que ce soit.

La section recrutement existe et les designers qui cherchent des projets y vont aussi, envoyer des MPs ne sert pas à grand chose hormis déranger ceux qui ne sont pas intéressés ou disponibles !
 
Connecté hotgeart # Posté le 22/08/2008 à 22:58:44
Euh... voila :o)
Avatar
Voici un Portfolio: www.Hotgeart.c.la
Le thème actuelle de Wordpress n'est pas de moi.

Je cherche des boulots en design :-°
++
rencontre ados
 
Hors ligne MyGB # Posté le 23/08/2008 à 08:58:42
Ying quoi ?
Avatar
Flux RSS
close

Un rapide design fait en même pas 30 minutes, je sens que vous allez aimer les effets ^^ ...

Wisteb :
Image utilisateur


Note: C'est vraiment fait rapidement, j'ai pas trop prêté attention au découpage, néanmoins, ça peut se combler avec une autre texture.

Bords extensibles et tout :) ('fin, comme j'ai dit juste sur la ligne au dessus, ça peut rendre très moche).

Citation : HammHetfield
Euh pour ma part je ne parlais pas d'ombres, mais de bords arrondis en fait ^^

Je ne dis pas que je n'ai pas compris, je dis juste que c'est vraiment moche comme code!

J'ai fait ça avec la technique que je t'ai montrée, c'est peut-être pas propre (enfin, pour moi, si, ça fait simplement bizarre de mettre les côtés avant le centre), mais c'est clair (et y'a pas vraiment d'autre solutions).

Edit: Après avoir modifié le fond, ça rend mieux non ?
Wisteb 2 :
Image utilisateur



Par contre, je ne me suis pas attardé sur les menus.
Édité le 23/08/2008 à 09:12:33 par MyGB
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Connecté hotgeart # Posté le 23/08/2008 à 10:36:39
Euh... voila :o)
Avatar
Citation : MyGB

Wisteb 2 :
Image utilisateur


Par contre, je ne me suis pas attardé sur les menus.


on dirait que sa a été couper juste au dessus de la ban.
++
rencontre ados
 
Hors ligne Dross # Posté le 23/08/2008 à 12:02:37
Avatar
Flux RSS
close

Études : UTC
C'est une idée intéressante :) Mais faudra essayer de l'exploiter de manière plus clean (on vois les raccords) :)
Image utilisateurImage utilisateur



 
Hors ligne Garnoule # Posté le 23/08/2008 à 13:25:12
Zér0 parmi les Zér0s...
Avatar
Wah, je me rends compte qu'il y a de véritables artistes ici, ça donne des idées... Encore faut-il avoir les moyen pour les appliquer, mais c'est vraiment sympa n__n.

Perso je n'oserai pas poster mon design actuel car il est d'une simplicité effarante -___- mais quand j'aurais le temps (et les capacités), j'espère en faire un meilleur, dans le thème dessin-montages-photo (qui a un rapport avec le contenu quoi XD)
Alea Jacta Est !
 
Hors ligne MyGB # Posté le 23/08/2008 à 14:05:50
Ying quoi ?
Avatar
Flux RSS
close

@Garnoule, c'est pas grave, c'est en montrant qu'on apprend ^^ . Par contre, ton site, c'est pas pour du 1280*1024px. L'image de fond est coupée.

Citation : Dross
C'est une idée intéressante :) Mais faudra essayer de l'exploiter de manière plus clean (on vois les raccords) :)
Citation : MyGB
Note: C'est vraiment fait rapidement, j'ai pas trop prêté attention au découpage, néanmoins, ça peut se combler avec une autre texture.

Bords extensibles et tout :) ('fin, comme j'ai dit juste sur la ligne au dessus, ça peut rendre très moche).


Y'a un raccord sur la ligne séparatrice car je pensais faire des ombres et j'ai fusionné les trois : bannière, barre séparatrice et le contenu, pour n'avoir qu'un seul côté.
Et si après avoir lu mes posts, vous faisiez un tour sur mon site ?

Article de mon blog contenant le Guide des Solutions de CCDS approuvé par Neamar.
 
Hors ligne Dinozzo # Posté le 23/08/2008 à 17:52:59
Avatar
Magnifique boulot les gars, j'apprend pleins de trucs sur le CSS merci !Citation : MyGB
Tu dois apprendre quelque chose.
Tout est codable.

<img src="http://sd-1.archive-host.com/membres/images/11953791782234012/design30_Full.png" alt="Le design de Dinozzo"/>


Voila comment on fait .

Non, plus sérieusement, suffit d'être inventif !


Me suis vraiment bien marré en lisant ça ^^ nan mais c'est vrai ;) si ce que je dessinais avait un quelconque but commercial ou non, bien sure je ferais gaffe au codage plus tard. Mais moi le WD c'est pour me détendre, ça relax je trouve ^^ et puis c'est une discipline du graphisme comme une autre :D .

Je vais me remettre une peu sur quelques projets restés en stand-by et vous demander votre aide ^^ mais là je fais un ptit break "industriel" héhé j'essaye de dessiner des objets à partir de zero et c'est pas évident je vous le jure. Allez, je sais que si tous le monde faisait comme moi, ce Topic ne serais plus consacré au web-design mais je vais quand même vous demander vos avis sur cette pièce d'engrenage :
Rouage

Encore bravo MyGB pour ton design, c'est le genre de style qui me plaît, mais il est presque trop grand au niveau du texte je trouve.

Bye tout le monde !

Retour au forum "Graphisme 2D" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx