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

Klasik Kırmızı

Sizlere Klasik Kırmızı isimli bir tasarımla dönüyoruz. Bu, çok sade ve klasik bir tasarım. Aslında, bu daha önce kullandığım tasarım. Tasarımı ben çizip kodlamadım, ama Bedava-Sitem entegresini ben yaptım. Özellikleri:

- Kayan duyuru panosu eklendi;
- Duyuru panosunun hemen altında 930 x 125 reklam alanı mevcuttur;
- Sitenizde kaç online kişi olduğunu gösterir (alt tarafdadır);
- Değiştirilebilir yukarı çık çapası mevcuttur. Sayfanın altına geldiğimizde ortaya çıkar (biraz yavaş çıkıyor );
- Sağ ve sol taraflarda reklam için boşluk var (Bedava-Sitem reklamları için sıkıntı yok).

Yine söylüyorum, temayı ben yapmasam da, entegresi ve düzenlemesi için zaman ve emek harcadım. Lütfen alttaki footer kısmını değiştirmeyin.



Tasarımın ü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/1MPRDD.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" /> </head> <frameset rows="105,*"> <frame scrolling="no" src="header.php?id=32" ></frame> <frame src="preview/32/" ></frame> </frameset> </html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Acalia Development | Free CSS Template | Csstemplatesmarket.com</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <script type="text/javascript" src="js/jquery.core.js"></script> <script type="text/javascript" src="js/jquery.superfish.js"></script> <script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script> <script type="text/javascript" src="js/jquery.easing.js"></script> <script type="text/javascript" src="js/jquery.scripts.js"></script> </head> <body> <div id="wrap"> <div class="top_corner"></div> <div id="main_container"> <div id="header"> <div id="logo"><a href="index.html" _fcksavedurl="index.html"><img src="http://i.hizliresim.com/YJR7q2.gif" _fcksavedurl="http://i.hizliresim.com/YJR7q2.gif" alt="" title="" border="0" /></a></div> <a href="make-a-donation.html" _fcksavedurl="make-a-donation.html" class="make_donation"></a> <div id="menu"> <ul> <li><a href="/Ana-Sayfa.htm" _fcksavedurl="/Ana-Sayfa.htm" title="">Ana Sayfa</a></li> <li><a href="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" title="">Reklam Verme</a></li> <li><a href="http://entegretasarimlar.tr.gg/Tasar%26%23305%3Bmlar.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Tasar%26%23305%3Bmlar.htm" title="">Tasarımlar</a></li> <li><a href="/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="/%26%23304%3Bleti%26%23351%3Bim.htm" title="">İletişim</a></li> <li><a href="http://entegretasarimlar.tr.gg/Tema-Ekleme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Tema-Ekleme.htm" title="">Tema Ekleme</a></li> </ul> </div> </div> <table width="940" border="0" align="center" cellpadding="1" cellspacing="0"> <tbody> <tr> <td><center><marquee><span style="font-size: larger;">Yeni yıla yeni tasarımla geçeceğiz. Herkese mutlu Noeller!</span></marquee><br /> </center> <br /><a href="http://entegretasarimlar.tr.gg/Reklam-Verme.htm" _fcksavedurl="http://entegretasarimlar.tr.gg/Reklam-Verme.htm"><img src="https://img.webme.com/pic/e/entegretasarimlar/Безымянный - копия.png" _fcksavedurl="https://img.webme.com/pic/e/entegretasarimlar/Безымянный - копия.png" alt="" /></a>

Tasarım altındaki yazı
<!-- OnlineKisi.com Code Start --> <script>var _q = "pyu4617";</script><script language="Javascript" src="http://oa.onlinekisi.com/i/ok2.js"></script> <!-- OnlineKisi.com Code End --> </a></td> </tr> </tbody> </table> <div class="footer"> <div class="copyright"><a href="http://entegretasarimlar.tr.gg/" _fcksavedurl="http://entegretasarimlar.tr.gg/" target="_blank">© 2015 — Tüm haklarımız saklıdır.</a> | <a href="http://csstemplatesmarket.com/" _fcksavedurl="http://csstemplatesmarket.com/" target="_blank">by CssTemplatesMarket</a></div> </div> </div> </body> </html>

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;} body { background:url(http://i.hizliresim.com/G5X5R6.gif) repeat; margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; } p{ text-align:justify; line-height:19px; padding:0px; margin:0px; } h2{ padding:0px 0 10px 0; margin:0px; color:#B52025; font-size:20px; font-weight:normal; } .clear{ clear:both; } #wrap{ width:977px; margin:20px auto auto auto; } .top_corner{ width:976px; height:15px; background:url(http://i.hizliresim.com/gyRyoR.gif) no-repeat center bottom; } #main_container{ width:977px; background:url(http://i.hizliresim.com/68G8n7.gif) repeat-y center; } #header{ width:960px; margin:auto; height:90px; } #logo{ padding:10px 0 0 20px; float:left; } /*----------------------menu-------------------------*/ #menu{ width:530px; float:right; padding:40px 0 0 0; } #menu ul{ list-style:none;padding:0px;margin:0px;display:block; } #menu ul li{ list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px; } #menu ul li a{ float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; } #menu ul li a:hover{ background-color:#b52025;color:#fff; } #menu ul li a.current{ float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025; } /*-----------------middle_banner----------------------------*/ .middle_banner{ width:977px; height:304px; background:url(http://i.hizliresim.com/2545Zj.gif) no-repeat center; } /*----------------------slider---------------------------*/ .featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; } ul, li{ padding:0px; margin:0px; list-style:none; } /** ----------------------------------------------------- **/ #featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; } #featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } #featured_images { position: absolute; left: 0; top: 0; } #featured_images li { float: left; } #featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; } #featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; } #featured_desc { position: absolute; left: 0; bottom: 0; padding:0px; margin:0px; } #featured_desc li { width: 965px; float: left;padding:0px; margin:0px; } #featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px; background: url(http://i.hizliresim.com/RBRB36.png); } #featured_desc li h2 { color:#FFFFFF; font-size:18px; padding:0px 0 5px 0; margin:0px; } #featured_desc li p { color:#FFFFFF; font-size:12px; padding:0px 0 10px 0; margin:0px; line-height:18px; } #featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;} #featured_buttons li { width: 22px; height: 22px; background: url(http://i.hizliresim.com/WEREY2.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; } #featured_buttons li.clicked { background: url(http://i.hizliresim.com/3PJPo2.png); } /**/ /*-------------------------------*/ .center_content{ width:960px; clear:both; margin:auto; padding:10px 0 20px 0; } .center_content_pages{ width:960px; clear:both; margin:auto; padding:20px 0 20px 0; background:url(http://i.hizliresim.com/yR9R5y.gif) no-repeat center top; } .home_section_left{ width:270px; height:auto; float:left; margin:0 14px 0 14px; padding:0 10px 20px 10px; background:url(http://i.hizliresim.com/NWJWE5.gif) no-repeat center bottom; } .home_section_left p{ clear:both; } .home_section_left p span{ font-weight:bold; } img.home_section_icon{ width:63px; float:left; } h2.home_title{ width:190px; float:left; font-size:20px; padding:20px 0 0px 10px; margin:0px; color:#B52025; } .home_subtitle{ width:190px; float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7; } .home_section_thumb{ float:left; clear:both; padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid; } a.more{ float:right; } img.projects{ float:left; padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid; } .left_content{ width:660px; float:left; padding:0; } .left_block{ width:295px; float:left; padding:20px 20px 10px 15px; } .left_block_wide{ width:625px; float:left; padding:20px 20px 10px 15px; } .financial-application-form{ width:530px; float:left; padding:20px 20px 10px 15px; } .financial-application-form p{ margin-bottom:30px; } .testimonials{ width:360px; float:right; padding:20px 20px 0 0; } .block_wide{ width:625px; float:left; margin:10px 20px 10px 15px; padding-top:10px; border-top:1px #ededed solid; } .wide_content{ width:930px; clear:both; padding:10px 15px 0 15px; } .right_block{ width:280px; float:right; padding:20px 20px 10px 0; } img.pic{ border:3px #22496a solid; margin:0 0 10px 0; } .home_news a{ font-size:12px; color:#c82127; text-decoration:none; border-bottom:1px #bcbcbc dotted; padding:10px 0 5px 12px; display:block; float:left; background:url(http://i.hizliresim.com/zYqY56.gif) no-repeat left top; background-position: 0px 13px; } .home_news a:hover{ text-decoration:underline; } input.newsletter_input{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:193px; height:18px; padding:4px; float:left; } form#newsletter{ padding:10px 0 0 0; } input.newsletter_submit{ background-color:#b52025; color:#FFFFFF; text-align:center; float:left; padding:4px 4px 3px 4px; margin:0 0 0 10px; border:1px #fdeaeb solid; cursor:pointer; } .testbox{ padding:20px 10px 5px 0; margin:0; border-bottom:1px #ededed solid; } .testbox p{ font-style:italic; } /*-----------------------contact_form-------------------*/ .form{ width:500px; height:auto; float:left; padding:20px 10px 10px 20px; border:1px #fdeaeb solid; } .form_row{ width:425px; float:left; clear:both; padding:7px 0 7px 0; } label{ width:100px; float:left; padding:3px 15px 0 0; color:#b52025; text-align:right; font-weight:bold; } input.main_input{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:300px; height:18px; padding:4px; float:left; } textarea.main_textarea{ background-color:#fdeaeb; border:1px #e2c7c8 solid; width:300px; height:120px; padding:4px; float:left; } input.submit{ background-color:#b52025; color:#FFFFFF; text-align:center; float:right; padding:3px 10px 2px 10px; margin:0px 0 0 0; border:1px #b52025 solid; cursor:pointer; } /*-----------------------------footer------------------*/ .footer{ clear:both; width:960px; margin:auto; background:url(http://i.hizliresim.com/bYRdBj.jpg) no-repeat center; height:65px; } .copyright{ float:left; padding:30px 0 0 15px; color:#6996c0; } .copyright a{ color: #2A1C11; text-decoration:none; } .footer_links{ float:right; padding:30px 15px 0 0; } .footer_links a{ text-decoration:none; color: #2A1C11; padding-left:10px; } .footer_links a:hover{ text-decoration:underline; color: #2A1C11; }