http://aragorn-pc.us/images/goruntu2.PNG
html kaynak:
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
<title>PoWeRFuL</title>
</head>
<body>
<div class="main">
<div class="gfx"><h1>Blackbox</h1></div>
<div class="menu">
<a href="index.html"><span>Aenean</span></a>
<a href="index.html"><span>Vestibulum cursus</span></a>
<a href="index.html"><span>Suspendisse</span></a>
<a href="index.html" id="last"><span>Elemen</span></a>
</div>
<div class="content">
<div class="item">
<h1>Vestibulum cursus</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
<div class="quote">Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
</div>
<div class="item">
<h1>Sagittis libero</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p>
</div>
<div class="item">
<h1>Leo tempor</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur pellentesque, lectus at volutpat interdum, sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p>
</div>
</div>
<div class="footer">© 2006 <a href="index.html">Sitename.com</a>. Design by <a href="http://arcsin.se">Arcsin</a></div>
</div>
</body>
</html>
şimdi sadece bu index.html oldugu için sadece ön kisimi degiştircem ki saten diger kisimlarida böyle bişeydir..
ilk önce header.tpl yi degiştiriyoruz.. kaynagina bakiyoruz head kodlarini aliyoruz..
istedigimiz yere kadar alabiliriz ama herşey düzgün olmasi için normal olmasi için bizde normal alicaz. aldigimiz kodlar:
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
<title>PoWeRFuL</title>
</head>
<body>
<div class="main">
<div class="gfx"><h1>Blackbox</h1></div>
<div class="menu">
<a href="index.html"><span>Aenean</span></a>
<a href="index.html"><span>Vestibulum cursus</span></a>
<a href="index.html"><span>Suspendisse</span></a>
<a href="index.html" id="last"><span>Elemen</span></a>
</div>
şimdi bunu örnek aldigimiz bir header.tpl ye yapiştirip koyalim..
{HEADER_DOCTYPE}
<html>
<head>
{HEADER_METAS}
{HEADER_COMPOPUP}
<title>{HEADER_TITLE}</title>
<link href="skins/{PHP.skin}/{PHP.skin}.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="skins/{PHP.skin}/popup.js"></script>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<title>PoWeRFuL</title>
</head>
<body>
<div class="main">
<div class="gfx"><h1>Blackbox</h1></div>
<div class="menu">
<a href="index.html"><span>Aenean</span></a>
<a href="index.html"><span>Vestibulum cursus</span></a>
<a href="index.html"><span>Suspendisse</span></a>
<a href="index.html" id="last"><span>Elemen</span></a>
</div>
<!-- END: HEADER -->
evet header.tpl imiz hazir. şimdi ise index.tpl ye geldi. header.tpl den aldigimiz kisimdan sonrakini alicaz ama footer için son kisimi almiyacaz..
aldik:
<div class="item">
<h1>Vestibulum cursus</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
<div class="quote">Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
</div>
<div class="item">
<h1>Sagittis libero</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p>
</div>
<div class="item">
<h1>Leo tempor</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur pellentesque, lectus at volutpat interdum, sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p>
</div>
evet bunu da aldik şimdi örnek aldigimzi bir index.tpl ye koyup yapiştiralim..
<div class="content">
<div class="item">
<h1>Vestibulum cursus</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
<div class="quote">Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
</div>
<div class="item">
<h1>Sagittis libero</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p>
</div>
<div class="item">
<h1>Leo tempor</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur pellentesque, lectus at volutpat interdum, sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p>
</div>
<!-- END: MAIN -->
evet bunuda hallettik ve şimdi son olarak footer.tpl . onu da en sonda biraktigimiz için en sonu alip örnek footer'e yapiştiriyoruz..
</div>
<div class="footer">© 2006 <a href="index.html">Sitename.com</a>. Design by <a href="http://arcsin.se">Arcsin</a></div>
</div>
</body>
</html>
<!-- END: FOOTER -->
Bu da tamamdir :) böyle bişey işte..
Not: Bu makaleyi kaynak göstermeden yayınlamak suçtur.Makaleyi sitenizde paylaşırken http://www.seditione.com linkini eklemeyi unutmayınız.
teşekkürler aragorn.. güzel döküman olmuş...
hocam birde bu anlatımlarınızı videolu yapsanız sizden iyisi olmaz ![]()
çıkaracağımız çeşitli seditio düzenlemelerinin yanında videolu anlatımlarda hazırlayacağız.
php-fusıon temalarını nasıl seditioya uyarlayabiliriz bunun için bi anlatım yaparsanız güzel olur
php-fusion joomla nuke gibi benzeri temalar için beğendiğiniz herhangi bir sitenin temasını farklı kaydet deyin daha sonra css dosyalarını ve html dosyasını sadeleştirin yani içindeki gereksiz unsurları kaldırdın tertemiz hale getirin.Daha sonra yukarıda anlatılanları aynen uygulayın.Sonuç aynı olacaktır.
arkadaşlar verdiğim linkteki temayı seditioya benim için uygulayacak birisi varmı yapan olursa çok sevinirim şimdiden sağolun
http://www.fusiontema.com/tema/Professional.rar
Seditio'nun bu kadar ayrıntılı ve basit olduğunu bilseydim diğer içerik yönetim sistemlerine hiç kafamı çevirip bakmazdım bile... ![]()
http://www.trksecurity.net/forums.php?m=posts&q=834&n=last#bottom video yu da ben paylaşıyım istedim ![]()
bunun yerine herhangi bir free hosta upload edin siteden direk yayınlayalım.
video all right reserved
isteyen üye olup indirebilir isteyene kalmış ![]()
Votes: 0
