.:: Archive pour le mot-clef ‘polaroid’::.

Mardi 9 juin 2009 Fun

sevpola

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


, ,

Samedi 12 août 2006 News

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

Mon kdo

tassimo

tassimo et lien

A vous de personnaliser bordure, couleur du texte, espacement,…


, , , ,