Aller au menu - Aller au contenu

[Design][Wip] MyFrog.fr

Design version III

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page Précédente  1  2  3  4  Suivante
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page Précédente  1  2  3  4  Suivante
Hors ligne MEG@DARK # Posté le 30/04/2008 à 14:07:51
Anges de la mort
Reprise du dernier message de la page précédente :
J'aime bien le nouveau design mais... La nouvelle mascotte est moche. Je prefferais l'autre , elle était plus kawaii^^
Hors ligne Oli # Posté le 30/04/2008 à 16:26:59
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Ou c'est que tu vois du Web 2.0 jeremybs o_O ?

Bravo pour le nouveau design... Mais?... #%ù°!#§#"~! :( !! je suis débile:
http://www.enregistrersous.com/images2 [...] 430162346.jpg
j'ai pas fais gaffe et fais l'ancienne mascotte, pas la nouvelle :lol: .

Bon, je te ferais la nouvelle plus tard, dsl :( .
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne MEG@DARK # Posté le 30/04/2008 à 21:36:34
Anges de la mort
A l'ancienne , t'avais oublié les yeux ^^
Mais elle est bien fait , sinon ^^
Hors ligne Le Zéro # Posté le 30/04/2008 à 22:06:10
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Salut ! ;)

Merci de vos commentaires. :)
J'ai presque terminé de coder le design (cependant je ne le mettrais pas en ligne avant d'avoir totalement terminé mon site). Il s'adapte plutôt bien avec le contenu et est compatible avec tous les grands navigateurs. De ce côté la c'est ok donc. ^^
J'ai maintenant plusieurs objectifs avant de dire que j'ai fini la charte graphique :
- réaliser ou trouver les icônes & quelques éléments (messages d'erreurs ...) du site
- réaliser un fond décoré (arbres, nuages ou autre)
- réaliser une mascotte en 3D
Sur ce dernier point, j'ai vu ton travail Oli et je te remercie grandement de bien vouloir m'aider.
D'un point de vue modélisation, cela correspond à peu près a ce que je m'imaginais (mis à part bras & jambes :o ), mais je n'avais pas réaliser ces textures (un peu brouillons ^^ ) pour la modélisation 3D, je trouve donc qu'elles ne collent pas.
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 30/04/2008 à 22:11:19
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Ouais je sais, les bras et les jambe j'ai fais un peut à la va vite ^^ . Mais tu veux toujours que je continue ou que je fasse une mascotte plus comme la nouvelle ? Ou tu préfère la faire toi-même ?
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 30/04/2008 à 22:21:37
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
En fait, j'aimerais avoir le fichier source à la fin pour pouvoir la modifier ultérieurement. Mais comme je l'ai déjà dit, j'ai du mal à la modéliser.
Donc, l'idéal pour moi ça serrait que tu me fasse la modélisation et que je m'occupe des textures.
Si ça ne te dérange pas bien sûr ^^
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 30/04/2008 à 23:51:58
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Ok, ça ne me gène pas, je peut même te montrer comment j'ai fais si ça peut te servir ;) .

C'est hyper simple le tout c'est d'avoir la technique.
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 01/05/2008 à 01:13:39
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Ok merci beaucoup, c'est vraiment super sympa.
Et oui, je suis intéressé par la technique. :)

Sinon, j'ai rapidement commencé à faire des smileys : Image utilisateur Image utilisateur Image utilisateur Image utilisateur Image utilisateur
C'est juste un entrainement, ça n'a rien de définitif ;)
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 01/05/2008 à 10:52:11
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Sympa les smiley sauf qu'ils sont en pointillé certains... C'est bizarre.

De mon coté voici ce que j'ai fait:
http://b.imagehost.org/0627/myfrog2.jpg

Donc, les texture c'était juste pour l'aperçu, il faudrais en faire des plus grandes et plus belles ;) .
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 01/05/2008 à 12:24:48
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Celle la rend mieux que l'autre en 3D, je trouve. Mais j'ai l'impression que les yeux ne sont pas en 3D, c'est la modélisation ou le rendu qui me donne cette impression ?
Sinon, je pense qu'il faudrait essayer de modéliser la bouche. Je me demande aussi si il ne faudrait pas lui ajouter des bras ...

En tout cas merci :) , les autres si vous avez des commentaires n'hésitez pas ;)
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 01/05/2008 à 12:45:15
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Les yeux son en 3D:
http://b.imagehost.org/0627/e3d.jpg

Par contre pour la bouche en 3D ça dépend ce que tu veux dire, tu veux un creux ou simplement un objet 2D en guise de bouche ?


Ok pour les bras ;) .
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 01/05/2008 à 14:27:14
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Pour la bouche, je pensais a faire un petit creux ...

Sinon, j'ai un peu modifier l'interface : Capture d'écran du design codé
  • Diminution du header (pour les petites résolutions)
  • Diminution du footer
  • Ajout du nombre de connectés dans la barre de news
  • Modification de la mascotte
Édité le 01/05/2008 à 14:27:52 par Le Zéro
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Mister Fatality # Posté le 01/05/2008 à 14:37:03
Avatar
j'aime bien mais pitié rend flou le contour du footer ! c'est pas très bien arrondi c'est très spécial :s
Codeur xHTML/CSS/PHP/MySQL
Image utilisateur
 
Hors ligne Le Zéro # Posté le 01/05/2008 à 14:43:47
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Comme avant ???
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Mister Fatality # Posté le 01/05/2008 à 14:48:25
Avatar
non non mais c'est juste que le footer tu as fais une forme entre le corps et le footer
et rend cette ligne flou plz parce que sinon c'est pas très joli
Codeur xHTML/CSS/PHP/MySQL
Image utilisateur
 
Hors ligne Le Zéro # Posté le 01/05/2008 à 14:51:50
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Il n'y a aucune ligne entre le corps et le footer ^^
Mais je vais voir comment améliorer la transition

EDIT : mieux comme ça ?
Édité le 01/05/2008 à 14:59:32 par Le Zéro
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 01/05/2008 à 15:13:27
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Sympa. Tu veux toujours des bras ? Moi j'aime bien comme ça, ça fais un peut smiley :p (c'est toi qui vois). Et MP-moi si tu veux le fichier blender ;) .
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 03/05/2008 à 20:20:01
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Salut :)

J'ai commencer à réaliser l'interface du corps.
Cela m'a pris un moment car j'ai du faire de nombreux essais (formes & couleurs) avant d'arriver à quelque chose qui me plaisait.
Image utilisateur
Les boutons & boites de ce panel d'accueil seront réutilisés un peu partout sur le site. Il est donc important qu'ils soient parfaits ^^ .
Niveau fonctionnalités, une balise <area>/<map> rend l'image de la mascotte cliquable, elle nous ramène à l'accueil.

Si vous trouvez que la couleur de fond est immonde (je vous comprend ;) ), il y a justement une fonctionnalité qui vous permet de choisir votre cette couleur : Image utilisateurImage utilisateur

Sinon, je continue les smileys & autres petites choses.
@+
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 03/05/2008 à 21:35:14
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Sympa :) . J'aimerais bien voir ce que ça donne en version html quand même... mais bravo !
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 03/05/2008 à 22:22:58
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Niveau html (ou plutot Xhtml :p ), ça donne ça :Code : HTML
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
<!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" >
<head>
     <title>MyFrog.fr - Nouveau portail de jeux interactifs gratuits avec cadeaux : quizs, sondages, concours, forums, chat, classements, quêtes ...</title>
	 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	 <meta name="author" content="Maxime Quandalle" />
	 <meta name="description" content="MyFrog.fr est un nouveau portail de jeux interactifs encore en développement. (Version BETA III)" />
	 <meta name="keywords" content="jeux, gratuit, portail, communaute, froggy, myfrog, grenouille, quiz, quizs, sondage, sondages, quete, quetes, forum, forums, chat, concour, concours, classement, classements" />
	 <meta name="reply-to" content="webmaster@myfrog.fr" />

	 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design/general.css" />
	 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design/header.css" />
	 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design/corps.css" />
	 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design/footer.css" />
	 <link rel="icon" type="image/gif" href="images/favicon.gif" />
	 <link rel="shortcut icon" href="images/favicon.gif">
	 <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design/accueil.css" />	 </head>

<body style="background-color: #ffefc6">
<map name="Logomap">
  <AREA shape="Poly" title="Retour à l'accueil" coords="74, 10, 52, 20, 43, 33, 38, 45, 27, 56, 19, 76, 15, 95, 13, 125, 14, 145, 21, 158, 44, 174, 81, 180, 129, 174, 160, 163, 169, 151, 170, 123, 170, 99, 166, 85, 171, 72, 170, 54, 157, 33, 138, 23, 126, 30, 102, 25, 89, 15" href="index.php" />
</map>
	 	 <div id="header">
		 <div id="logo"><img src="images/froggy.png" alt="Froggy, mascotte du site" usemap="Logomap" /></div>
		 
		 <div id="fil_dariane">
		 <a href="plan.php">MyFrog</a> > Accueil		 </div>

		 
		 <div id="barre">
		 <div class="element_barre" onMouseOver="document.getElementById('sous_menu').innerHTML = $sous_menus[0];" ><a href="connexion.php">Connexion</a></div><div class="element_barre" onMouseOver="document.getElementById('sous_menu').innerHTML = $sous_menus[1];" ><a href="visite.php">Visite guidée</a></div><div class="element_barre" onMouseOver="document.getElementById('sous_menu').innerHTML = $sous_menus[2];" ><a href="inscription.php">Inscription</a></div><div class="element_barre" onMouseOver="document.getElementById('sous_menu').innerHTML = $sous_menus[3];" ><a href="faq.php">Aide</a></div>	<script type="text/javascript">
	$sous_menus = new Array ('', '', '', '')
	</script>
			 <img src="images/icones/rss.png" alt="Rss" title="Abonnez vous au flux Rss de MyFrog !" />
		 </div>
		 
		 <div id="sous_menu">
		 </div>

		 
		 
		 <div id="connexion-resume">
		 		 <div class="titre">Connexion</div>
		 <form method="post" action="#">
		 <input type="text" name="connect_pseudo" id="connect_pseudo" value="Pseudo" size="15" onFocus="this.value='';" onBlur="if (this.value == '') this.value='Pseudo';" /><br/>
		 <input type="password" name="connect_pass" id="connect_pass" value="----------" size="15" onFocus="this.value='';" onBlur="if (this.value == '') this.value='----------';"/><br/>
		 <label for="connect_memo" style="font-size:14px;">Mémo</label> <input type="checkbox" name="memo" id="connect_memo"/>
		 <input type="submit" value="Go" />

		 </form>
			 </div>
		 
		 <div id="barre2">
			 <div id="nbconnectes"><a href="connectes.php" title="Qui est connécté ?">1</a></div>
			 <div id="defilenews">Les news défilent ici - Les news défilent ici - Les news défilent ici - Les news</div>
			 <div id="plusdenews"><a href="nouveautes.php" title="Plus de News !"><img src="images/icones/plus.png" src="+" /></a></div>
		 </div>
	 </div>

	 
	 
	 <div id="corps">
	 
	 	 <h1>Bienvenue sur MyFrog !</h1>
	 <div id="jeux"><h3><a href="jeux.php">Jeux</a></h3>
		<a href="ticket.php" title="Gattez le ticket Froggy"><img src="images/jeux/ticket.png" alt="Ticket Froggy"/></a>
		<a href="quiz.php" title="Defiez la caummunauté au travers du quiz"><img src="images/jeux/quiz.png" alt="Le quiz"/></a>
		<a href="challenge.php" title="Jeu en développement"><img src="images/jeux/challenge.png" alt="Le Challenge"/></a>
	 </div>
	 <div id="boutons1">

		 <a href="galerie.php"><img src="images/boutons/galerie.png" alt="Galerie" /></a>
		 <a href="sondages.php"><img src="images/boutons/sondages.png" alt="Sondages" /></a>
		 <a href="boutique.php"><img src="images/boutons/boutique.png" alt="Boutique" /></a>
	 </div>
	 
	 <div id="boutons2">
		 <a href="forum.php"><img src="images/boutons/forum.png" alt="Forum" /></a>
		 <a href="membres.php"><img src="images/boutons/membres.png" alt="Membres" /></a>
		 <a href="manuel.php"><img src="images/boutons/aide.png" alt="Aide" /></a>
	 </div>

	 
	 <div id="moncompte"><h3><a href="moncompte.php">Mon compte</a></h3></div>
	 <div style="clear:both;">Disposition en dévelppement</div>

</div>
<div id="footer">
	 <p>
	 <a href="bugs.php">Bug</a> -
	 <a href="statistiques.php">Statistiques</a> -
	 <a href="contact.php">Contact</a> -	 	 <a href="http://validator.w3.org/check?uri=referer">Xhtml 1.0</a>

	 <br />
	 
© Copyright (2007-2008), tous droits réservés</p>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3599266-3");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Oli # Posté le 04/05/2008 à 02:31:20
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Bien codé, je m'attendais à de la m... Mais en fait non :D !
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 04/05/2008 à 17:21:33
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Dans le même style que le panel d'accueil, l'accueil des forums !!
Image utilisateur

Passez votre curseur sur une catégorie et sa description s'affiche dans la boite de droite.
Image utilisateur

J'attends vos commentaires ;)

PS: J'ai entièrement codé le forum de MyFrog
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne MEG@DARK # Posté le 05/05/2008 à 19:27:47
Anges de la mort
Je vois pas les images ...^^
Hors ligne Le Zéro # Posté le 05/05/2008 à 20:00:18
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Tu ne vois pas les miniatures ou c'est trop petit ? Dans ce cas clique sur les images ;)
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Ze Fainéant # Posté le 05/05/2008 à 20:21:15
Flemme à mi-temps.
Avatar
close

Ville : Grenoble
Pays : France métropolitaine
Faut scroller comme un dingue. :)
Image utilisateur


Difficile de naviguer sur le SdZ avec votre mobile ?
Optez pour zMini !
 
Hors ligne MEG@DARK # Posté le 05/05/2008 à 21:38:11
Anges de la mort
C'est blanc enfaite...^^
Hors ligne Oli # Posté le 06/05/2008 à 16:02:14
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Citation : treize
Faut scroller comme un dingue. :)

Vives les résolutions d'écrans dignes de ce nom :p !

Citation : MEG@DARK
C'est blanc enfaite...^^

Moi je vois les images...
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 09/05/2008 à 21:42:12
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Salut :)

Encore quelques modifications de l'apparence générale :
  • Un menu à été placé à gauche pour accueillir la publicité,
  • Nouvelle forme pour la barre de nouveautés et les items sont maintenant cliquables
Image utilisateur
PS: Vous remarquerez aussi l'apparition du flux RSS ;)
Édité le 09/05/2008 à 22:01:27 par Le Zéro
Hors ligne Oli # Posté le 09/05/2008 à 22:02:23
C++, C++ fort que C!!!
Avatar
Flux RSS
close

Ville : Porticcio
Pays : France métropolitaine
Super beau! Et la pub s'intègre bien en plus :) .
Image utilisateur

=>Mon blog, en exclusivité :D !!!
=>Tuto sur le GameBlender (rédaction en pause)
=>FAQ Blender sur le SdZ
 
Hors ligne Le Zéro # Posté le 10/05/2008 à 10:49:05
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
Salut ! :)

Du fait de la diminution de la largeur du corps, je trouve que les différents panels font trop serrés et trop vert :

Image utilisateur

Après, il faut voir ce que vous en pensez ;)

Sinon, je galère pas mal pour les smileys ...
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Le Zéro # Posté le 18/05/2008 à 19:36:34
Avatar
Flux RSS
close

Ville : Maisons-laffitte
Pays : France métropolitaine
UP :p
ps: j'ai mis a jour le premier post
Venez découvrir mon blog personnel !
Image utilisateur

Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 

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

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