Ogłoszenie 1

<style>
{
width:710px;
font-family:georgia;
color:#666;
font-size:11px;
}

.pslink a{
width:77px;
height:13px;
text-transform:uppercase;
float:left;
text-align:center;
font-size:7px;
font-family:georgia;
margin:2px 3px 3px 1px;
text-decoration:none;
letter-spacing:1px;
line-height:15px;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
opacity:0.7;
}

#one{
background-color:#B0CF97;
color:#000;
border:3px solid#829B6F;
}

#two{
background-color:#C97E7B;
color:#000;
border:3px solid#845957;
}
*{
word-wrap:break-word;
}
{
text-transform:uppercase;
font-size:11px;
font-family:georgia;
letter-spacing:1px;
text-align:center;
color:#88a471;
margin-bottom:3px;
padding-bottom:2px;
border-bottom:1px solid#b0cf97;
}
{
font-weight:normal;
color:#b0cf97;
font-size:12px;
}
{
text-align:justify;
height:130px;
overflow:auto;
padding:0px 10px 3px 10px;
}
{
float:left;
margin-right:3px;
font-size:20px;
font-weight:bold;
color:#c97e7b;
height:15px;
width:15px;
text-shadow:1px 1px 0#fff;
font-style:italic;
padding:3px;
line-height:15px;
}
{
width:150px;
padding:3px;
-webkit-filter:brightness(1.3) invert(0.2);
border:1px solid#b0cf97;
}
img{
max-width:100%;
height:auto;
border:0;
}
img,button,label,input,select{
vertical-align:middle;}
a{
text-decoration:none;
color:#71C1BD;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
transition:all 0.4s linear;
}

{
padding:3px 10px 3px 10px;
height:35px;
overflow:auto;
text-align:justify;
background-color:#efefef;
}

{
border-bottom:1px solid#b0cf97;
margin-top:5px;
}
div,table,.tabs.top,.tabs.bottom{
margin:0 auto;
}
.avvisi::before{
content:"[";
padding:1px 5px 3px 3px;
font-size:18px;
color:#C97E7B;
font-family:georgia;
letter-spacing:1px;
float:left;
}
</style>

<table style="width: 710px; font-family: georgia; color: #666; font-size: 11px">
 <tbody><tr><td colspan="3"><div class="pslink"><a href="link" id="one">jeden</a></div> <div class="pslink"><a href="link" id="two">dwa</a></div> <div class="pslink"><a href="link" id="one">trzy</a></div> <div class="pslink"><a href="link" id="two">cztery</a></div> <div class="pslink"><a href="link" id="one">pięć</a></div> <div class="pslink"><a href="link" id="two">sześć</a></div> <div class="pslink"><a href="link" id="one">siedem</a></div> <div class="pslink"><a href="link" id="two">osiem</a></div> </td> </tr>

 <tr><td rowspan="3" width="30%"><div style="text-transform: uppercase; font-size: 11px; font-family: georgia; letter-spacing: 1px; text-align: center; color: #88a471; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 1px solid #b0cf97"><span style="font-weight: normal; color: #b0cf97; font-size: 12px">&#10070;</span> Z fabuły:

 </div><div style="text-align: justify; height: 130px; overflow: auto; padding: 0px 10px 3px 10px;"><div style="float: left; margin-right: 3px; font-size: 20px; font-weight: bold; color: #c97e7b; height: 15px; width: 15px; text-shadow: 1px 1px 0 #fff; font-style: italic; padding: 3px; line-height: 15px;">T
 </div>ext  text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
 </div></td> <td rowspan="2" width="20%"><img style="width: 150px; padding: 3px; -webkit-filter: brightness(1.3) invert(0.2); border: 1px solid #b0cf97" src="jakiś_obrazek_100x100"><div style="text-transform: uppercase; font-size: 11px; font-family: georgia; letter-spacing: 1px; text-align: center; color: #88a471; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 1px solid #b0cf97"><span style="font-weight: normal; color: #b0cf97; font-size: 12px">&#10070;</span> pomocnicze linki</div><div style="font-size: 7px; text-transform: uppercase; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #b0cf97; padding-bottom: 3px;"><a href="link">pierwszy</a> &#10070; <a href="link">drugi</a> &#10070; <a href="link">trzeci</a> &#10070; <a href="link">czwarty</a> </div></td> <td><img style="width: 50px; height: 70px; padding: 3px; -webkit-filter: brightness(1.3) invert(0.2); margin: 1.5px; border: 1px solid #b0cf97" src="avek100x100"> <img style="width: 50px; height: 70px; padding: 3px; -webkit-filter: brightness(1.3) invert(0.2); margin: 1.5px; border: 1px solid #b0cf97" src="avek100x100"> <img style="width: 50px; height: 70px; padding: 3px; -webkit-filter: brightness(1.3) invert(0.2); margin: 1.5px; border: 1px solid #b0cf97" src="avek100x100"> <img style="width: 50px; height: 70px; padding: 3px; -webkit-filter: brightness(1.3) invert(0.2); margin: 1.5px; border: 1px solid #b0cf97" src="avek100x100"> <img style="width: 50px; height: 70px; padding: 3px; -webkit-filter: brightness(1.3) invert(0.2); margin: 1.5px; border: 1px solid #b0cf97" src="avek100x100"></td></tr>

 <tr> <td><div style="padding: 3px 10px 3px 10px; height: 35px; overflow: auto; text-align: justify; background-color: #efefef; ">text text text text text text text text text text text text text text text text text text text text text text text text text text </div><div style="border-bottom: 1px solid #b0cf97; margin-top: 5px"></div></td></tr>
 <tr> <td colspan="2" class="avvisi"><div style=""> text text text text text text text text text text text text text text text text text text text text text text text text text text</div></td> </tr>
<div style="text-align:right; width: 800px; margin-to: -20px;"><a href="http://disneyowe.blogspot.com/" style="text-decoration:none;color: #C97E7B; font-size: 5px; font-family: georgia;">(disney)</a></div></center>
 </tbody></table>