À la personne en charge de la boutique, ceci est un code que j'ai pensé que ça pourrait être bien. Je le laisse ici donc, au cas ou ( Ici Ari en fait )
La superbe trouvaille d'Ari:
Blabla pour présenter
fiche & images par ekkinox
OBJET
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.
PRIX
OBJET
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.
PRIX
❖ ❖ ❖
OBJET
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.
PRIX
OBJET
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.
PRIX
Ici pour le code:
Code:
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol{width: 240px; height: 200px; background-color: white; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: justify; font-size: 12px; line-height: 12px; font-family: arial; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; overflow: auto;} .survol:hover{opacity: 1;}</style> <center><div style="background-color: white; width: 500px;"><div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Blabla pour présenter<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 8px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 500px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;"></div></div><table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">OBJET</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png); background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRIX</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">OBJET</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png); background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRIX</div></div></td></table> <div style="font-size: 15px; text-align: center;">❖ ❖ ❖</div> <table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">OBJET</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png); background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRIX</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">OBJET</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png); background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRIX</div></td></table><br></div></center>
BOUTIQUE
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum