*
Top_new


Menu
login

Version optimisée pour imprimer
 

Post-it

Avec le Post-it il est possible de positionner un bloc (dans ce cas une image Post-it) à un endroit défini sur un site web. De même il est possible de le fixer ou de  le positionner de telle façon qu'il soit toujours visible pour le client.

Exemple d'utilisation du Post-it (ci-contre à droite cliquer sur l'image) 


  Post-it (Instructions d'utilisation)

Pour installer un  Post-it sur CMS il faut disposer d'un bloc dans votre CMS ensuite suivre les étapes suivantes:

1.)  Créer un  bloc avec son contenu (image post it par exemple)
2.) Le positionner sur le site (via CSS)
 


 

1. Installation de Post-it en détail 

LupeCliquer sur les images pour les agrandir.

Post-it-Sticker 1.1 Création d'un bloc CMS
 

Selecter dans le Menu Quickstart Block Management
(voir PDF "Block-Management").

Cliquer ensuite sur "Créer un nouveau bloc".
 


Une fenêtre d'Edition s'ouvre

 


 1.2 Insertion d'une image ou texte  

Post-it

Insérer p.ex. Une image ou un texte.

 

avec un lien ayant pour but de donner une information. 


 

 

 

 


Post-it-Sticker

 1.3 Enregistrer et nommer le bloc

 

Enregistrer le CMS-Bloc et lui donner un nom.

 

  

Puis cliquer sur OK 

  

 


Post-it-Sticker

2. Positionner le bloc sur le site
 2.1 Via le bloc management 

On retrouvera le bloc CMS qui vient d'être créé, dans Réglage du bloc sous Blocs disponibles "Html".

Positionner le bloc Post-it sur la page désirée ou dans la zone souhaitée avec un Drag and Drop (Glisser-Déposer).
Clic ici pour illustration

ou bien autre possibilité:

2.2 Via l'Editeur VYSIWYG

Une autre façon de positionner ce Post-it sera de déposer un "CMS block" avec l'icone Editeur "CMS Element" et en cliquant ensuite sur "Propriétés" pour selecter le bloc Post-it
Clic ici pour illustration
 

Dans l'exemple choisi ici le Post-it doit être visible a un endroit determiné dans une fenêtre du navigateur.

Post-it-StickerNous le mettons donc  dans le container Milieu(Centre).

Sans information supplémentaire le bloc paraitra a l'emplacement désigné dans l'éditeur poit 1.2 ci-dessus.

Si la position doit être plus précise sur la fenêtre, il sera alors nécessaire de le préciser par quelques informations supplémentaires;
pour cela on éditera celui-ci en cliquant  1)  puis 2)sur "CSS". 
  


3. Informations concernant le CSS
Post-it-Sticker.
 

Dans l'exemple figurant sur cette page nous avons voulu afficher le Post-it sur le haut de la page sur une zone sans texte.
Nous avons donc 3 informations à modifier
Position "Absolute"
Position Haut 100
Position Droit 130

 

Ainsi le Post-it sera placé exactement comme désiré. Mais ...Voir Tip1

D'autres possibilités existent encore (fond coloré, cadre etc.

Seuls des essais pourront vous donner l'assurance sur les résultats.

 


Tip1: Remarquer ici que la position absolute fait référence à l'ensemble de la fenêtre et dépend donc de la taille de l'écran utilisé, la position pouvant varier en fonction de cette dimension; en augmentant par exemple la largeur de l'écran l'image post-it va se déplacer en conséquence.

relative Position
Une autre possibilité de positionnement "relativ": les positions sont cette fois en relation avec le container utilisé Milieu (Centre), la position et la taille du bloc à l'intérieur de celui-ci, quelle que soit la taille de la fenêtre cette position sera toujours identique

Tip2:
Il est possible d'utiliser des valeurs négatives pour obtenir le résultat escompté.

static Position

N'est pas a considérer dans cet exemple..
 

fixed Position

Comme avec la position "absolute" mais en cas de déplacement vertical (scroll) l'image reste dans sa position.


 

Bonne fin d'installation !

 


 

 

 

Design2012-Copyright

Home | Commander | Prix | Webdesign | Consultation gratuite | Test CMS gratuit | Modules/Prix | News | L'entreprise | CG | Mentions légales | Plan du site | Distinctions | Technique | Sécurité des données | Actionnaires | Assistance | Express StartSSL

© Copyright by Worldsoft SA, Pfäffikon SZ, 2012, All rights strictly reserved - worldwide! Aucun contenu, même partiel ne peut être utilisé sans autorisation écrite de Worldsoft SA. Tous droits réservés. Worldsoft est une marque internationale déposée.
Pseudo :
User-Login
Votre E-mail