« Les blogs relookés | Page d'accueil | Blogpoll »

27/07/2005

Blog 1 colonne

3 bonnes raisons de passer à un mode 1 colonne :

  • Pour mettre en avant le contenu de son blog
  • Pour disposer de plus de place pour la colonne centrale
  • Comme pour chaque astuces de technoblog : personnaliser son blog
Votre choix est fait ? Voici comment faire :

Tout d'abord, cette modification est applicable uniquement avec les designs 1 et 2 pour un rendu visuel conforme :

Design 1 Design 2


Prenons l'exemple de la suppression de la colonne de droite :

1. Dans Présentation -> Configuration Avancée, éditez votre Feuille de styles.
Editez le style #right {} en ajoutant display: none; à la fin :

#right {
...
display: none;
}

Editez le style #center { } en modifiant le paramètre 'width:'. Remplacez 'width: 409px;' par 'width: 589px;'

#center {
...
width: 589px;
}


2. Dans la partie 'Présentation' -> Contenus des colonnes, transférez tous vos blocs de la partie droite vers la partie gauche dans l'ordre souhaité.
Il est possible qu'à l'avenir, certains éléments comme les albums photos s'affichent par défaut dans la colonne de droite. Il vous faudra alors transférer ce bloc vers la colonne de gauche pour le voir s'afficher.

Pour afficher seulement la colonne de droite, revenez à une configuration de base à 2 colonnes puis procédez de la même manière mais en appliquant 'display: none;' au style '#left { }' et en transférant tous les éléments de la gauche vers la droite.

Enfin, pour les plus acharnés, pour obtenir un blog sans colonnes : appliquer le 'display: none;' au 2 styles '#left{ }' et '#right{ }' puis applique une largeur de 769px 'width: 769px;' à votre colonne centrale '#center { }'

Trackbacks

Voici l'URL pour faire un trackback sur cette note : http://technoblog.blogspirit.com/trackback/227884

Commentaires

Salut,

merci pour tous ces bons conseils. Pourriez-vous me dire comment faire pour modifier l'ordre des colonnes. Exemple mettre la colonne centrale à gauche et les deux colonnes plus étroites côtes à côtes.
Y a moyen ?

Merci d'avance

Ecrit par : manuel | 14/11/2005

Salut,
Je suis entrain de modifier mon blog mais j'arrive pas à agrandir la colonne du milieu, j'utilise le modèle numéro 3.Merci si tu peux m'aider

Ecrit par : Yannick | 15/11/2005

Bonjour,
j'ai agrandi l'espace central, mais je n'arrive pas à afficher les photos en plus grand dans le coeur de la note. Comment je peux faire?

Merci beaucoup

Ecrit par : ars | 29/01/2006

Bonjour,

J'essaye en vain ! Mais je n'y arrive pas !
Est-ce que quelqu'un aurait la gentillesse de m'expliquer comment faire pour que mon blog s'affiche en plein écran !
En effet, je voudrai qu'il s'affiche comme le technoblog ! Parce que les deux espaces vides à gauche et à droite ne servent à rien et cela compresse les notes ce qui n'est pas très lisible.
Par avance merci pour votre aide parce qu'à force de jouer, j'ai eu de gros problèmes d'affichage et ne connaissant pas le language de programmation, j'ai du tout restaurer en VO :-)
Merci merci...

Ecrit par : Arnaud | 02/02/2006

Merci de votre aide.
Je m'en suis sorti... à force de perdurer dans mes recherches !

Ecrit par : Arnaud | 06/02/2006

Voilà j'ai le même problème qu'Arnaud, c'est-à-dire que je voudrais moi aussi afficher mon blog en plein écran. Or je ne suis vraiment pas très douée et je ne sais pas comment faire, alors si quelqu'un pouvait m'expliquer ce serait vraiment gentil! Merci par avance...

Ecrit par : kro | 29/03/2006

Bonjour,

Si je voulais modifier la section note recénte.

Exemple, j'ai pour projet de faire une section note récente pour chacune des catégorie, comment pourrais-je le faire??
Je sais que post lastn contrôle le nombre de titre affiché il me suffirait de savoir comment appeler seulement les titres dans mes catégorie??

Pouvez-vous m'aider?
{posts assign="post" lastn="10"}{if $post.first}{t}Recent Posts{/t}{/if}{$post.title|truncate:50:"..."}{if $post.last}{/if}{/posts}

Merci beaucoup d'Avance

Ecrit par : Guy Cardinal | 10/04/2006

J'ai trouvé dans vos conseils comment insérer un gif dans mes notes...le seul problème est que cette manipulation ne fonctionne pas!!! Vous dites de charger le fichier dans "images" répertoire du gestionnaire de fichier, puis dans la note d'insérer le code suivant: et d'y insérer l'url de l'image!!! J'ai essayé toutes les solutions possibles....mais rien n'y fait!!! Pas de gif animé....juste le script qui apparaît dans la note!!! Le code script est t'il valable ou bien la manipulation est à changée?? Merci de votre réponse.....

Ecrit par : Stéphane | 11/04/2006

Bonjour. Est-il possible à partir de"Nom du modèle de page : Feuille de styles" d'agrandir le champs principal qui contient les articles et de garder le reste. Je veux qu'il y a plus de place pour mon texte et que tout le reste reste :)
Merci

Ecrit par : Paul | 13/05/2006

Bonjour,

J'ai essayé de mettre mon blog en plein écran.Là pas de problème.Mes listes sont en bas .Comment les faire remonter vers la page d'accueil.J'ai essayé pas moyen.Ai-je raté quelque chose? Je suis donc revenu à la configuration initiale.Si quelqu'un peut m'aider ,je le remercie à l'avance, car j'aimerai qu'il soit plus grand.

Ecrit par : laurence 2 | 21/11/2006

bonjour, Merci pour tout vos conseils , je ne suis pas trop doué en informatique j'aimerai savoir si je peux tout comme vous supprimer les bandes latérals de mon blog afin qu'il s'affiche pleine page ? les deux bandes latérals me gène un peu . merci
bien cordialement fred

Ecrit par : fred | 21/08/2007

Ecrire un commentaire