VibrantCMS
Wordpress Temasıydı Tr.gg'ye Uyarladık
ORJİNAL DEMO:http://woothemes.com/demo/vibrantcms/#
Resimdeki Kısımlara Göre Aşağıdaki Kodlarıda Belirli Yerlere Ekliyeceğiz.Diyeceksiniz ki Ben Tasarım Altı ve ÜStü Kodlarını Gerekli Yerlere Ekledim Ama İçerik Kısmı Boş Kaldı.Evet Kalabilir Ama Zaten Orayı Siz Sayfalarımı Değiştirden Düzenliceksiniz.Yani Hangi Sayfada Olursa Olsun Tasarım Aynı Kalacak Ve O Boş Kalan Kısımdada Sayfalarımı Değiştir Bölümünden Yaptığınız Değişiklikler Gözükecektir.Yo Hayır Ben İllaki de O İçerik Kısmını Herhangi Bir Sayfama İstiyorum Diyorsanız, Aşağıdaki İçerik Kısmı Kodunu Gözükmesini İstediğiniz Sayfaya Kaynak Kodu Olarak Kaydedin.
ÖNEMLİ NOT: Tasarımdaki Yazı vs. Değişiklerini Eklediğiniz Kodlar Üzerinden Siz Yapacaksınız.
TASARIMIN ÜSTÜNE:
<!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 profile="http://gmpg.org/xfn/11">
<title>
Vibrant CMS | Just another WordPress weblog </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://woothemes.com/demo/vibrantcms/feed/" />
<link rel="pingback" href="http://woothemes.com/demo/vibrantcms/xmlrpc.php" />
<link rel="stylesheet" type="text/css" media="all" href="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/css/text.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/css/960.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/styles/default.css" />
<!--[if lte IE 6]>
<script defer type="text/javascript" src="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/includes/js/pngfix.js"></script>
<![endif]-->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://woothemes.com/demo/vibrantcms/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://woothemes.com/demo/vibrantcms/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 2.7" />
<link href="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/styles/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/includes/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/includes/js/featured.js"></script>
<script type="text/javascript" src="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/includes/js/idtabs.js"></script>
</head>
<body>
<div id="wrap">
<div id="header" class="fullspan">
<div class="container_16">
<div class="grid_8">
<h1 class="title"><a href="http://woothemes.com/demo/vibrantcms/" title="Home">Vibrant CMS</a></h1>
<p class="description">Just another WordPress weblog</p>
</div>
<div id="rss">
<a href="http://woothemes.com/demo/vibrantcms/feed/" title="Subscribe to our RSS feed">Stay updated on our news</a>
</div><!-- /rss -->
<div id="nav">
<ul>
<li class="current_page_item" ><a href="http://woothemes.com/demo/vibrantcms/">Home</a></li>
<li ><a href="http://woothemes.com/demo/vibrantcms/category/blog/" title="Blog">Blog</a></li> <li class="page_item page-item-14"><a href="http://woothemes.com/demo/vibrantcms/page/" title="Page">Page</a></li>
</ul>
</div><!-- /nav -->
</div><!-- /container_16 -->
</div><!-- /header -->
<div id="featured" class="fullspan">
<div class="container_16 clearfix">
<div class="crop">
<div class="widearea">
<div class="pageitem" id="div7">
<div class="grid_10 alpha" style="padding-left:10px;">
<h2>Welcome to VibrantCMS</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque. Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at, justo. Fusce felis arcu, euismod quis, lacinia nec, accumsan quis, dolor. Pellentesque neque risus, ultrices in, ullamcorper a, fringilla eget, felis. Etiam quis est. Ut semper odio ut risus. In hac habitasse platea dictumst. Pellentesque cursus libero non augue. Pellentesque enim elit, adipiscing sed, mollis at, porttitor sit amet, arcu. Quisque sit amet risus nec leo aliquet euismod. Pellentesque metus. In hac habitasse platea dictumst.</p>
<p>Curabitur tincidunt, erat sit amet eleifend consectetuer, ligula urna laoreet ante, vitae vehicula nulla eros id arcu. Suspendisse consectetuer, urna ut tincidunt ornare, orci ligula aliquam quam, eget imperdiet elit enim eu lectus. Cras eget mauris nec est tincidunt faucibus.</p>
<p class="buttons floatright">
<a class="next floatright" id="next2" href="#" title="Click for next">Next</a>
</p>
</div><!-- /grid_10 -->
<div class="grid_6 omega">
<div class="featimg" style="">
<!-- DISPLAYS THE IMAGE URL SPECIFIED IN THE CUSTOM FIELD -->
<img src="http://woothemes.com/demo/vibrantcms/wp-content/uploads/2008/07/iphone1.png" alt="Welcome to VibrantCMS" style="top: px !important; left: px !important;" />
</div><!-- /featimg -->
</div><!-- /grid_6 -->
</div><!-- /pageitem -->
<div class="pageitem" id="div10">
<div class="grid_10 alpha" style="padding-left:10px;">
<h2>Our products</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque. Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at, justo. Fusce felis arcu, euismod quis, lacinia nec, accumsan quis, dolor. Pellentesque neque risus, ultrices in, ullamcorper a, fringilla eget, felis. Etiam quis est. Ut semper odio ut risus. In hac habitasse platea dictumst. Pellentesque cursus libero non augue. Pellentesque enim elit, adipiscing sed, mollis at, porttitor sit amet, arcu. Quisque sit amet risus nec leo aliquet euismod. Pellentesque metus. In hac habitasse platea dictumst.</p>
<p>Curabitur tincidunt, erat sit amet eleifend consectetuer, ligula urna laoreet ante, vitae vehicula nulla eros id arcu. Suspendisse consectetuer, urna ut tincidunt ornare, orci ligula aliquam quam, eget imperdiet elit enim eu lectus. Cras eget mauris nec est tincidunt faucibus.</p>
<p class="buttons floatright">
<a class="prev floatleft" id="prev1" href="#" title="Click for previous">Prev</a> <a class="next floatright" id="next3" href="#" title="Click for next">Next</a>
</p>
</div><!-- /grid_10 -->
<div class="grid_6 omega">
<div class="featimg" style="">
<!-- DISPLAYS THE IMAGE URL SPECIFIED IN THE CUSTOM FIELD -->
<img src="http://woothemes.com/demo/vibrantcms/wp-content/uploads/2008/07/iphone1.png" alt="Our products" style="top: px !important; left: px !important;" />
</div><!-- /featimg -->
</div><!-- /grid_6 -->
</div><!-- /pageitem -->
<div class="pageitem" id="div11">
<div class="grid_10 alpha" style="padding-left:10px;">
<h2>Buy from us</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque. Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at, justo. Fusce felis arcu, euismod quis, lacinia nec, accumsan quis, dolor. Pellentesque neque risus, ultrices in, ullamcorper a, fringilla eget, felis. Etiam quis est. Ut semper odio ut risus. In hac habitasse platea dictumst. Pellentesque cursus libero non augue. Pellentesque enim elit, adipiscing sed, mollis at, porttitor sit amet, arcu. Quisque sit amet risus nec leo aliquet euismod. Pellentesque metus. In hac habitasse platea dictumst.</p>
<p>Curabitur tincidunt, erat sit amet eleifend consectetuer, ligula urna laoreet ante, vitae vehicula nulla eros id arcu. Suspendisse consectetuer, urna ut tincidunt ornare, orci ligula aliquam quam, eget imperdiet elit enim eu lectus. Cras eget mauris nec est tincidunt faucibus.</p>
<p class="buttons floatright">
<a class="prev floatleft" id="prev2" href="#" title="Click for previous">Prev</a>
</p>
</div><!-- /grid_10 -->
<div class="grid_6 omega">
<div class="featimg" style="">
<!-- DISPLAYS THE IMAGE URL SPECIFIED IN THE CUSTOM FIELD -->
<img src="http://woothemes.com/demo/vibrantcms/wp-content/uploads/2008/07/iphone1.png" alt="Buy from us" style="top: px !important; left: px !important;" />
</div><!-- /featimg -->
</div><!-- /grid_6 -->
</div><!-- /pageitem -->
</div><!-- /widearea -->
</div><!-- /crop -->
</div><!-- /container_16 -->
</div><!-- /featured -->
<div id="steps" class="fullspan">
<div class="container_16">
<div class="grid_16">
<ul>
<li>
<a href="#" id="button1">
<strong>Step 01 > </strong>Welcome to VibrantCMS
</a>
</li>
<li>
<a href="#" id="button2">
<strong>Step 02 > </strong>Our products
</a>
</li>
<li>
<a href="#" id="button3">
<strong>Step 03 > </strong>Buy from us
</a>
</li>
</ul>
</div>
</div><!-- /container_16 -->
</div><!-- /steps -->
<div id="content" class="fullspan"
<div class="container_16 clearfix">
TASARIMIN ALTINA:
</div><!-- /content -->
<div id="bottom" class="fullspan">
<div class="container_16 clearfix">
<div class="grid_10">
<h2>About</h2>
<p>This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many pages like this one or sub-pages as you like and manage all of your content inside of WordPress.</p>
</div>
<div class="grid_6">
<div id="newsletter">
<h3>Contact</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque. Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at, justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque. Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at, justo.</p>
</div><!-- /newsletter -->
</div>
</div><!-- /container_16 -->
</div><!-- /bottom -->
<div id="footer" class="fullspan">
<div class="container_16">
<div class="grid_16">
<p><span class="floatleft">Copyright © Vibrant CMS</span><span class="floatright"> <a href="http://www.woothemes.com">VibrantCMS Theme</a> by <a href="http://www.woothemes.com" title="WooThemes - Premium WordPress Themes"><img src="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/images/woothemes.png" alt="WooThemes - Premium Wordpress Themes" /></a></span></p>
</div>
</div><!-- /container_16 -->
</div><!-- /footer -->
</div><!-- /wrap -->
</body>
</html>
İSTEĞE BAĞLI İÇERİK BÖLÜMÜ(İSTEDİĞİNİZ SAYFANIN KAYNAK BÖLÜMÜNE EKLENECEK:
<div class="grid_5">
<div class="moreinfo">
<h3>About</h3>
<div class="entry">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque.
Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at,
justo. Fusce felis arcu, euismod quis, lacinia nec, accumsan quis, dolor.
Pellentesque neque risus, ultrices in, ullamcorper a, fringilla eget, felis.
Etiam quis est. Ut semper odio ut risus. In hac habitasse platea dictumst.
Pellentesque cursus libero non augue. Pellentesque enim elit, adipiscing sed,
mollis at, porttitor sit amet, arcu. Quisque sit amet risus nec leo aliquet
euismod. Pellentesque metus. In hac habitasse platea dictumst.</p>
</div>
<p class="more"><a href="#" title="Click here for more info">
Click here for more info</a></p>
</div><!-- /moreinfo -->
</div>
<div class="grid_5">
<div class="moreinfo">
<h3>About</h3>
<div class="entry">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eu neque.
Integer nec justo. Morbi odio metus, mattis non, venenatis ac, molestie at,
justo. Fusce felis arcu, euismod quis, lacinia nec, accumsan quis, dolor.
Pellentesque neque risus, ultrices in, ullamcorper a, fringilla eget, felis.
Etiam quis est. Ut semper odio ut risus. In hac habitasse platea dictumst.
Pellentesque cursus libero non augue. Pellentesque enim elit, adipiscing sed,
mollis at, porttitor sit amet, arcu. Quisque sit amet risus nec leo aliquet
euismod. Pellentesque metus. In hac habitasse platea dictumst.</p>
</div>
<p class="more"><a href="#" title="Click here for more info">
Click here for more info</a></p>
</div><!-- /moreinfo -->
</div>
<div class="grid_6">
<div id="news">
<h3>Company / Product News</h3>
<a class="feed" href="http://woothemes.com/demo/vibrantcms/feed/" title="Subribe to our RSS feed"><img src="http://woothemes.com/demo/vibrantcms/wp-content/themes/vibrantcms/images/design/rss.gif" alt="RSS" /></a>
<ul>
<li><a title="Permanent Link to Curabitur tincidunt" href="http://woothemes.com/demo/vibrantcms/curabitur-tincidunt/" rel="bookmark">
Curabitur tincidunt</a><span class="date">1.07</span></li>
<li><a title="Permanent Link to Lorem ipsum dolor sit amet" href="http://woothemes.com/demo/vibrantcms/lorem-ipsum-dolor-sit-amet/" rel="bookmark">
Lorem ipsum dolor sit amet</a><span class="date">1.07</span></li>
<li><a title="Permanent Link to Hello world!" href="http://woothemes.com/demo/vibrantcms/hello-world/" rel="bookmark">
Hello world!</a><span class="date">27.06</span></li>
</ul>
<p class="more alignr"><a href="http://woothemes.com/demo/vibrantcms/category/blog/" title="Read More">
Read More</a></p>
</div><!-- /news -->
</div>
</div>