DOMAssistant.boxIt
Encadrer n'a jamais été aussi rapide...
Des tests... - Testing zone
Pour une étude détaillée des exemples, reportez-vous au code-source de la page. (les CSS sont ici et le launcher là.)
For details, go to the page source. (CSS are here and launcher there.)
Tests de base - Basic tests
Paragraphe - Paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut metus nibh, varius porttitor, iaculis ac, pretium a, lacus. Proin convallis tellus a massa. Suspendisse gravida pellentesque pede. Duis consectetuer, dui ut molestie fermentum, augue turpis tempus ante, quis sodales tortor lectus sed risus. Phasellus laoreet laoreet felis. Ut eleifend. Etiam iaculis scelerisque odio. Sed id nisi. Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue. Ut facilisis urna sit amet lectus. Morbi sed magna. Proin lorem est, tempor sed, sodales eu, ultricies eget, velit. Donec at velit. Vestibulum enim massa, iaculis vitae, pretium a, interdum ac, tortor.
Liste avec éléments flottants - List with floating elements
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- In rutrum metus et lectus.
- Sed in nunc sed erat posuere egestas.
- Duis sodales metus eu dolor.
- Quisque tincidunt vehicula nunc.
Pour un formulaire - On a form
boxIt sur image - boxIt on img
Liste avec encadrement général, éléments encadrés et éléments nus - Framed list with both framed and "nude" elements.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- In rutrum metus et lectus.
- Sed in nunc sed erat posuere egestas.
- Duis sodales metus eu dolor.
- Quisque tincidunt vehicula nunc.
Tests avançés - Advanced tests
Emboîtements multiples - Multiple use
1
2
3
4
6
8
12
13
14
15 — paragraphe avant
16
15 — paragraphe après
Paragraphe encadré, illustré et avec lettrine - Framed and illustrated paragraph with reference letter
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut metus nibh, varius porttitor, iaculis ac, pretium a, lacus. Proin convallis tellus a massa. Suspendisse gravida pellentesque pede. Duis consectetuer, dui ut molestie fermentum, augue turpis tempus ante, quis sodales tortor lectus sed risus. Phasellus laoreet laoreet felis. Ut eleifend. Etiam iaculis scelerisque odio. Sed id nisi. Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue. Ut facilisis urna sit amet lectus. Morbi sed magna. Proin lorem est, tempor sed, sodales eu, ultricies eget, velit. Donec at velit. Vestibulum enim massa, iaculis vitae, pretium a, interdum ac, tortor.
Galerie - Image gallery
Liste affichée sous forme de boutons flottants - A list displayed as left floating buttons
Exercices de style - Styling
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Sed quis libero eget ante porttitor ultricies. Aliquam velit enim, aliquet non, mollis id, pretium a, enim. Vestibulum pulvinar. Donec vestibulum, ante eget venenatis interdum, lacus sem semper orci, nec pellentesque diam elit eu augue.
Avec un peu d'imagination et quelques compétences graphiques, vous pouvez varier les styles presque à l'infini...
With imagination and a minimum of graphical practice, you can execute -almost- endlessly style variants.
© 
- 2008