ImageRial | Aklı Fikri Blog'ta!

<table border="1" style="width: 520px; height: 217px;">
    <tbody>
        <tr>
            <th width="195" height="15" bgcolor="#eaeaea" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong><font size="2" face="Arial Tur"><img src="http://img.webme.com/pic/i/imagerial/post.gif" alt="" /><span style="color: rgb(0, 0, 0);"><font size="2" face="Arial Tur"><a href="http://imagerial.tr.gg/PhotoFiltre.htm"><span style="color: rgb(0, 0, 0);"><span><span>PhotoF</span></span>iltre</span></a></font></span></font></strong></span></th>
        </tr>
        <tr>
            <th bgcolor="#f5f5f5" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong><font size="1" face="Tahoma"><img src="http://img.webme.com/pic/i/imagerial/date.png" alt="" />05/05/2010&nbsp; <img src="http://img.webme.com/pic/i/imagerial/folder.png" alt="" />PhotoFiltre &nbsp;<img src="http://img.webme.com/pic/i/imagerial/comments.png" alt="" />2 Yorum<br />
            </font></strong></span></th>
        </tr>
        <tr>
            <td><span style="color: rgb(0, 0, 0);"><font size="1" face="Tahoma"><img width="100" height="100" align="left" src="http://img.webme.com/pic/i/imagerial/photofiltresofware.png" style="margin-right: 10px;" alt="" /></font><font size="1" face="Tahoma">&nbsp;</font> <span style="font-size: smaller;">PhotoFiltre Dersleri,&ccedil;alışım bi&ccedil;imi,stilleri,efektleri, Hakkında k&uuml;&ccedil;&uuml;k bilgiler ve bilmediğiniz bir ka&ccedil; ipucu burada. <br />
            T&uuml;m cevaplar burada.<br />
            imagerial.tr.gg - imagerial.tr.gg - imagerial.tr.gg - imagerial.tr.gg - imagerial<br />
            </span></span></td>
        </tr>
        <tr>
            <th bgcolor="#f5f5f5" style="text-align: left;"><span style="color: rgb(0, 0, 0);"><strong><font size="1" face="Tahoma"><img src="http://img.webme.com/pic/h/hakan-fan/tag_yellow.png" alt="" /><span style="color: rgb(0, 0, 0);"><font size="1" face="Tahoma"><span style="color: rgb(0, 0, 0);"><a href="http://imagerial.tr.gg/PhotoFiltre.htm">Photo</a>,<a href="http://imagerial.tr.gg/PhotoFiltre.htm">İmage</a>,<a href="http://imagerial.tr.gg/PhotoFiltre.htm">Filtre</a>,<a href="http://imagerial.tr.gg/PhotoFiltre.htm">PhotoFiltre</a>,<a href="http://imagerial.tr.gg/PhotoFiltre.htm">Dersler</a>,<a href="http://imagerial.tr.gg/PhotoFiltre.htm">&Ouml;zellikler</a></span> </font></span></font></strong></span><strong><span style="color: rgb(0, 0, 0);"><font size="1" face="Tahoma"><hr />
            </font></span></strong>
            <div style="text-align: right;"><strong><span style="color: rgb(0, 0, 0);"><font size="1" face="Tahoma"><a href="http://imagerial.tr.gg/PhotoFiltre.htm"><span style="color: rgb(0, 0, 0);"><img border="0" src="http://img.webme.com/pic/i/imagerial/devamibutton.png" alt="" /></span></a></font></span></strong></div>
            </th>
        </tr>
    </tbody>
</table>

<ul class="bubblewrap">
<li><a href="url1.htm"><img src="resim1.png" title="Add to Stumbleupon" /></a></li>
<li><a href="url2.htm"><img src="resim2.png" title="Add to Facebook" /></a></li>
<li><a href="url3.htm"><img src="resim3.png" title="Add to Digg" /></a></li>
<li><a href="url4.htm"><img src="resim4.png" title="Add to Twitter" /></a></li>
<li><a href="url5.htm"><img src="resim5.png" title="Add RSS Feed" /></a></li>
</ul>

<style type="text/css">

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

</style>

<style type="text/css">

.imageborder{
border-width: 20px;
-moz-border-image: url(http://img.webme.com/pic/i/imagerial/pngformatliyazikutusu.png) 20 stretch; /*Mozilla version*/
-webkit-border-image: url(http://img.webme.com/pic/i/imagerial/pngformatliyazikutusu.png) 20 stretch; /*Webkit version*/
-o-border-image: url(http://img.webme.com/pic/i/imagerial/pngformatliyazikutusu.png) 20 stretch; /*Opera version*/
-ms-border-image: url(http://img.webme.com/pic/i/imagerial/pngformatliyazikutusu.png) 20 stretch; /*IE syntax when it does support this prop*/
border-image: url(http://img.webme.com/pic/i/imagerial/pngformatliyazikutusu.png) 20 stretch; /*Standard version*/
}
</style>
<div style="width:50%;min-height:150px" class="imageborder"><strong>Metin Kutusu</strong><br />
Buraya metin eklecenicek</div>

<div class="pagination">
<ul>
    <li><a class="prevnext disablelink" href="#">&laquo; previous</a></li>
    <li><a class="currentpage" href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">7</a></li>
    <li><a href="#">8</a></li>
    <li><a href="#">9</a>...</li>
    <li><a href="#">15</a></li>
    <li><a href="#">16</a></li>
    <li><a class="prevnext" href="#">next &raquo;</a></li>
</ul>
</div>
<style type="text/css">

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

</style> 

<div class="circlemenu">
<ul>
    <li><a href="url1.htm"><span>Home</span></a></li>
    <li><a href="url2.htm"><span>DHTML</span></a></li>
    <li><a href="url3.htm"><span>CSS</span></a></li>
    <li><a href="url4.htm"><span>Forums</span></a></li>
</ul>
</div>
<style type="text/css">

.circlemenu{
width: 100%;
overflow:hidden;
}

.circlemenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.circlemenu li{
display: inline;
margin: 0;
}

.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background:#1b87b9;
margin: 0;
margin-right:5px; /*right spacing between each link */
width:100px;
height:100px;
border-radius: 400px; /*really large border radius to create round borders*/
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}

.circlemenu a span{
position:relative;
top:40%;
}

.circlemenu li a:visited{
color: white;
}

.circlemenu a:hover{
background: #1d6e93;
}

</style>