Sujet: AK v.5Finale et AKCSS

[Diyo]

Bonjour à tous =}

Je suis peu présent sur le site actuellement mais ça ne m'empêche pas de m'investir. Comme vous le savez, et même s'il a un peu de retard, le lancement de la version 5 bêta est proche. Cette nouvelle version apporte quelques nouveautés fonctionnelles mais rien ou presque concernant le design. Et c'est justement à ce sujet que je crée ce topic.
La principale nouveauté de la version 5 Finale d'Anime-Kun sera de proposer un nouveau design par défaut mais également un choix de designs alternatifs. Il faut une structure html la plus propre et souple possible, ce que je vais m'efforcer de faire, mais surtout plusieurs feuilles de styles css.

Ceux qui souhaiteront participer à ce "re-design" d'A-K peuvent d'ores et déjà tester l'index du site (en sachant qu'une fois l'index réalisé, le design des autres pages sera rapide) en téléchargeant ce fichier: http://www.anime-kun.net/akcss/sources/index.html et en y liant leur propre feuille de styles.
Il est également possible de lier votre feuille de style en ajoutant le nom de votre feuille de style (sans l'extension) à l'url suivante:

Code: [Sélectionner]

http://www.anime-kun.net/akcss/index.php?css=http://chemin/nom_de_votre_css
Voici deux exemples réalisés en quelques heures de travail:
http://www.anime-kun.net/akcss/index.php?css=css1
http://www.anime-kun.net/akcss/index.php?css=css2

Dans les deux cas, la structure html reste indentique. Seule la feuille de style est modifiée. Sur ce principe, on peut décliner le design à "l'infini".

Ce type de challenge n'est pas sans rappeler le formidable site CSS Zen Garden que je vous invite à découvrir pour vous faire une idée, si ce n'est déjà fait, de l'intérêt des css.

Voici un fichier qui peut être utile et qui présente la structure html:


Si quelqu'un voit une incohérence dans la structure html, qu'il n'hésite pas à le signaler. J'y ai attaché beaucoup d'attention mais l'erreur est humaine.

Lorsque la v.5 Finale sera en ligne, ce challenge sera officialisé.

[CrY]

Et bah ce sera avec plaisir que je relèverais ton défi

Les deux premiers design sont super sympa (bien que je préfére l'actuel ) et ça me donne vraiment envie de bosser.

Je précise une petite chose, si vous n'y connaissez rien en CSS, trouvez des tutos, c'est super facile à apprendre .


Edit:  tient, une petite rubrique "éditeurs FR" est apparu , dis dis dis c'est quoi ?

[fma et devil]

Moi je préfere le deuxieme mais il faudrais juste chager le
"www.anime-kun.net"  car il est un peu... moche, mais le reste est bien, trés bien!
Bravo ! [:FLOWER:]

Malheureusement je ne peu pas relever le défis je n'y connais rien a internet désolé

[Fettgans]

Oh la bonne idée qu'elle est bonne :x Malheureusement je ne pourrai pas m'y mettre avant le 20 Juin. Je vais faire un design ms-dos, je le sens bien :]

Personnellement je serais de l'avis que même après le concours il faudrait laisser cette option ouverte (en tout cas, au moins aux membres inscrits).

Code: [Sélectionner]

http://www.anime-kun.net/akcss/index.php?css=http://chemin/nom_de_votre_cssPar contre lorsqu'on met un chemin incorrect il ne charge aucune feuille de style, à mon avis il faudrait d'abord vérifier que le fichier css lié existe avant de modifier le header html

[Diyo]

Les deux exemples proposés ne sont que des... exemples et ne figureront pas dans la liste des designs du site. C'était juste pour présenter rapidement les possibilités qu'offrent les css, notamment concernant les colonnes de navigation.

Personnellement je serais de l'avis que même après le concours il faudrait laisser cette option ouverte (en tout cas, au moins aux membres inscrits).

Ce sera le cas ;]

[Tasuki]

Ca me plait ce truc, je suis pas vraiment fameuse en CSS, je ne connais que les rudiments et les bases mais ça me donnerait bien envie de m'y mettre sérieusement et d'ajouter une pierre à AK.
Bonne idée en tout cas ^^

[kuro-wanwan]

Bon ben il me reste plus qu'à apprendre ce que c'est que le CSS, à voir comment ca marche, à apprendre à programmer... et à avoir des idées...Mais rien n'est impossible, d'ici quelques années je serai opérationnel là-dessus.

Sinon, c'est sympa comme idée. Vivement qu'on voie vos exploits artistiques.

[CrY]

Bon j'ai terminé la version Alpha de mon design ...
J'ai pas mal de souci avec les positionnements des NavRight et Left ... et du coup pour le moment le design n'est lisible que sur une résolution supérieur a 1064*768 ... [-blush]
Il faut que je déplace le footer également ... enfin je vais encore pas mal travailler dessus encore.. je trouve que c'est un peu pauvre.
J'essaye de réparer ça le plus vite possible

voici un 'tit aperçu :

01 - 02


Edit : n'hésitez pas à poster vos commentaires ... ça ne me fera qu'avancer

[Diyo]

Pourquoi ne nous montres tu pas une version avec la feuille de style liée au fichier html ou php. Là, on ne peut faire que des commentaires d'ordre visuel et non technique.

Sinon, je dois t'avouer que je ne suis pas trop fan. Comme tu le dis, c'est un peu pauvre et pâle. Et c'est très "carré" comme design.
J'attends la suite de ton travail ;]

[fma et devil]

Moi je trouve juste qu'il n'y a pas assez de couleur, comme tu dit c'est pâle il faudrais aussi changer l'arriere plan, on ne le "remarque" pas assez, sinon garde le même principe, il est bien, t'as du passez des heures a faire ça!

[CrY]

Non c'est pas un très gros travaiL ... le CSS permet de faire pas mal de choses facilement.

Enfin la je vais pas avoir le temps de travailler dessus ... ce sera pour un peu plus tard.

[fma et devil]

Non c'est pas un très gros travaiL ... le CSS permet de faire pas mal de choses facilement.

Bah moi je mis connais pas trop en ordi et créateur de programmes  

Enfin la je vais pas avoir le temps de travailler dessus ... ce sera pour un peu plus tard.

Bah, aprés l'éffort, le réconfort