Entegre tasarim
Tasarim üstü<table width="960" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="960" height="91" background="https://img.webme.com/pic/c/creative-blog/r-d-t_01.png"> <div id="Logo"><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-r-b-210x70.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-r-b-210x70.png"></a></div> <div id="Buyuk-Reklam"><a href="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/g-r-b-468x60.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/g-r-b-468x60.png" alt="" width="468" height="60" border="0" /></a></div></td> </tr> <tr> <td width="960" valign="bottom" height="84" background="https://img.webme.com/pic/c/creative-blog/r-d-t_02.png"> <table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="112"> </td> <td width="571"> <div id="Duyuru"><marquee onmouseout_fckprotectedatt_fckprotectedatt=" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%3B%22"" onmouseover_fckprotectedatt_fckprotectedatt=" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%3B%22"">Duyurular buraya gelecek!!!</marquee></div> </td> <td width="98"><a href="#" _fcksavedurl="#"> <div id="Ust-Menu1"> </div> </a></td> <td width="71" height="40"><a href="#" _fcksavedurl="#"> <div id="Ust-Menu2"> </div> </a></td> <td width="83"><a href="#" _fcksavedurl="#"> <div id="Ust-Menu3"> </div> </a></td> <td width="25"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" valign="top" height="150" background="https://img.webme.com/pic/c/creative-blog/r-d-t_03.png"> <table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="25"> </td> <td width="665" valign="top" align="center"> <div id="Icerik">
Tasarim altı
</div> </td> <td width="15"> </td> <td width="230" valign="top" align="center"> <table width="230" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <table width="230" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="230" valign="top" height="45" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menukirmizi_01.png" align="center"><div class="Yan-Baslik"><span style="color: #5b0a00">Site Menülerimiz</span></div></td> </tr> <tr> <td width="230" valign="top" height="40" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menukirmizi_02.png" align="center"> <table width="200" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top"> <div id="Yan-Menu1"> <ul> <li><a href="#" _fcksavedurl="#">Eklenecek </a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> </ul> </div> </td> <td valign="top"> <div id="Yan-Menu1"> <ul> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> </ul> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menukirmizi_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><br /> <table width="230" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="230" valign="top" height="45" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menumavi_01.png" align="center"><div class="Yan-Baslik"><span style="color: #334d59">Son Paylaştıklarımız</span></div></td> </tr> <tr> <td width="230" valign="top" height="40" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menumavi_02.png" align="center"> <table width="200" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top"> <div id="Yan-Menu2"> <ul> <li><a href="#" _fcksavedurl="#"><img width="15" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#" _fcksavedurl="#"><img width="15" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#" _fcksavedurl="#"><img width="20" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#" _fcksavedurl="#"><img width="20" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#" _fcksavedurl="#"><img width="20" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#" _fcksavedurl="#"><img width="20" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-ballon.png" /> Paylaştığın Şeyi Yaz</a></li> </ul> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menumavi_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><br /> <table width="230" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="230" valign="top" height="45" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menuturunc_01.png" align="center"><div class="Yan-Baslik"><span style="color: #d87356">Reklam Alanı</span></div></td> </tr> <tr> <td width="230" valign="top" height="40" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menuturunc_02.png" align="center"> <table width="206" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="206" valign="top"> <div id="Kucuk-Reklam"><a href="#" _fcksavedurl="#"><img width="100" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" /></a><a href="#" _fcksavedurl="#"><img width="100" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" /> <img width="100" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" /><img width="100" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/r-d-t-reklam.png" /> </a></div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menuturunc_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><br /> <table width="230" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="230" valign="top" height="45" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menumor_01.png" align="center"><div class="Yan-Baslik"><span style="color: #805576">Haftanın Videosu</span></div></td> </tr> <tr> <td width="230" valign="top" height="40" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menumor_02.png" align="center"> <table width="200" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top"> <div id="Video"> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/c/creative-blog/r-d-t-menumor_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> </td> </tr> </tbody> </table> </td> <td width="25"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" valign="bottom" height="66" background="https://img.webme.com/pic/c/creative-blog/r-d-t_04.png"><div style="text-align: center" id="Link-Takas"> <ul> <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li> </ul> </div></td> </tr> <tr> <td width="960" height="50" background="https://img.webme.com/pic/c/creative-blog/r-d-t_05.png"> <table width="960" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="385" height="47"> </td> <td width="171"><a href="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/" target="_blank"> <div id="CB"> </div> </a></td> <td width="404"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>
Css kodu :
<style type="text/css"> h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table{margin-right:auto;margin-left:auto;} #webme_footer_textlink_dont_hide { background: rgba(84, 56, 78, 0.5); border: 1px solid rgba(84, 56, 78, .5); border-radius: 15px; /* Standart */ -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Chrome */ text-align: center; margin-top:15px; margin-bottom:15px; text-decoration:none; font-size:15px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#EEEDED; } a { text-decoration:none; } a:hover { text-decoration:none; } body { background: url(https://img.webme.com/pic/c/creative-blog/g-r-b-background-2.png); } #Duyuru { margin-bottom: 8px; color: #000; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; } #Ust-Menu1 { margin-bottom: 8px; height: 25px; } #Ust-Menu2 { margin-bottom: 8px; height: 25px; } #Ust-Menu3 { margin-bottom: 8px; height: 25px; } #Buyuk-Reklam { height: 60px; width: 468px; position: relative; left: 457px; bottom: 68px; } #Buyuk-Reklam a img { height: 60px; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; width: 468px; } #Buyuk-Reklam a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Logo { height: 70px; float: left; position: relative; width: 212px; left: 55px; bottom: 2px; } #CB { height: 40px; } #Icerik { margin-top: 10px; margin-bottom: 10px; padding-top: 7px; padding-bottom: 7px; font-family: Verdana; font-size: 15px; } #Link-Takas ul { padding: 0px; float: none; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 196px; } #Link-Takas ul li { float: left; } #Link-Takas ul li a { text-decoration: none; font-family: Tahoma, Geneva, sans-serif; color: #54384E; text-align: center; padding-right: 15px; padding-left: 15px; display: block; margin-bottom: 5px; margin-right: 2px; margin-left: 2px; padding-top: 3px; padding-bottom: 3px; border: 1px solid #EEEDED; border-radius: 2px; /* Standart */ -moz-border-radius: 2px; /* Firefox */ -webkit-border-radius: 2px; /* Chrome*/ } #Link-Takas ul li a:hover { border: 1px solid #54384E; border-radius: 10px; /* Standart */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Chrome*/ /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; } .Yan-Baslik { font-family: Verdana; font-weight: bold; font-size: 15px; margin-top: 8px; } #Yan-Menu1 ul { list-style-type: none; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 7px; } #Yan-Menu1 ul li a { font-family: Tahoma, Geneva, sans-serif; color: #9E1100; text-decoration: none; display: block; margin-bottom: 4px; padding-top: 2px; padding-bottom: 2px; } #Yan-Menu1 ul li a:hover { color: #5B0A00; text-decoration: underline; } #Yan-Menu2 ul { list-style-type: none; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 7px; } #Yan-Menu2 ul li a { font-family: Tahoma, Geneva, sans-serif; color: #5A889F; text-decoration: none; display: block; margin-bottom: 4px; } #Yan-Menu2 ul li a:hover { color: #334D59; } #Yan-Menu2 ul li img { height: 19px; width: 15px; } #Video { width: 200px; height: 130px; margin-top: 10px; background-image: url(https://img.webme.com/pic/c/creative-blog/r-d-t-videobackg.png); } #Kucuk-Reklam { width: 204px; margin-top: 10px; margin-left: 1px; } #Kucuk-Reklam a img { opacity: 0.6; margin-right: 1px; margin-left: 1px; margin-top: 1px; margin-bottom: 1px; -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-out; transition: transform 0.5s ease-in-out, opacity 1s ease-out; } #Kucuk-Reklam a img:hover { -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-out; transition: transform 0.5s ease-in-out, opacity 1s ease-out; opacity: 1; } #Grap-Blog { width: 460px; height: 165px; border: 3px solid #5A889F; border-radius: 3px; /* Standart */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; text-align: left; margin-top: 14px; margin-bottom: 18px; } #Grap-Baslik { height: 25px; position: relative; border-bottom-width: 2px; border-bottom-style: double; border-bottom-color: #5A889F; color: #333; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; -moz-box-shadow: 0px 1px 1px 0px #000000; -webkit-box-shadow: 0px 1px 1px 0px #000000; box-shadow: 0px 1px 1px 0px #000000; padding-top: 2px; padding-bottom: 2px; font-size: 14px; line-height: 25px; } .Grap-Color { color: #B54A2A; margin-right: 4px; padding-left: 0px; margin-left: 6px; padding-right: 0px; font-weight: bolder; } #Grap-Blog #Grap-Resim { position: relative; height: 100px; width: 100px; top: 13px; left: 10px; border: thin solid #9E1100; border-radius: 7px; /* Standart */ -moz-border-radius: 7px; /* Firefox */ -webkit-border-radius: 7px; padding: 5px; background-color: #9E1100; } #Grap-Blog #Grap-Yazi { position: relative; width: 325px; left: 130px; bottom: 95px; color: #363636; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 13px; height: 80px; } #Grap-Blog #Grap-Devam { position: relative; width: 110px; left: 350px; text-align: center; bottom: 68px; } #Grap-Blog #Grap-Devam a { text-decoration: none; background-color: #5A889F; color: #FFF; padding: 2px; border: thin solid #5A889F; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; border-radius: 10px; /* Standart */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; } #Grap-Blog #Grap-Devam a:hover { background-color: #9E1100; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; border: thin solid #9E1100; } </style>
Ana sayfa kodu :
Buraya blog sitemizin ana sayfa yazısı gelecek. <br> Alt tarafta tasarımın blog kutuları bulunmaktadır. <br><br> <div id="Grap-Blog"> <div id="Grap-Baslik"><span class="Grap-Color">Konu Başlığı:</span> Falan Filan <span class="Grap-Color">Paylaşım Zamanı:</span> 12.07.2014</div> <div id="Grap-Resim"><img border="1" src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif"></div> <div id="Grap-Yazi">Buraya blog içeriği gelecek...</div> <div id="Grap-Devam"><a href="#" _fcksavedurl="#">Konuyu İncele</a></div> </div> <div id="Grap-Blog"> <div id="Grap-Baslik"><span class="Grap-Color">Konu Başlığı:</span> Falan Filan <span class="Grap-Color">Paylaşım Zamanı:</span> 12.07.2014</div> <div id="Grap-Resim"><img border="1" src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif"></div> <div id="Grap-Yazi">Buraya blog içeriği gelecek...</div> <div id="Grap-Devam"><a href="#" _fcksavedurl="#">Konuyu İncele</a></div> </div> <div id="Grap-Blog"> <div id="Grap-Baslik"><span class="Grap-Color">Konu Başlığı:</span> Falan Filan <span class="Grap-Color">Paylaşım Zamanı:</span> 12.07.2014</div> <div id="Grap-Resim"><img border="1" src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif"></div> <div id="Grap-Yazi">Buraya blog içeriği gelecek...</div> <div id="Grap-Devam"><a href="#" _fcksavedurl="#">Konuyu İncele</a></div> </div> <div id="Grap-Blog"> <div id="Grap-Baslik"><span class="Grap-Color">Konu Başlığı:</span> Falan Filan <span class="Grap-Color">Paylaşım Zamanı:</span> 12.07.2014</div> <div id="Grap-Resim"><img border="1" src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif"></div> <div id="Grap-Yazi">Buraya blog içeriği gelecek...</div> <div id="Grap-Devam"><a href="#" _fcksavedurl="#">Konuyu İncele</a></div> </div>
Sayfalam index :
<li class="inactive">« Önceki</li> <li><a href="<
inPageURL>1</a></li> <li><a href="<
inPageURLage2/">2</a></li> <li><a href="<
inPageURLage3/">3</a> </li><li><a href="<
inPageURLage4/">4</a> <li><a href="<
inPageURLage5/">5</a> <li><a href="<
inPageURLage6/">6</a> <li><a href="<
inPageURLage7/">7</a> </li><li>Sonraki »</a></li>