Modèles de disposition des Spaces Live.com

 

Modèles de disposition des Spaces Live.com

24-06-2008

1 – Les différents modèles de colonnage proposés par les Spaces Live.com


En mode édition, dans l’onglet "Personnaliser", cliquez sur "Modifier la disposition"

S’ouvre alors la fenêtre des différentes dispositions proposées par les Spaces.Live.com

En cliquant sur un des modèles, il se borde de bleu, il est donc sélectionné.

Puis vous cliquez sur "Enregistrer", vous avez alors appliqué le choix à votre Spaces.Live.com.


2 – Les Tailles en pixel des différents modèles de colonnage

Pour adapter les éléments qui vont être intégrés dans votre blog, il est nécessaire de connaitre les mesures en pixel de votre modèle de colonnage.

Tenez compte des espaces entre les colonnes qui font 7 pixels, au plus vous aurez de colonnes au plus vous aurez d’espaces entre les colonnes.

Modèle 1 :

Se compose d’une seule colonne de 982 pixels

Cependant les modules additionnels se disposent sur une moitié de colonne de 488 pixels de large, compte tenu des marges vides entre les modules, certains modules comme le sandbox, peuvent au choix être sur une demi colonne ou sur toute la largeur comme ci-dessous :


Modèle 2 :

Se compose de deux colonnes d’égale largeur de 488 pixels de large.

Les modules additionnels se disposent sur une moitié de colonne de 488 pixels de large, compte tenu des marges vides entre les modules.

Certains modules comme le sandbox, peuvent au choix être sur une demi colonne ou sur toute la largeur, comme ci-dessous :


Modèle 3 :

Se compose d’une colonne centrale de 613 pixels et de deux colonnes latérales d’égale largeur de 178 pixels de large.

Les modules additionnels se disposent sur une moitié de colonne de 488 pixels de large, compte tenu des marges vides entre les modules.

Certains modules comme le sandbox, peuvent au choix être sur une demi colonne, sur toute la largeur, ou sur une des deux colonnes latérales, comme ci dessous :


Modèle 4 et 5 :

ou

Se compose d’une grande colonne de 795 pixels et d’une colonne latérale à droite ou à gauche 180 pixels de large.

Les modules additionnels se disposent sur une moitié de colonne de 488 pixels de large, compte tenu des marges vides entre les modules.

Certains modules comme le sandbox, peuvent au choix être sur une demi colonne, sur toute la largeur, ou sur une des deux colonnes, comme ci dessous :


Modèle 6 et 7 :

ou

Se compose de deux grandes colonne de 395 pixels et d’une colonne latérale à droite ou à gauche 178 pixels de large.

Les modules additionnels se disposent sur une moitié de colonne de 488 pixels de large, compte tenu des marges vides entre les modules.

Certains modules comme le sandbox, peuvent au choix être sur une demi colonne, sur toute la largeur, ou sur une des trois colonnes, comme ci dessous :


Modèle 8 :

Se compose de quatre colonnes de 240 pixels

Les modules additionnels se disposent sur une moitié de colonne de 488 pixels de large, compte tenu des marges vides entre les modules.

Certains modules comme le sandbox, peuvent au choix être sur une demi colonne, sur toute la largeur, ou sur une des quatre colonnes, comme ci dessous :


3 – Précautions à prendre

Quand vous installez des tableaux, des images, des vidéos, veillez donc à ce que la taille de votre média ne dépasse pas la taille de la colonne, sinon il sera tronqué.

D’autre part veillez aussi que la correspondance des tailles (hauteur = height, largeur = width) dans votre code source, soit conforme entre la taille que vous déclarez pour votre balise ( div, table) et de votre média.

 


<table width="400px" height="500px"
bgcolor="#CCCCCC"
border="0" align="center">
<tr><td>
<img src="url de l’image"

width="400px" height="500px"

border="0">
</td></tr>
</table>

ou encore :

<table width="400px" height="500px"
bgcolor="#CCCCCC"
border="0" align="center">
<tr><td>
<img src="url de l’image"

style="width : 400px ; height : 500px;"

border="0">
</td></tr>
</table>


A propos micdec

I am a versatile engineer has retired and intense activity on the net, I maintains an openness of mind and some agility thereof. Contacts with persons younger than me motivate me and help me in this direction. Help my next in the best of my ability and knowledge is part of my most precious values as rewarding.
Cet article a été publié dans WINDOWS LIVE SPACE. Ajoutez ce permalien à vos favoris.

2 commentaires pour Modèles de disposition des Spaces Live.com

  1. censure dit :

    je pense avoir compis du fait que je me suis déja penché sur le probléme afin de réaliser mon blog.j\’ai réussi au bout de longues heures d\’avoir quelque chose de présentable.mais je touche plus,la!par contre,je ne pense pas que les gazelles et certains lionceaux ne comprendront pas grand chose!amitiés

  2. Michel dit :

    Le savoir est comme un escalier sans fin….il y aura toujours quelqu\’un sur la marche juste au dessus pour aider…..mais nous ne devons surtout pas oublier de regarder avec bienveillance les marches que nous venons de franchir……il y a bien quelqu\’un à qui tendre une main secourable…. Ici, j\’ai marché dans la boue du chemin de la recherche…et a présent que mes empreintes sont sèches, les Gazelles et les Lionceaux peuvent ainsi suivre mes traces en mettant leurs pas dans les miens…. Tu as la sagesse, Pat car tu sais que le mieux est l\’ennemi du bien…….

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s