|

Hello
voici un petit lien sympa pour ceux qui aime le style polaroid.
il faut par contre que votre image soit de 200 x 200 pixels. Et qu’elle soit hébergée en ligne.
Vous notez votre message dans « (Funny) remark/text: » et le voilà !!!!
bon amusement a tous
|
|
Je cherchais un moyen simple de transformer mes images de blog en polaroid sans avoir a les retoucher avec un logiciel tel paint shop pro…
En passant tout simplement par la feuille css
LE CODE DANS VOTRE PAGE .CSS
Voici le code
/*le texte sous l’image dans le pola*/
.pola {
background-color : #ffffff;
text-align : center;
padding-top : 10px;
padding : 6px 6px 10px 6px;
border : 1px solid #c3c3c3;
margin : 0 5px 5px 0;
float : left;
display : table;
width : 1px;
}
/*bordure pour l’image*/
.pola img {
border : 0 solid #c3c3c3;
}
/*le texte sous l’image dans le pola*/
.pola p.polatext {
font-size : 12px;
text-align : right;
padding : 2px 2px 2px 2px;
margin : 0;
color : #888888;
}
LE CODE DANS VOTRE PAGE HTML
sans lien
<div class="pola"><img src=’http://www.justsev.com/MON IMAGE.jpg’ alt=’Mon kdo’ /><p class="polatext">MON TEXTE</p></div>
avec lien
<div class="pola"><a href=’http://www.justsev.com/MON IMAGE.jpg’><img src=’http://www.justsev.com/wp-content/MON IMAGE miniature.jpg’ alt=’mon titre image’/></a><p class="polatext">Petit mix de fimo</p></div>
EXEMPLE
tassimo
tassimo et lien
A vous de personnaliser bordure, couleur du texte, espacement,…
|