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 3
Tasarim Demosu
Tasarim Üstü
<!DOCTYPE html> <html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Krisp - HTML/CSS Portfolio Template</title> <!-- styles start --> <link href="http://oxeso.com/envato/preview/krisp/css/nivo-slider.css" rel="stylesheet" type="text/css" /> <link href="http://oxeso.com/envato/preview/krisp/css/custom-nivo-slider.css" rel="stylesheet" type="text/css" /> <link href="http://oxeso.com/envato/preview/krisp/css/custom-cycle.css" rel="stylesheet" type="text/css" /> <link href="http://oxeso.com/envato/preview/krisp/css/colorbox.css" rel="stylesheet" type="text/css" /> <link href="http://oxeso.com/envato/preview/krisp/css/style-1.css" rel="stylesheet" type="text/css" /> <!-- styles end --> <link type="image/gif" rel="shortcut icon" href="http://oxeso.com/envato/preview/krisp/images/default/favicon.ico" /> <!-- scripts start --> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/jquery.tools.min.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/jquery.cycle.all.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/colorbox.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/cufon/cufon-yui.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/cufon/geoSans.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/contact.js"></script> <script type="text/javascript" src="http://oxeso.com/envato/preview/krisp/js/myScript.js"></script> <!-- scripts end --> </head> <body> <!-- website wrap starts --> <div class="mainWrap"> <!-- header wrap 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> <a href="" _fcksavedurl="" class="headerAd"><img src="http://oxeso.com/envato/preview/krisp/images/default/ad1-top.jpg" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/ad1-top.jpg" alt=""/></a> </div> <!-- header wrap ends --> <!-- page wrap starts --> <div class="pageWrap"> <!-- main menu starts --> <div class="menuWrap"> <ul class="mainMenu"> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Eklencek</a> <ul> <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="#">Eklenecek</a> <ul> <li><a href="oneColumn.html" _fcksavedurl="oneColumn.html">One Column</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> </ul> </li> <li class="currentPage"><a href="#" _fcksavedurl="#">Eklencek</a> <ul> <li><a href="blog.html" _fcksavedurl="blog.html">Blog</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> <li><a href="#" _fcksavedurl="#">Ekle</a></li> </li> </ul> </li> <li><a href="#" _fcksavedurl="#">Eklenecek</a></li> </ul> </div> <!-- main menu ends --> <div class="generalPageTop blogTop"></div> <!-- content wrap starts --> <div class="contentWrap blogWrap"> <!-- posts wrap starts --> <div class="postsWrap">
Tasarim Altı
</div> <!-- posts wrap ends --> <!-- sidebar wrap starts --> <div class="sidebarWrap"> <!-- search starts --> <div class="searchFormWrap"> <form class="searchForm" action="POST" 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="s" name="s" class="searchField"> <input type="submit" class="searchBtn" value="Go"> </form> </div> <!-- search ends --> <!-- ads start --> <div class="widgetWrap sidebarAdsWrap"> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" alt=""/></a> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" alt=""/></a> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" alt=""/></a> <a href="" _fcksavedurl="" class="ad125"><img src="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/blog/ad1.gif" alt=""/></a> </div> <!-- ads end --> <!-- categories start --> <div class="widgetWrap"> <h3 class="underlinedTitle">Kategoriler</h3> <ul class="categoriesList"> <li><a href="#" _fcksavedurl="#">Eklecencek</a></li> <li><a href="#" _fcksavedurl="#">Eklecencek</a></li> <li><a href="#" _fcksavedurl="#">Eklecencek</a></li> <li><a href="#" _fcksavedurl="#">Eklecencek</a></li> <li><a href="#" _fcksavedurl="#">eklecencek</a></li> </ul> </div> <!-- categories end --> </div> <!-- sidebar wrap ends --> </div> <!-- content wrap ends --> </div> <!-- page wrap ends --> <!-- footer starts --> <div class="footerWrap"> </div> <div class="copyrightWrap"> <span class="copyright">© copyright Sitenin İsmi | Tasarım Blogline.tr.gg</span> </div> <!-- footer ends --> </div> <!-- website wrap ends --> <!-- background switch starts --> <div class="bgSwitch"> <img src="http://oxeso.com/envato/preview/krisp/images/default/plus.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/plus.png" alt="" class="plus"/> <a href="http://oxeso.com/envato/preview/krisp/images/default/bgPat-1.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/bgPat-1.png" class="bgSw"><img src="http://oxeso.com/envato/preview/krisp/images/default/bgs1.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/bgs1.png" alt=""/></a> <a href="http://oxeso.com/envato/preview/krisp/images/default/bgPat-2.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/bgPat-2.png" class="bgSw"><img src="http://oxeso.com/envato/preview/krisp/images/default/bgs2.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/bgs2.png" alt=""/></a> <a href="http://oxeso.com/envato/preview/krisp/images/default/bgPat-3.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/bgPat-3.png" class="bgSw"><img src="http://oxeso.com/envato/preview/krisp/images/default/bgs3.png" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/default/bgs3.png" alt=""/></a> </div> <!-- background switch ends --> <!-- scripts start--> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/cosmincotor.json?callback=twitterCallback2&count=3"></script> <script type="text/javascript"> Cufon.now(); </script> <!-- scripts end --> </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;} @charset "utf-8"; /* CSS Document */ /************************************************************************ Template Name: Krisp | HTML/CSS Portfolio Template License: Commercial Description: A clean, pixel perfect portfolio template. Version: 1.0.0.111111 Author: Cosmin Cotor Author URL: http://cosmincotor.com Tags: clean, minimal ************************************************************************/ /***********************************************************************/ /* general elements start */ * { margin: 0; padding:0; border:none; outline:none; } body { font-family: Arial, Helvetica, Verdana; font-size:12px; line-height:22px; color:#555; background:#fff url(http://oxeso.com/envato/preview/krisp/images/default/bgPat-1.png); } p { margin-top:0px; margin-bottom:18px; display:block; overflow:hidden; } a { color:#ee7854; text-decoration:none; display:block; overflow:hidden; } p a { display:inline; color:#ee7854; border-bottom:1px dotted #ccc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease; } a:hover { text-decoration:underline; } p a:hover { text-decoration:none; color:#222; border-color:#aaa; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease; } h1, h2, h3, h4, h5, h6 { display:block; overflow:hidden; font-weight:normal; margin:10px 0px 13px 0px; color:#1d1d1d; 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:28px; } ol, ul { list-style: none outside none; } img { display:block; overflow:hidden; } div { display:block; overflow:hidden; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } .pageBreaker { clear:both; background:url(http://oxeso.com/envato/preview/krisp/images/default/pageBreakerBg.png) 0 0 repeat-x; height:3px; margin-bottom:25px; } form { display:block; overflow:hidden; } input[type="text"], input[type="password"] { font-family: Arial, Helvetica, Verdana; height:22px; color:#555; } textarea{ font-family: Arial, Helvetica, Verdana; color:#555; } blockquote { display:block; overflow:hidden; font-style:italic; color:#777; border-left:3px solid #f4f4f4; padding-left:10px; margin-bottom:22px; } /* general elements end */ /***********************************************************************/ /***********************************************************************/ /* main structure and homepage start */ .mainWrap { position:relative; overflow:visible; margin-left:auto; margin-right:auto; width:960px; } .headerWrap { width:960px; position:relative; background:url(http://oxeso.com/envato/preview/krisp/images/default/semiTransBgPat1.png) 0 0 repeat-x; height:93px; z-index:999; margin-bottom:30px; } .mainLogo { float:left; position:relative; width:300px; height:60px; margin-top:33px; } .headerAd { position:relative; float:right; width:468px; height:60px; margin-top:33px; } .pageWrap { position:relative; overflow:visible; background:#fff; box-shadow:1px 1px 0px #d8d8d8; -moz-box-shadow:1px 1px 0px #d8d8d8; -webkit-box-shadow:1px 1px 0px #d8d8d8; width:960px; height:auto; margin-bottom:25px; } .menuWrap { position:relative; height:61px; width:960px; overflow:visible; background:url(http://oxeso.com/envato/preview/krisp/images/default/mainMenuBgSlice.png) 0 0 repeat-x; z-index:999; } .mainMenu { display:block; overflow:visible; height:61px; position:relative; width:960px; float:left; z-index:999; } .mainMenu > li { height:60px; padding-bottom:1px; float:left; background:url(http://oxeso.com/envato/preview/krisp/images/default/mainMenuBgLine.png) right 0 no-repeat; padding-right:2px; display:block; overflow:visible; } .mainMenu > li:hover > a {
Blog İndexi
<!-- post starts --> <div class="smallPostWrap"> <a href="blogPost.html" _fcksavedurl="blogPost.html" class="smallPostImage"><img src="http://oxeso.com/envato/preview/krisp/images/blog/blogPostSmall1.jpg" _fcksavedurl="http://oxeso.com/envato/preview/krisp/images/blog/blogPostSmall1.jpg" alt=""/></a> <div class="smallPostContent"> <h2>Nunc mollis justo a</h2> <p class="postInfo"><span>11/11/2011</span><a href="" _fcksavedurl="">3 comments</a><a class="postInfoCategory" href="" _fcksavedurl="">Abstract</a></p> <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est...</p> <a href="blogPost.html" _fcksavedurl="blogPost.html" class="smallYBtn">Read More</a> </div> </div> <!-- post ends -->
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol
