[CSS] Mise en page laborieuse

Gulix Message lu Posté le 20 Déc 2008 à 13:24 Bulle
Avatar de Gulix
Membre Confirmé

Messages : 184
GCPoints : 8860
Code :
class="xoxo blogroll"


Ca, ca veut dire que l'élément appartient à la classe xoxo et à la classe blogroll

Tu peux donc décider de faire un traitement sur la classe xoxo, un autre sur la classe blogroll. Je sais plus quel ordre il prend, mais en cas de déclaration concurrente, il en prendra qu'un, et sinon, il combinera les différentes classes.

Code :
.xoxo:hover
{
 
}

.blogroll:hover
{

}
"Bien souvent, l'école représente votre meilleure chance. Non pas d'apprendre quoi que ce soit, bien sûr, mais de survivre à une attaque de morts-vivants".
Max Brooks - Guide de survie en territoire zombie

Mon Blog, mélange de prog' et de culture
Blind Shark - Pull N' Bounce
stilobique Message lu Posté le 20 Déc 2008 à 13:27 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Ah d'accord... j'avais jamais vu sa... merki encore à ta réponse express :proud:

Je pense qu'une petite FAQ sur le CSS pourrait être pas mal :happy:

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
stilobique Message lu Posté le 24 Déc 2008 à 12:23 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
C'est parti pour un triple double post ! :proud:

Très grosse mise à jour, la sidebar et finie, le corps va peut être subir des mises à quand au pied de page c'est validé.

Sa vous plaît ? Maintenant mise ne place d'une galerie digne de ce nom.

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Mod Message lu Posté le 24 Déc 2008 à 14:55 Bulle
Avatar de Mod
Webmaster

Messages : 4954
GCPoints : 2100823
Avec le contenu, les images... C'est mieux !

Deux détails à noter : le vert utilisé en titre sur fond marron. La différence de luminosité entre les deux est trop faible, ça gêne un peu la lecture. Et même chose pour les dates marquantes dans le calendrier à droite. Noir sur fond gris très foncé, c'est un peu dur à lire.
Melysoph Message lu Posté le 24 Déc 2008 à 16:33 Bulle
Avatar de Melysoph
Explorateur

Messages : 67
GCPoints : 21899
Bonjour,

Pour ma part, je n'apprécie guère l'effet appliqué sur les menus. Le décalage de texte m'embête plus qu'autre chose, et si le texte est trop grand, cela décale tous le menu.
Une simple petit puce qui change de couleur au survol m'irait bien mieux.
A part cela, mêmes remarques que Mod concernant la lisibilité du site.

Mais ça avance bien en tout cas, continu comme ça. ;)
* Phrase très profonde et recherchée *
Gulix Message lu Posté le 05 Jan 2009 à 15:28 Bulle
Avatar de Gulix
Membre Confirmé

Messages : 184
GCPoints : 8860
J'ai fait un petit tour sur le site, et en une capture, j'ai plusieurs remarques à faire :

Image

Voir l'image en grand

Tout d'abord, en bas à droite, je pense qu'il y a un div qui se ferme trop tôt après Janvier 2009.

En remontant un peu, ton nuage de mots-clés est trop à gauche. Un padding devrait régler l'affaire.

Ensuite, je sais pas si c'est voulu, mais le mélange Anglais-français "You must be connecté" m'a fait sourire.

Enfin, au niveau des couleurs, j'ai quelques problèmes. Déjà, les liens devraient être d'une couleur plus appropriée par rapport au thème général, et pas en bleu "lien standard". Même constat que Mod pour les titres qui ne ressortent pas bien, et cassent la cohérence.

En bonus, un outil bien sympa pour obtenir une harmonie de couleurs : http://wellstyled.com/tools/colorscheme2/index-en.html
"Bien souvent, l'école représente votre meilleure chance. Non pas d'apprendre quoi que ce soit, bien sûr, mais de survivre à une attaque de morts-vivants".
Max Brooks - Guide de survie en territoire zombie

Mon Blog, mélange de prog' et de culture
Blind Shark - Pull N' Bounce
stilobique Message lu Posté le 05 Jan 2009 à 19:27 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Merci pour vos remarque ; sa m'aide beaucoup et sa fait plaisir de se prendre des pierres dans la gueules des avis constructifs :happy:

>> Couleur Titre
D'accord, pour moi sa reste correct mais certain écran étant plus sombre sa sera certainement mieux dans tout les cas !

>> Fond Calendrier
Je corrige aussi !

>> Décalage survol menu
Pour l'effet sa me plaît donc sa va pas changer, je verrait peut être pour une puce perso au pire.

>> Fermeture Menu
Je vais corriger sa rapidement, c'est apparu depuis le nouvelle an en faite !

>> Nuage Tage
En fait c'est tout le menu qui touche trop, je corrige aussi !

>> Couleur lien
J'ai changé la couleur des liens ! Mais pas les liens dans les listes... sa va être vite corrigé !

>> Mélange Anglais-Français
La c'est un problème du à Wordpress ; je corrige dès que je trouve d'où cela vient !

Encore merci pour vos remarque, je vous tiens au courant.

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
stilobique Message lu Posté le 10 Jan 2009 à 01:21 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Alors, mise à jour ; les corrections apportées :
• Couleurs des titres des articles
• Mise en page commentaire
• Mise en page écrire commentaire
• Coloration de l'ensemble des liens


Je suis toujours en train d'essayer d'adapter le menu mais sa reste un véritable casse tête !

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
stilobique Message lu Posté le 19 Jan 2009 à 11:02 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Voila, quelque mise à jour du site web, surtout l'index du site maintenant dispo, mais pas tout à fait finit.

En revanche je n'arrive pas à trouver de script pour permettre un slide plus tranquille des icones projets (Holyspirit et Typhée). Vous en avez pas quelqu'un qui traine ?

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Daru13 Message lu Posté le 19 Jan 2009 à 12:38 Bulle
Avatar de Daru13
Membre Elite

Messages : 2884
GCPoints : 108090
J'ai cherché deux minutes sur Google, j'ai trouvé ça, je sais pas si ça peut t'aider :smile: .
En tout cas, j'aime bien le design et l'organisation de ton blog, l'est biens ympa =).

Juste un truc : j'ai croisé un smiley entouré de blanc, bouh ! :tongue:
Dernière édition le 19 Jan 2009 à 12:42
Mod Message lu Posté le 19 Jan 2009 à 14:23 Bulle
Avatar de Mod
Webmaster

Messages : 4954
GCPoints : 2100823
Ce n'est pas trop complexe à coder, je pense que tu as déjà du faire quelque chose de plus complexe. Je peux toujours te donner la méthode à suivre, sinon, il y a un exemple dans le code de GameCorp :

http://www.game-corp.net/vmenu.js

Le tout étant d'associer les évènements "onmouseover" et "onmouseout" à la fonction "SwitchMenu()" (au lieu de "onmouseclick" comme c'est le cas ici).

Je vois qu'il y a des onglets sur ta page d'index, la v2 de GameCorp ne devrait pas être trop dépaysante sur ce point là ^^.
stilobique Message lu Posté le 19 Jan 2009 à 19:18 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Mod, tu sait bien que je suis allergique à la programamtion :absurd:

Non, merki bien je vais regarder sa.
Daru, je regarde aussi ; je vous tiens au courant.

Pour les smiley je corrige, c'est une erreur de ma part !

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Mod Message lu Posté le 19 Jan 2009 à 19:42 Bulle
Avatar de Mod
Webmaster

Messages : 4954
GCPoints : 2100823
Avec le titre de "Programmeur PHP" que tu avais sur CDJ, ça ne doit pas être une allergie si terrible que ça ^^.
stilobique Message lu Posté le 21 Jan 2009 à 20:17 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Le PHP c'est le PHP :proud:

Non, j'ai beaucoup de mal avec le javascript !

Enfin bref, je réfléchi un peut la dessus, sinon correction pour les smiley effectués.

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Répondre
GameCorp - Site d'apprentissage et d'entraide à la création de jeux vidéo.
XHTML Valid 1.1 - Page générée en 0.0462 secondes