Gestion des designs - Personnaliser son thème

Après beaucoup d'efforts, le staff d'over-blog va prochainement mettre à jour la gestion des thèmes sur les blogs. Au menu en avril: nouvel affichage dans l'administration, possibilité de personnaliser sans modifier le CSS, et modifications des fenetres popup sur les blogs.

Cette mise à jour de l'administration des thèmes sera accompagnée (avec un léger décalage dans le temps) par l'arrivée de nouveaux designs.


Choix d'un thème
Pour choisir un thème, la liste est plus claire. On voit dorénavant la liste des designs. Pour voir les variations d'un thème, il faut la choisir dans la liste proposée. Comme mes propos ne sont pas très clairs, petite caputre d'écran:


On remarque qu'on voit directement les possibilités de structures pour chaque design. On gagne également un clic pour sélectionner un thème, vu que tout se passe sur la page, et plus dans une fenêtre à part. En un mot, une page plus rapide à charger, et plus claire que l'actuelle.



Personnaliser son thème
Un nouvel onglet apparait dans la gestion des thèmes, il permet d'avoir un apeçu des couleurs de son blog et de les modifier directement, sans devoir modifier le CSS. Un exemple en image (qui part d'un design American Beauty):


Ce formulaire ne peut pas tout modifier (puisque certains designs ne sont pas concus de la même façon). voici la liste des éléments modifiables:

• Couleur de fond du blog / Image de fond
• Couleur, police et taille du titre
• Couleur, police et taille des titres des articles et des pages
• Couleur des fond des articles et des pages
• Couleur, police et taille des articles et des pages (le contenu)
• Couleur, police et taille du titre des modules
• Couleur, police et taille des commentaires
• Couleur, police et taille des réponses aux commentaires.

Notez qu'il peut y avoir une légère différence entre l'aperçu et la réalité (en particulier si vous avez modifié votre CSS)



Mode CSS
Un nouveau nom pour le relookage de cette partie. Elle est toujours réservée aux utilisateurs avertis, puisqu'elle nécessite des connaissances en CSS et/ou HTML. Au niveau des modifications:

• Coloration syntaxique et numérotation des lignes sur la page "Original"
• Suppression du css "global" pour faciliter la vie des bloggueurs: ceux qui comprennaient son utilité arriveront à gérer le nouveau système, et ceux qui ne comprenaient pas seront moins perdus.

Fenêtres sur les blogs
Les fenêtres du blog sont également repensées, avec quelques modifications pour les fenêtres "ajouter un commentaire", et  "recommander":

• Impossibilité de changer le design de ces fenêtres. Cela permet de s'assurer que les visiteurs pourront toujours utiliser les formulaires, y compris après des erreurs de CSS. Cela règle également les problèmes de "largeurs" liés à certains designs.
• Une meilleur gestion des problèmes lors de l'ajout de commentaires, avec des messages d'erreur en rouge, toujours lisibles.
• Possibilité de recommander un article simultanément à 20 contacts. Pour le choix des contacts, il est possible d'accéder à sa liste de contact sur son compte hotmail, msn, yahoo, google...
• Il est possible de recommander cet articles à ses amis sur Facebook, Twitter, Digg, Del.icio.us

Voici deux captures pour se rendre compte:

Et la page recommander:

Comments

[FG]

J'aimerai que mon blog occupe toute la largeur de la fenêtre web ! Là il y a 5 centimètre de marge des deux côtés, et du coup si je mets des colones de chaque côté mon texte se retrouve compressé
au milieu alors que s'il s'étirait d'un bout à l'autre.... ca irait beaucoup mieux !

Aidez moi svp ! je sais que c'est possible car je l'ai deja fait et impossible de retrouver comment !

[Over-FAQ]

La marge dépend de la taille de l'écran du visiteur. Pour ne pas avoir de marge, il faut utliser des largeurs en pourcentage. On parle alors de design élastique. Attention: cela n'a pas que des
avantages. (Pour la technique, un tour sur le forum en cherchant élastique, etc... ca devrait suffir)

[claire]

1/ pour la création du désign du blog ouvert hier, je n'arrive pas à selectionner la structure 3 colonnes verticales(petite, grande, moyenne) du modèle prédéfini "overblog".
2/ les modif apportées en personnalisation du design même enregistrées, reviennent automatiquement au système initial...?

[Over-FAQ]

1/ Certains designs ne sont pas disponible avec toutes les structures.

2/ Attention: on ne peut pas personnaliser le css ET le design. C'est l'un ou l'autre. Il faut fouiller, il y a une explication sur le forum pour pouvoir s'en dépatouiller facilement.

[siratus]

Merci beaucoup pour votre prompte réponse. Cela me rassure...j'espère oser changer d'ici quelques jours...quand la mer sera calme !
Bonne soirée

[siratus]

Comment le néophyte (que je suis) doit s'y prendre pour changer de design ?
Ma galère est en Ethnic Maori, 3 colonnes. Je voudrais passer en 2 colonnes sur un des nouveaux design.
Suffit-il de quelques clics ?
La méthode est-elle :
-changer la structure (3 colonnes...passer en 2 colonnes)
-choisir un nouveau design
-personnaliser le thème
-reclasser les modules
et valider... ?
Je vois une case pour retourner à la configuration d'origine, c'est rassurant, j'ai quand même peur de tout casser !
Quel est le meilleur moment pour tenter le changement ? (la nuit ?)
Merci beaucoup de m'indiquer la meilleure marche à suivre.

[Over-FAQ]

Les différentes étapes:
 * 1 ou 2: changer de design.
 * 1 ou 2: changer de structure sur la page configurer. (et si besoin, remettre les modules dans le bon ordre)
 * 3 personnaliser le thème.

[pixelif]

des bonne news tout sa !^^