caner-sablon
Tasarım 01
TASARIM ÜSTÜ<!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" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Elite Themes</title>
<link rel="stylesheet" href="http://elitethemes.net/themedemo/wp-content/themes/elgee/style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="http://elitethemes.net/themedemo/wp-content/themes/elgee/style.ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://elitethemes.net/themedemo/wp-content/themes/elgee/style.ie7.css" type="text/css" media="screen" />
<![endif]-->
<link rel="pingback" href="http://elitethemes.net/themedemo/xmlrpc.php" />
<link rel="alternate" type="application/rss+xml" title="Elite Themes » Feed" href="http://elitethemes.net/themedemo/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Elite Themes » Comments Feed" href="http://elitethemes.net/themedemo/?feed=comments-rss2" />
<link rel='stylesheet' id='comfeed-css' href='http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/css/comfeed.css?ver=3.3.2' type='text/css' media='all' />
<script type='text/javascript' src='http://elitethemes.net/themedemo/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://elitethemes.net/themedemo/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var SHRSB_Globals = {
src: "http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/spritegen"
};
/* ]]> */
</script>
<script type='text/javascript' src='http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/js/shareaholic-publishers.min.js?ver=3.3.2'></script>
<script type='text/javascript' src='http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/js/shareaholic-perf.js?ver=3.3.2'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://elitethemes.net/themedemo/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://elitethemes.net/themedemo/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Elite Themes' href='http://elitethemes.net/themedemo' />
<!-- Include the Nivo Slider CSS file -->
<link rel="stylesheet" href="http://elitethemes.net/themedemo/wp-content/themes/elgee/nivo-slider.css" type="text/css" media="screen" />
<!-- Include the Nivo Slider JS file -->
<script src="http://elitethemes.net/themedemo/wp-content/themes/elgee/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<!-- Set up the Nivo Slider -->
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="http://elitethemes.net/themedemo/wp-content/themes/elgee/script.js"></script>
</head>
<body class="home blog">
<div id="art-page-background-glare">
<div id="art-page-background-glare-image"> </div>
</div>
<div id="art-main">
<div class="art-nav">
<div class="art-nav-l"></div>
<div class="art-nav-r"></div>
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<div class="art-nav-center">
<ul class="art-hmenu">
<li class="active"><a class="active" href="http://elitethemes.net/themedemo" title="Home"><span class="l"> </span><span class="r"> </span><span class="t">Home</span></a>
</li>
<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li>
<li><a href="http://elitethemes.net/themedemo/?page_id=2" title="About"><span class="l"> </span><span class="r"> </span><span class="t">About</span></a>
</li>
<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li>
<li><a href="http://elitethemes.net/themedemo/?page_id=12" title="Contact"><span class="l"> </span><span class="r"> </span><span class="t">Contact</span></a>
</li>
<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li>
<li><a href="http://elitethemes.net/themedemo/?page_id=14" title="Portfolio"><span class="l"> </span><span class="r"> </span><span class="t">Portfolio</span></a>
</li>
<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li>
<li><a href="http://elitethemes.net/themedemo/?page_id=10" title="Site"><span class="l"> </span><span class="r"> </span><span class="t">Site</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-header">
<div class="art-header-clip">
<div class="art-header-center">
<div class="art-header-jpeg"></div>
</div>
</div>
<div class="art-header-wrapper">
<div class="art-header-inner">
<div style="position: absolute; width: 475px; height: 49px; z-index: 2; left:20px; top:14px" id="capa2">
<div class="bnd-title">CS</div>
</div>
<div style="position: absolute; width: 471px; height: 40px; z-index: 2; left:20px; top:73px" id="capa2">
<div class="bnd-tagline">Your Site Tagline Here</div>
</div>
<div style="position: absolute; width: 297px; height: 56px; z-index: 2; left:710px; top:23px" id="capa2">
<a href="YOUR URL HERE"><img src="http://elitethemes.net/themedemo/wp-content/themes/elgee/images/twitter.png"></a>
<a href="YOUR URL HERE"><img src="http://elitethemes.net/themedemo/wp-content/themes/elgee/images/rss.png"></a>
<a href="YOUR URL HERE"><img src="http://elitethemes.net/themedemo/wp-content/themes/elgee/images/facebook.png"></a>
</div>
<div class="art-logo">
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body"><div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1">
<div class="art-block widget widget_text" id="text-6">
<div class="art-block-body"><div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">About</h3>
</div><div class="art-blockcontent">
<div class="art-blockcontent-body"> <div class="textwidget">Lacinia pharetra Interdum dapibus. Hac curae; dapibus gravida rhoncus iaculis. Aliquet tristique viverra dignissim cras Est est venenatis proin facilisi per. Aliquam. At arcu curae; primis. Fringilla sit aliquam vitae Odio ut, dui.</div>
<div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div><div class="art-block widget widget_text" id="text-7">
<div class="art-block-body"><div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Sponsors</h3>
</div><div class="art-blockcontent">
<div class="art-blockcontent-body"> <div class="textwidget"><center>
<img src="http://envato.s3.amazonaws.com/referrer_adverts/vh_125x125_4.gif">
<img src="http://envato.s3.amazonaws.com/referrer_adverts/gr_125x125_v2.gif">
<img src="http://envato.s3.amazonaws.com/referrer_adverts/aj_125x125_v3.gif">
<img src="http://envato.s3.amazonaws.com/referrer_adverts/tutorials_125x125_v10.gif">
</center>
</div>
<div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div><div class="art-block widget widget_links" id="linkcat-2">
<div class="art-block-body"><div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Blogroll</h3>
</div><div class="art-blockcontent">
<div class="art-blockcontent-body">
<ul class='xoxo blogroll'>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://wordpress.org/news/">WordPress Blog</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>
<div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
<div class="art-layout-cell art-content">
TASARIM ALTI
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-sidebar2">
<div class="art-block widget widget_text" id="text-4">
<div class="art-block-body"><div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Networking</h3>
</div><div class="art-blockcontent">
<div class="art-blockcontent-body"> <div class="textwidget"><center><img src="http://cdn2.iconfinder.com/data/icons/functionsocial/Social_RSS.png"> <img src="http://cdn2.iconfinder.com/data/icons/functionsocial/Social_Twitter.png"> <img src="http://cdn2.iconfinder.com/data/icons/functionsocial/Social_Facebook.png"> </center></div>
<div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div><div class="art-block widget widget_text" id="text-2">
<div class="art-block-body"><div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Text Widget</h3>
</div><div class="art-blockcontent">
<div class="art-blockcontent-body"> <div class="textwidget">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </div>
<div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div><div class="art-block widget widget_meta" id="meta-2">
<div class="art-block-body"><div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Meta</h3>
</div><div class="art-blockcontent">
<div class="art-blockcontent-body"> <ul>
<li><a href="http://elitethemes.net/themedemo/wp-login.php">Log in</a></li>
<li><a href="http://elitethemes.net/themedemo/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://elitethemes.net/themedemo/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
</ul>
<div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div><div class="art-block widget widget_calendar" id="calendar-2">
<div class="art-block-body"><div class="art-blockcontent">
<div class="art-blockcontent-body"><div id="calendar_wrap"><table id="wp-calendar" summary="Calendar">
<caption>June 2011</caption>
<thead>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3" id="prev"><a href="http://elitethemes.net/themedemo/?m=201101" title="View posts for January 2011">« Jan</a></td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="2" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td>
</tr>
<tr>
<td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td id="today">18</td><td>19</td>
</tr>
<tr>
<td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td>
</tr>
<tr>
<td>27</td><td>28</td><td>29</td><td>30</td>
<td class="pad" colspan="3"> </td>
</tr>
</tbody>
</table></div> <div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div> <div class="cleared"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="cleared"></div>
</div>
</div>
<div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-body">
<div class="art-footer-center">
<div class="art-footer-wrapper">
<div class="art-footer-text">
<p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="http://caner-sablon.tr.gg/">CANER SABLON</a></p><p>CANER SABLON © 2011. TASARIM 01.</p> <div class="cleared"></div>
<p class="art-page-footer">Designed by
<a href="http://www.locksmithmagic.com/">locksmiths</a> and coded by
<a href="http://www.locksmithtampa.org/">tampa locksmith</a>,
<a href="http://www.locksmithatlanta.org/">locksmith atlanta</a>,
<a href="http://www.locksmithmanhattan.net/">locksmith manhattan</a>.
</p>
</div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<div id="wp-footer">
<script type="text/javascript">SHRSB_Settings = {"shr-publisher-8":{"link":"http://elitethemes.net/themedemo/?p=8","short_link":"http://goo.gl/TYyUz","title":"Lorem ipsum dolor sit amet","notes":"Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit.%20%20Aenean%20%20%20%20%20commodo%20ligula%20eget%20dolor.%20%20Aenean%20massa.%20%20Cum%20sociis%20natoque%20penatibus%20%20%20%20et%20magnis%20dis%20parturient%20montes%2C%20nascetur%20ridiculus%20mus.%20%20Donec%20quam%20%20%20%20%20felis%2C%20ultricies%20nec%2C%20pellentesque%20eu%2C%20pretium%20quis%2C%20sem.%20%20Nulla%20%20%20%20%20consequat%20mas","service":"2,5,52,40,38,7,10","apikey":"8afa39428933be41f8afdb8ea21a495c","expand":true,"src":"http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/spritegen","localize":true,"share_src":"http://www.shareaholic.com","rel":"nofollow","target":"_blank","center":true,"twitter_template":"${title} - ${short_link} via @Shareaholic","mode":"inject","showShareCount":"1","shrlink":"1","custom_link":{"after_5":{"li_class":"custom-comfeed","link":"http://elitethemes.net/themedemo/?p=8&feed=comments-rss2","tooltip":"Subscribe to the comments for this post?","style":"background-image:url(http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/images/comfeed.png);"}}},"shr-publisher-6":{"link":"http://elitethemes.net/themedemo/?p=6","short_link":"http://goo.gl/LpAMw","title":"Lorem ipsum dolor sit amet","notes":"Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit.%20%20Aenean%20%20%20%20%20commodo%20ligula%20eget%20dolor.%20%20Aenean%20massa.%20%20Cum%20sociis%20natoque%20penatibus%20%20%20%20%20et%20magnis%20dis%20parturient%20montes%2C%20nascetur%20ridiculus%20mus.%20%20Donec%20quam%20%20%20%20%20felis%2C%20ultricies%20nec%2C%20pellentesque%20eu%2C%20pretium%20quis%2C%20sem.%20%20Nulla%20%20%20%20%20consequat%20ma","service":"2,5,52,40,38,7,10","apikey":"8afa39428933be41f8afdb8ea21a495c","expand":true,"src":"http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/spritegen","localize":true,"share_src":"http://www.shareaholic.com","rel":"nofollow","target":"_blank","center":true,"twitter_template":"${title} - ${short_link} via @Shareaholic","mode":"inject","showShareCount":"1","shrlink":"1","custom_link":{"after_5":{"li_class":"custom-comfeed","link":"http://elitethemes.net/themedemo/?p=6&feed=comments-rss2","tooltip":"Subscribe to the comments for this post?","style":"background-image:url(http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/images/comfeed.png);"}}},"shr-publisher-4":{"link":"http://elitethemes.net/themedemo/?p=4","short_link":"http://goo.gl/Hu1RN","title":"Lorem ipsum dolor sit amet","notes":"Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetuer%20adipiscing%20elit.%20%20Aenean%20%20%20%20%20commodo%20ligula%20eget%20dolor.%20%20Aenean%20massa.%20%20Cum%20sociis%20natoque%20penatibus%20%20%20%20%20et%20magnis%20dis%20parturient%20montes%2C%20nascetur%20ridiculus%20mus.%20%20Donec%20quam%20%20%20%20%20felis%2C%20ultricies%20nec%2C%20pellentesque%20eu%2C%20pretium%20quis%2C%20sem.%20%20Nulla%20%20%20%20%20consequat%20ma","service":"2,5,52,40,38,7,10","apikey":"8afa39428933be41f8afdb8ea21a495c","expand":true,"src":"http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/spritegen","localize":true,"share_src":"http://www.shareaholic.com","rel":"nofollow","target":"_blank","center":true,"twitter_template":"${title} - ${short_link} via @Shareaholic","mode":"inject","showShareCount":"1","shrlink":"1","custom_link":{"after_5":{"li_class":"custom-comfeed","link":"http://elitethemes.net/themedemo/?p=4&feed=comments-rss2","tooltip":"Subscribe to the comments for this post?","style":"background-image:url(http://elitethemes.net/themedemo/wp-content/plugins/sexybookmarks/images/comfeed.png);"}}}}</script> <!-- 55 queries. 1.516 seconds. -->
</div>
</body>
</html>
CSS BÖLÜMÜ
/*
* jQuery Nivo Slider v2.3
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}