EntegreTasarımlar - Bedava-Sitem Tasarımlarının Yeni Adresi

Blog Yazarı

İşte yeni bir tasarım. Bu bolg tasarımının adı Blog Yazarı'dır. Temayı menü hariç ben kodladım (menü başka siteden). İşte özellikleri:

- Kayan duyuru panosu var;
- Ana Sayfaya güzel bir blog kutusu ekledim;
- Yukarı çıkma butonu mevcuttur;
- Altta 125 x 125 reklam alanları var.

Yenilikler:
- Reklam alanları düzenlendi.

Temayı ben çizdim. Üstelik Tasarım üzerindeki metin kodlarını yeniledik. Ama lütfen emeğe saygı duyun ve footer kısmından adımızı silmeyin. Fakat, ek olarak kendi isminizi oraya yazablirsiniz.



Tasarım üzerindeki metin:
<!--yukari cik capasi basla--><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> /*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/ //** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. //** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09') //** v1.1 (April 7th, 09'): //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. //** 2) Fixes scroll animation not working in Opera. TÜRKÇESİ: Kod Operada Çalışmaz! var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="http://i.hizliresim.com/W1klzN.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'systemwarez.tr.gg'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script> <title>Template Preview - CSS Portal</title> <FCK:meta name="keywords" content="xhtml css free templates layouts" ></FCK:meta> </head> <frameset rows="105,*"> <frame scrolling="no" src="header.php?id=32" ></frame> <frame src="preview/32/" ></frame> </frameset> </html> <style> * { margin-left:auto;margin-right:auto; } html { background: url(http://i.hizliresim.com/Z7kdoA.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <table width="940" height="30" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/zr5GX6.png"><marquee><span style="color: rgb(255, 255, 255);"><span style="font-family: 'Calibri Light';">Yeni arayüzümle karşınızdayız!</span></span></marquee></td> </tr> </tbody> </table> <table width="940" height="120" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/gZZBLL.png"> <a href="http://entegretasarimlar.tr.gg/" _fcksavedurl="http://entegretasarimlar.tr.gg/" _fcksavedurl="http://entegretasarimlar.tr.gg/"><img src="https://img.webme.com/pic/e/entegretasarimlar/entegretasarimlar_logo2.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/entegretasarimlar_logo2.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/entegretasarimlar_logo2.png" alt="" /></td> </tr> </tbody> </table> <table width="940" border="0" align="center" cellpadding="1" cellspacing="0"> <tbody> <tr> <td><div id='cssmenu'> <ul> <li class='active'><a href='http://entegretasarimlar.tr.gg/' _fcksavedurl='http://entegretasarimlar.tr.gg/' _fcksavedurl='http://entegretasarimlar.tr.gg/'>Ana Sayfa</a></li> <li><a href='http://entegretasarimlar.tr.gg/Tasar%26%23305%3Bmlar.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tasar%26%23305%3Bmlar.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tasar%26%23305%3Bmlar.htm'>Tasarımlar</a></li> <li><a href='http://entegretasarimlar.tr.gg/Tema-%26%23304%3Bstek.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tema-%26%23304%3Bstek.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tema-%26%23304%3Bstek.htm'>Tema İstek</a></li> <li><a href='http://entegretasarimlar.tr.gg/Tema-Ekleme.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tema-Ekleme.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tema-Ekleme.htm'>Tema Ekleme</a></li> <li><a href='http://entegretasarimlar.tr.gg/Tema-Kodlama.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tema-Kodlama.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Tema-Kodlama.htm'>Tema Kodlama</a></li> <li><a href='http://entegretasarimlar.tr.gg/Reklam-Verme.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Reklam-Verme.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/Reklam-Verme.htm'>Reklam Verme</a></li> <li><a href='http://entegretasarimlar.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm' _fcksavedurl='http://entegretasarimlar.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm'>İletişim</a></li> </ul> </div></td> </tr> </tbody> </table> <table width="940" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/gZZBLL.png"> <table width="920" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/gZZBLL.png"><span style="font-family: 'Calibri Light';"><br /><br /> <a href="http://blogcuabi.tr.gg/" _fcksavedurl="http://blogcuabi.tr.gg/" _fcksavedurl="http://blogcuabi.tr.gg/" target="_blank"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/o/oktay-blog/blogcuabi-istek2.gif" width="125" height="125" alt="" /></a> <a href="http://orakcidesign.tr.gg/" _fcksavedurl="http://orakcidesign.tr.gg/" _fcksavedurl="http://orakcidesign.tr.gg/" target="_blank"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" alt="" /></a> <a href="http://fungamestr.tr.gg/" _fcksavedurl="http://fungamestr.tr.gg/" _fcksavedurl="http://fungamestr.tr.gg/" target="_blank"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" width="125" height="125" body="" alt="" /></a> <a href="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" alt="" /></a> <a href="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" alt="" /></a> <a href="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" alt="" /></a> <a href="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm"><img src="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/125x125_takas.png" alt=""

Tasarım altındaki yazı:
</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="940" height="40" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/5M7VWz.png"><span style="font-family: 'Calibri Light';">         <span style="color: rgb(255, 255, 255);">© Tema (Çizme & Kodlama): EntegreTasrimlar.tr.gg</span></td> </tr> </tbody> </table>

CSS Kodu:
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;} @import url(http://fonts.googleapis.com/css?family=Raleway); #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu { width: auto; border-bottom: 3px solid #47c9af; font-family: Raleway, sans-serif; line-height: 1; } #cssmenu ul { background: #ffffff; } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right > ul > li > a { margin-right: 0; margin-left: -4px; } #cssmenu > ul > li > a { z-index: 2; padding: 18px 25px 12px 25px; font-size: 15px; font-weight: 400; text-decoration: none; color: #444444; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-right: -4px; } #cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover { color: #ffffff; } #cssmenu > ul > li > a:after { position: absolute; left: 0; bottom: 0; right: 0; z-index: -1; width: 100%; height: 120%; border-top-left-radius: 8px; border-top-right-radius: 8px; content: ""; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: perspective(5px) rotateX(2deg); -webkit-transform-origin: bottom; -moz-transform: perspective(5px) rotateX(2deg); -moz-transform-origin: bottom; transform: perspective(5px) rotateX(2deg); transform-origin: bottom; } #cssmenu > ul > li.active > a:after, #cssmenu > ul > li:hover > a:after, #cssmenu > ul > li > a:hover:after { background: #47c9af; }

Ana Sayfa kodu:
<table width="920" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/VvY5AB.png">  <div style="margin-left: 40px;"> <span style="font-size: x-large;"><span style="color: rgb(255, 255, 255);">Buarya Konunun Başlığı<br /> </span></span></div> <div style="margin-left: 40px;"><br /> Buraya konunun açıklamasını yazabilirsiniz...<br /> <br />  </div> <br /> <br /> <br /> <span style="color: rgb(255, 255, 255);">                                                                                                                                                                                                         </span><br />                                                                                                                                                                                                                         <span style="color: rgb(255, 255, 255);"><a href="#" _fcksavedurl="#">Devamına Git!</a></span>                       <font color="#ffffff"><br /> </font><br />  </td> </tr> </tbody> </table>