Samedi 28 juin 2008
Après quelques mois d'absence, voici un ajout de CSS pour personnaliser les albums photos.



#general #cl_1_0 {border: 0px; width: 940px; position: float; float: left; margin: 0px 5px; padding: 3px;} /* Colonne principale des albums*/
 .thumbAlbum {width: 120px; height: 120px; float: left;} /* Aspect de vignettes: toutes la meme taille */
 .suivAlbum {text-align: right;} /* Emplacement du lien photos suivante */
 .nomPhotoAlbum, .retourAlbum {display: none;} /* Suppression des infos "inutiles" en haut des albums */
 #photo {margin: 15px 0px; text-align: center;} /* Presentation des photos : alignement et espacement */
 .lienAlbum {padding-left: 15px;} /* Ajout d'espace entre les albums */



Ce petit CSS à rajouter dans le css habituel, permet de personnaliser un minimum les albums. Si vous avez par le passé modifié la structure dans le css (lignes #cl_1_....), les albums peuvent ne pas s'afficher normalement: ils ont une structure différente, SAUF si dans le css vous indiquez une structure globale. La première ligne de ce CSS suffit à régler ce problème.
Par Designs - Publié dans : CSS complet
Ecrire un commentaire - Voir les 1 commentaires - Recommander
Vendredi 1 février 2008
Créer un design, c'est bien, encore faut-il ne pas trop vouloir en faire. Il faut réflechir, tester, que ce soit au niveau des positions des modules que des couleurs.

Voici quelques règles de bases:
  • Eviter un design trop lourd: Les lumières clignotantes, les animations partout, les couleurs différentes partout ne sont pas du tout agréables à l'oeil.
  • Les vidéos en lancement automatique: C'est long à charger, ça ralentit le visiteur, le serveur...
  • Limiter le nombre de couleurs: En général, on utilise 2 ou 3 couleurs principales, avec des variations de ces couleurs si besoin. Les couleurs doivent mettre en valeur, pas attirer les yeux à différents endroits.
  • Une organisation illogique: Il parait logique de mettre un menu visible et à portée de clic. Tout le monde ne pensera pas à survoler l'image pour voir le super beau menu en flash tout joli mais pas très pratique.
  • Le langage SMS: Tout le monde ne le parle pas. C'est lassant de devoir déchiffrer ce qui est écrit. (je sais, ce n'est pas du design, mais si le contenu est pas terrible, le design ne servira à rien).
  • Les fautes d'orthographe: Il est préférable des les éviter (attention, je ne dis pas que vous devez utiliser le subjonctif passé lorsque vous eussiez dû) mais un minimum de respect pour le langage est un plus.
  • Des publicités partout et des popups: La publicité détourne l'attention de votre visiteur et peut l'agacer fortement, il faut donc la doser. De la même manière, évitez toute sorte de pop-up qui soit seront bloquées par le navigateur du visiteur, soit lui donneront envie d'aller voir ailleurs.

Par Designs - Publié dans : Astuces CSS
Ecrire un commentaire - Voir les 3 commentaires - Recommander

Recherche

Catégories

Syndication

  • Flux RSS des articles

Présentation

  • designs
  • : Un blog sans prétention pour aider les gens à modifier facilement un design sur over-blog.
  • : design CSS HTML Hi Tech
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus