blogline
Ana Sayfa
Site Arsivi
Yasal Uyari
Iletisim
Destek Ol
Siteni Ekle
Tasarimlar
Tasarim 1
Tasarim 2
Tasarim 3
Tasarim 4
Tasarim 5
Html-Css
Dersler
Bilgisayar
Genel
Resimler
Teknoloji
Makaleler
Spor
Tasarim istek
Asparagas
Posta
öernek
İndex
Yeni sayfanın bayşlığı
Yeaaığı
Forum
Tasarim 4
Tasarim Demosu
Tasarim Üstü
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>semplys - HTML/CSS template</title> <!-- styles start --> <link href="http://oxeso.com/envato/preview/semplys/css/skin.css" rel="stylesheet" type="text/css" /> <link href="http://oxeso.com/envato/preview/semplys/css/jquery.cycle.css" type="text/css" rel="stylesheet" /> <link href="http://oxeso.com/envato/preview/semplys/css/prettyPhoto.css" type="text/css" rel="stylesheet" /> <!--[if gte IE 8]> <link rel="stylesheet" type="text/css" href="http://oxeso.com/envato/preview/semplys/css/ie8.css" /> <![endif]--> <!-- styles end --> <link type="image/gif" rel="shortcut icon" href="http://oxeso.com/envato/preview/semplys/images/favicon.ico" /> <!-- scripts start --> <script type="text/javascript" src="http://oxeso.com/envato/preview/semplys/js/jquery-1.6.min.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/semplys/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/semplys/js/jquery.prettyPhoto.js"></script> <script src="http://oxeso.com/envato/preview/semplys/js/jquery.cycle.all.min.js" type="text/javascript"></script> <script src="http://oxeso.com/envato/preview/semplys/js/jquery.tipTip.minified.js" type="text/javascript"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/semplys/js/jquery.tools.min.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/semplys/js/contact.js"></script> <script src="http://oxeso.com/envato/preview/semplys/cufon/cufon-yui.js" type="text/javascript"></script> <script src="http://oxeso.com/envato/preview/semplys/cufon/geoFont.js" type="text/javascript"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/semplys/js/myScript.js"></script> <!-- scripts end --> </head> <body> <div class="websiteTopLine"></div> <!-- website wrap starts --> <div class="websiteWrap"> <!-- header starts --> <div class="headerWrap"> <a href="" _fcksavedurl="" class="mainLogo"><img src="https://img.webme.com/pic/e/epitonic/logoart.png" _fcksavedurl="https://img.webme.com/pic/e/epitonic/logoart.png" alt=""/></a> <ul class="mainMenu"> <li><a href="http://blogline.tr.gg" _fcksavedurl="http://blogline.tr.gg">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Eklecencek</a> <ul class="subMenu"> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Ekle</a> <ul class="subMenu"> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Ekle</a> <ul class="subMenu"> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Eklencek</a></li> </ul> </div> <!-- header ends --> <!-- page starts --> <h2 class="pageTitle">Tasarim 4</h2> <!-- blog wrap starts --> <div class="blogWrap"> <div class="postWrap">
Tasarim Altı
</div> <!-- sidebar starts --> <div class="sidebarWrap"> <!-- search widget starts --> <div class="searchWidget"> <form id="searchformWidget" action="#" method="get"> <input type="text" onBlur_fckprotectedatt="%20onBlur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'search...'%3B%7D%22" onFocus_fckprotectedatt="%20onFocus%3D%22if%20(this.value%20%3D%3D%20'search...')%20%7Bthis.value%20%3D%20''%3B%7D%22" value="search..." id="sWidget" name="sWidget" class="searchFieldWidget"> <input type="submit" class="searchBtn" value=""> </form> </div> <!-- search widget ends --> <!-- ads widget starts --> <div class="widgetWrap"> <div class="adsWrap"> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" alt=""/></a> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" alt=""/></a> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" alt=""/></a> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/ad1.gif" alt=""/></a> </div> </div> <!-- ads widget ends --> <!-- widget tabs start --> <div class="widgetTabsWrap"> <h3 class="widgetTitle">Postalar</h3> <ul class="widgetTabs"> <li><a href="" _fcksavedurl="">Son Posta</a></li> <li><a href="" _fcksavedurl="">Popüler</a></li> <li><a href="" _fcksavedurl="">Arşiv</a></li> </ul> <ul class="widgetTabsLists"> <li> <ul> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Nam libero tempore</a><span>May, 20 2011</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb2.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb2.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Nemo enim ipsam voluptatem</a><span>May, 20 2011</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb3.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb3.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Lorem Ispum Dolor</a><span>May, 20 2011</span></li> </ul> </li> <li> <ul> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb3.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb3.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Sit amet</a><span>May, 20 2011</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Consectetur adipisicing</a><span>May, 20 2011</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb2.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb2.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Duis aute irure</a><span>May, 20 2011</span></li> </ul> </li> <li> <ul> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb3.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb3.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Jane Smith</a><span>el illum qui dolorem eum fugiat quo</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb2.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb2.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">admin</a><span>qui dolorem ipsum quia dolor</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">Johnny Doe</a><span>consequuntur magni dolores eos qui ratione voluptatem sequi</span></li> <li><a href="" _fcksavedurl="" class="widgetTabsThumb"><img src="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/blogImages/widgetTabsThumb.jpg" alt=""/></a><a class="widgetTabsTitle" href="" _fcksavedurl="">user231</a><span>quod maxime placeat facere possimus</span></li> </ul> </li> </ul> </div> <!-- widget tab ends --> <!-- categories menu starts --> <div class="widgetWrap"> <h3 class="widgetTitle">Kategoriler</h3> <ul class="categoriesList"> <li><a href="#" _fcksavedurl="#">Eklecencek</a></li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#">Eklecencek</a></li> <li><a href="#" _fcksavedurl="#">Eklenceneke</a></li> </ul> </div> <!-- categories menu ends --> </div> <!-- sidebar ends --> </div> <!-- blog wrap ends --> <!-- page ends --> <div class="footerWrap"> <span class="copyright">© copyright Sitenizin İsmi | Tasarım Blogline.tr.gg</span> <a href="" _fcksavedurl="" title ="Rss" class="footerIcon rss"></a> <a href="" _fcksavedurl="" title="Follow us on Twitter" class="footerIcon twitter"></a> <a href="" _fcksavedurl="" title="Facebook" class="footerIcon facebook"></a> </div> </div> <!-- website wrap ends --> <!-- website bg switch starts --> <div class="bgSwitch"> <img class="bgSwIco" src="http://oxeso.com/envato/preview/semplys/images/gear_32.png" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/gear_32.png" alt=""/> <a href="http://oxeso.com/envato/preview/semplys/images/bgPat1.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/bgPat1.jpg" class="bgSwitcher" title="background 1"><img src="http://oxeso.com/envato/preview/semplys/images/bgSwitch1.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/bgSwitch1.jpg" alt=""/></a> <a href="http://oxeso.com/envato/preview/semplys/images/bgPat2.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/bgPat2.jpg" class="bgSwitcher" title="background 2"><img src="http://oxeso.com/envato/preview/semplys/images/bgSwitch2.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/bgSwitch2.jpg" alt=""/></a> <a href="http://oxeso.com/envato/preview/semplys/images/bgPat3.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/bgPat3.jpg" class="bgSwitcher" title="background 3"><img src="http://oxeso.com/envato/preview/semplys/images/bgSwitch3.jpg" _fcksavedurl="http://oxeso.com/envato/preview/semplys/images/bgSwitch3.jpg" alt=""/></a></div> <!-- website bg switch ends --> <!-- scripts start--> <script type="text/javascript"> Cufon.now(); </script> <!-- scripts end --> </body> </html>
Css Kodu
@charset "utf-8"; /* CSS Document */ /* Template Name: semplys Description: HTML/CSS Portfolio Template Version: 1.0.0.110522 Author: Cosmin Cotor Author URL: http://cosmincotor.com Tags: modern, clean */ /*------------- general elements start -------------*/ * { margin:0; border:0; padding:0; } body { font-family: Arial, Helvetica, Verdana; font-size:12px; line-height:22px; color:#777; /*background:#f4f4f4 url(http://oxeso.com/envato/preview/semplys/images/bgPat1.jpg);*/ background:#f4f4f4; } textarea, input { font-family:Arial, Helvetica, Verdana; font-size:12px; line-height:22px; color:#777; } p { margin-top:0px; margin-bottom:15px; display:block; overflow:hidden; } ol, ul { list-style: none outside none; } a { color:#999; text-decoration:none; display:block; } a:hover { text-decoration:underline; color:#333; } img { display:block; overflow:hidden; } h1, h2, h3, h4, h5, h6 { display:block; overflow:hidden; font-weight:normal; margin:10px 0px 13px 0px; color:#333; padding-bottom:3px; } h6 { font-size:14px; margin-bottom:5px; } h5 { font-size:16px; margin-bottom:5px; } h4 { font-size:18px; margin-bottom:5px; } h3 { font-size:20px; } h2 { font-size:24px; } h1 { font-size:30px; } /*------------- general elements end -------------*/ .websiteTopLine { display:block; background:url(http://oxeso.com/envato/preview/semplys/images/topBgSlice.png) repeat-x; overflow:hidden; height:10px; width:100%; min-width:960px; } .websiteWrap { display:block; overflow:hidden; width:960px; min-height:584px; position:relative; margin-left:auto; margin-right:auto; padding-right:20px; padding-left:20px; } /* header css starts */ .headerWrap { display:block; height:110px; width:960px; overflow:visible; margin-bottom:35px; padding-bottom:15px; background:url(http://oxeso.com/envato/preview/semplys/images/headerBg.png) 0 bottom no-repeat; } .mainLogo { display:block; float:left; position:relative; height:70px; margin-left:20px; margin-top:24px; } .mainMenu { display:block; float:right; margin-top:41px; } .mainMenu > li { display:block; float:left; margin-right:20px; margin-left:5px; position:relative; height:34px; z-index:99; color:#999; font-size:18px; padding-bottom:6px; } .mainMenu > li > a { padding-top:2px; } .mainMenu > li:hover { color:#333; text-decoration:none; } li.currentPage > a { color:#18b1f8;/*background:url(http://oxeso.com/envato/preview/semplys/images/topMenuItemBg.png) right -56px no-repeat; padding-right:15px; padding-bottom:8px;*/ } li.currentPage { /*background:url(http://oxeso.com/envato/preview/semplys/images/topMenuItemBg.png) 0px 0px no-repeat; padding-left:15px; margin-right:10px; margin-left:0px;*/ } .subMenu { display:none; position:absolute; width:130px; background:#ffffff url(http://oxeso.com/envato/preview/semplys/images/subMenuBgSlice.png) repeat-x; -moz-box-shadow:0px 0px 4px #bbb; box-shadow:0px 0px 4px #bbb; -webkit-box-shadow:0px 0px 4px #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-top:15px; padding-left:10px; padding-right:10px; top:40px; } .subMenu li { padding-bottom:8px; border-bottom:1px dashed #ddd; padding-top:8px; } li.lastSubMenuChild { border:none; } .subMenu li a { color:#999; font-size:12px; background:url(http://oxeso.com/envato/preview/semplys/images/subMenuItemBg.png) 0 4px no-repeat; padding-left:15px; } .subMenu li a:hover { color:#555; text-decoration:none; background:url(http://oxeso.com/envato/preview/semplys/images/subMenuItemBg.png) 0 -20px no-repeat; } .lastMenuChild .subMenu { right:0px; } /* header css ends */ /* index starts */ .mainQuote { display:block; overflow:hidden; /*background:#eee; border:1px solid #e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;*/ padding-top:0px; margin-bottom:40px; padding-left:10px; padding-right:20px; } .mainQuote h1 { margin-bottom:0px; padding-bottom:0px; text-align:left; font-style:italic; float:left; width:720px; color:#18B1F8; font-size:36px; padding-top:0px; } .mainQuote p { display:inline-block; float:left; position:relative; color:#aaa; font-style:italic;
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol
