Explication ; fiche de lien

Sujet: Explication ; fiche de lien Lun 29 Oct - 3:45

Le forum Cyworld est là pour que vous répertoriez vos fiches de liens. Vous pouvez les coder comme vous le voulez mais si vous n'êtes pas un pro du codage ou que vous n'avez pas envie de faire un code, nous vous proposons des fiche en libre service !

Si ça vous dit, vous pouvez proposez vos propres fiches à la suite de ce sujet ♥

modèle en libre service

Vous pouvez modifier les couleurs si ça vous dit ♥

Spoiler:

Code:: <blockquote>
<div style="height: 100px; width: 100px; margin-left: 200px; -moz-border-radius: 200px; background-image: url(http://i67.servimg.com/u/f67/11/67/36/04/img-1510.png);border:17px solid #d1d3d9; position: relative; left: 200px; top: -26px; z-index: auto;"></div>
<div style="width: 420px; margin-top: -150px; -moz-border-radius: 50px; background-color:#bcbcbc; border: 1px dotted #6e6f71; padding: 26px; margin-bottom: 50px;">

<img name="" src="http://i67.servimg.com/u/f67/11/67/36/04/01_cop10.png" width="100" height="400" alt="">

<div style="background-color: #d1d3d9; -moz-border-radius: 7px;margin: -420px 60px 20px 120px; font-size: 10px; padding: 18px; text-align: justify; line-height: 12px; font-family: georgia; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar pulvinar neque, et blandit nibh venenatis eget. Donec vel diam vel dui sodales tristique eu in sapien. Vestibulum laoreet mattis ultricies. Cras aliquet molestie orci, in congue erat aliquam non. Nulla turpis purus, tempor quis egestas eget, ultricies et neque. In ultricies, dui ac ultrices tempus, eros enim egestas est, a tempus ligula tellus a orci. Donec feugiat mauris a elit porttitor dapibus. Mauris posuere tincidunt tellus, sit amet posuere magna congue quis. Suspendisse enim orci, ultricies vel ullamcorper eget, tristique in nulla. Nullam justo lectus, interdum eget tempus et, porttitor id lorem. Cras aliquet molestie orci, in congue erat aliquam non. Nulla turpis purus, tempor quis egestas eget, ultricies et neque.</div>
<div style="margin-left: 40px;margin-top: 0px; margin-bottom: 0px;text-align: center;FONT-FAMILY: century gothic; color: #6e6f71;font-size: 30px; text-shadow: #000000 1px 1px 1px;-moz-border-radius: 10px;">Nom et Prénom</div>

<div align="right"><img style="border:5px solid #d1d3d9;"name="" src="http://i67.servimg.com/u/f67/11/67/36/04/img-1510.png" width="100" height="100" alt=""> <img style="border:5px solid #d1d3d9;"name="" src="http://i67.servimg.com/u/f67/11/67/36/04/img-1510.png" width="100" height="100" alt=""></div>
[size=9][right](c) alysha[/right][/size]
</div>
</blockquote>

Spoiler:

Code:: <div style="margin:auto;background-color:#d3d7f6;border: 4px solid#6c77ca; width:450px; height: 130px;-webkit-box-shadow: 0px 0px 1px 1px #ffffff;-moz-box-shadow: 0px 0px 1px 1px #ffffff;box-shadow: 0px 0px 1px 1px #ffffff; "><div style="background-color:#9fa6e1;font-size: 17px; font-family: century gothic; color: #ffffff; text-align:center;letter-spacing:2px;">Nom Prenom</div>[table border="0" width=400"][tr][td] <img style="border: 1px solid #6c77ca; " src="http://i44.servimg.com/u/f44/16/24/40/16/24-19112.png" border="0"/>[/td][td] <div style="height:90px;overflow:auto;text-align:justify;font-size:9px;color:#0a1251;width:330px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut sagittis risus. Donec convallis volutpat sem, id mattis mauris malesuada nec. Sed posuere mi a orci sodales adipiscing. Cras adipiscing, dui at hendrerit ultricies, arcu purus fringilla purus, nec porttitor erat leo sit amet lectus. Fusce facilisis consequat vestibulum. Nunc malesuada tristique rhoncus. Vestibulum sed neque eget nisl cursus sollicitudin. Sed at risus sed tellus ultrices venenatis. Maecenas porttitor, lacus eu cursus dapibus, libero libero dignissim urna, elementum tempus ipsum libero vitae augue. Sed rutrum quam justo. Nam vehicula adipiscing turpis at feugiat. Praesent nec lacus ac nisi dignissim pretium. Duis dolor tortor, convallis vitae volutpat interdum, egestas eget est. </div>[/td]
[/tr][/table][size=9][right](c) alysha[/right][/size]</div>

<div style="margin:auto;background-color:#d3d7f6;border: 4px solid#6c77ca; width:450px; height: 130px;-webkit-box-shadow: 0px 0px 1px 1px #ffffff;-moz-box-shadow: 0px 0px 1px 1px #ffffff;box-shadow: 0px 0px 1px 1px #ffffff; "><div style="background-color:#9fa6e1;font-size: 17px; font-family: century gothic; color: #ffffff; text-align:center;letter-spacing:2px;">Nom Prenom</div>[table border="0" width=400"][tr][td] <div style="height:90px;overflow:auto;text-align:justify;font-size:9px;color:#0a1251;width:330px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut sagittis risus. Donec convallis volutpat sem, id mattis mauris malesuada nec. Sed posuere mi a orci sodales adipiscing. Cras adipiscing, dui at hendrerit ultricies, arcu purus fringilla purus, nec porttitor erat leo sit amet lectus. Fusce facilisis consequat vestibulum. Nunc malesuada tristique rhoncus. Vestibulum sed neque eget nisl cursus sollicitudin. Sed at risus sed tellus ultrices venenatis. Maecenas porttitor, lacus eu cursus dapibus, libero libero dignissim urna, elementum tempus ipsum libero vitae augue. Sed rutrum quam justo. Nam vehicula adipiscing turpis at feugiat. Praesent nec lacus ac nisi dignissim pretium. Duis dolor tortor, convallis vitae volutpat interdum, egestas eget est. </div>[/td][td] <img style="border: 1px solid #6c77ca; " src="http://i44.servimg.com/u/f44/16/24/40/16/24-19112.png" border="0"/>[/td]
[/tr][/table][size=9][right](c) alysha[/right][/size]</div>

Spoiler:

Code:: [table border="0" align="center"]
[tr]
[td]<blockquote>
<div style="background-color:#f6cdd6;border: 1px dotted #e396a8; width:210px; height: 310px;-webkit-box-shadow: 0px 0px 1px 1px #ffffff;-moz-box-shadow: 0px 0px 1px 1px #ffffff;box-shadow: 0px 0px 1px 1px #ffffff; "><div style="background-color:#eb6181;font-size: 17px; font-family: century gothic; color: #ffffff; text-align:center;letter-spacing:2px;">Nom Prenom</div> <img style="border: 1px dotted #e396a8; " src="http://i44.servimg.com/u/f44/16/24/40/16/24-19112.png" border="0"/> <img style="border: 1px dotted #e396a8; " src="http://i44.servimg.com/u/f44/16/24/40/16/24-19112.png" border="0"/><div style="background-color:#eb6181;font-size: 13px; font-family: century gothic; color: #ffffff; text-align:center;letter-spacing:2px;">type de lien</div><div style="height:160px;overflow:auto;text-align:justify;font-size:9px;color:#8e1f39;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut sagittis risus. Donec convallis volutpat sem, id mattis mauris malesuada nec. Sed posuere mi a orci sodales adipiscing. Cras adipiscing, dui at hendrerit ultricies, arcu purus fringilla purus, nec porttitor erat leo sit amet lectus. Fusce facilisis consequat vestibulum. Nunc malesuada tristique rhoncus. Vestibulum sed neque eget nisl cursus sollicitudin. Sed at risus sed tellus ultrices venenatis. Maecenas porttitor, lacus eu cursus dapibus, libero libero dignissim urna, elementum tempus ipsum libero vitae augue. Sed rutrum quam justo. Nam vehicula adipiscing turpis at feugiat. Praesent nec lacus ac nisi dignissim pretium. Duis dolor tortor, convallis vitae volutpat interdum, egestas eget est. </div>[size=9][right](c) alysha[/right][/size]</div>
</blockquote> [/td][td]<blockquote>
<div style="background-color:#f6cdd6;border: 1px dotted #e396a8; width:210px; height: 310px;-webkit-box-shadow: 0px 0px 1px 1px #ffffff;-moz-box-shadow: 0px 0px 1px 1px #ffffff;box-shadow: 0px 0px 1px 1px #ffffff; "><div style="background-color:#eb6181;font-size: 17px; font-family: century gothic; color: #ffffff; text-align:center;letter-spacing:2px;">Nom Prenom</div> <img style="border: 1px dotted #e396a8; " src="http://i44.servimg.com/u/f44/16/24/40/16/24-19112.png" border="0"/> <img style="border: 1px dotted #e396a8; " src="http://i44.servimg.com/u/f44/16/24/40/16/24-19112.png" border="0"/><div style="background-color:#eb6181;font-size: 13px; font-family: century gothic; color: #ffffff; text-align:center;letter-spacing:2px;">type de lien</div><div style="height:160px;overflow:auto;text-align:justify;font-size:9px;color:#8e1f39;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut sagittis risus. Donec convallis volutpat sem, id mattis mauris malesuada nec. Sed posuere mi a orci sodales adipiscing. Cras adipiscing, dui at hendrerit ultricies, arcu purus fringilla purus, nec porttitor erat leo sit amet lectus. Fusce facilisis consequat vestibulum. Nunc malesuada tristique rhoncus. Vestibulum sed neque eget nisl cursus sollicitudin. Sed at risus sed tellus ultrices venenatis. Maecenas porttitor, lacus eu cursus dapibus, libero libero dignissim urna, elementum tempus ipsum libero vitae augue. Sed rutrum quam justo. Nam vehicula adipiscing turpis at feugiat. Praesent nec lacus ac nisi dignissim pretium. Duis dolor tortor, convallis vitae volutpat interdum, egestas eget est. </div>[size=9][right](c) alysha[/right][/size]</div>
</blockquote> [/td]
[/tr]
[/table]