Przykład photobloga

<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.ob{border-radius: 20px 0px 0px 0px; border: 3px solid #f7d6d6;}.na{font-family: 'Lobster', sans-serif; font-size: 22px; color: #d6d6f7; made-by: konwers;}.naz{font-family: 'Lobster', sans-serif; font-size: 10px; color: #ababef; text-align: justify;}.zn{font-family: 'Lobster', sans-serif; font-size: 10px; color: #ababef; width: 180px; height: 55px; border-radius: 0px 20px 0px 20px; text-align: justify; opacity: 0.0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}.zn:hover{overflow: auto; font-family: 'Lobster', sans-serif; font-size: 10px; color: #ababef; width: 180px; height: 55px; border-radius: 0px 20px 0px 20px; text-align: justify; opacity: 2.0; transition: 3s;-moz-transition: 3s;-o-transition: 3s;-htm-transition: 3s;-webkit-transition: 3s;}.naf{font-family: 'Lobster', sans-serif; font-size: 18px; color: #22acac; margin-top:-20px;}.nana{border-top: #d6f7d6 solid  10px; border-bottom: #d6f7d6 solid 10px; border-left: solid 10px #e7f7d6; border-right: solid 10px #e7f7d6; width: 250px; height: 250px;}.wp{font-family: 'Lobster', sans-serif; font-size: 10px; color: #ababef; text-align: justify; width: 260px;}.mal{border-top: #d6f7d6 solid  5px; border-bottom: #d6f7d6 solid 5px; border-left: solid 5px #e7f7d6; border-right: solid 5px #e7f7d6; width: 150px; height: 75px;}.pod{font-size: 8px; color: d6d6f7;}</style>
<center><table bgcolor="f7f7d6" style="border-radius: 20px 20px 0px 0px; border-top: #f7d6d6 solid 8px; border-left: #f7d6d6 solid 8px; border-right: #f7d6d6 solid 8px;"><tr><td width="200"><table><tr><td><img src="IKONA W KWADRACIE" class="ob" width="58" height="58";></td><td><div class="na"><b>NICK</b></div><br><div class="naz"> TEKST POD NICKIEM</td></tr></table></td><td width="120"><center><img src="http://bankfotek.pl/image/1542536.jpeg"></center></td><td width="200">
<table background="OBRAZEK W PRAWYM GÓRNYM ROGU" height="55" width="180" style="border-radius: 0px 20px 0px 0px; border: 3px solid #f7d6d6;"><tr><td><center><div class="zn">TEKST NA ZDJ/ANIMACJI W GÓRNYM ROGU </div></td></tr></table></center></td></tr></table></center><center><img width="550" src="http://bankfotek.pl/image/1542588.jpeg"><div class="naf"> CYTAT</div></center><center><table bgcolor="f7f7d6" style="border-bottom: #f7d6d6 solid 8px; border-left: #f7d6d6 solid 8px; border-right: #f7d6d6 solid 8px;"><tr><td width="325"><center><br><img src="ZDJECIE OSTATNIO DODANE" class="nana";><br><br><div class="wp"> TEKST WPISU</div></center></td><td width="201"><center><img src="LINK DO ZDJĘCIA 150x75" class="mal"><br><br><img src="LINK DO ZDJĘCIA 150x75" class="mal"><br><br><img src="LINK DO ZDJĘCIA 150x75" class="mal"><br><br><a href="http://pbfowo-konwersowo.blogspot.com/"><div class="pod">BY KONWERS</div></a></center></td></tr></table></center>

<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.naw{border-top: #d6f7d6 solid  10px; border-bottom: #d6f7d6 solid 10px; border-left: solid 10px #e7f7d6; border-right: solid 10px #e7f7d6; width: 250px; height: 250px;}.naa{font-family: 'Lobster', sans-serif; font-size: 22px; color: #d6d6f7; made-by: konwers;}.mzal{font-family: 'Lobster', sans-serif; font-size: 10px; color: #ababef; text-align: justify; width: 260px;}</style>
<center><table bgcolor="f7f7d6" style="border-radius: 20px; border: #f7d6d6 solid 8px;" width="350" ><tr><td><div class="naa">@NICK</div><center><img src="ZDJECIE KWADRAT" class="naw"><div class="mzal">WPIS</div></center></td></tr></table></center>

<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.io{border-radius: 20px 0px 0px 0px; border: 3px solid #f7d6d6;}.ow{font-family: 'Lobster', sans-serif; font-size: 22px; color: #d6d6f7; made-by: konwers;}.nau{font-family: 'Lobster', sans-serif; font-size: 10px; color: #ababef; text-align: justify; overflow: auto; width: 200px; height: 40px;}</style>
<table><tr><td><img src="IKONA KWADRAT" class="io" width="80" height="80";></td><td><div class="ow"><b>NICK</b></div><br><div class="nau">TREŚĆ KOMENTARZA</td></tr></table>