Html Temayi Seditio'ya cevirme Döküman.. Etiketler: HtmlTemayiSeditio'yacevirme
Comments: (10)
Ratings:
Author:
Submitted by: Aragorn-pc    Date: 28-06-2008 00:22
Özel Arama
Şimdi Örnek bir html temamiz var onu ceviricez. örnek temamizin görüntüsü;

http://aragorn-pc.us/images/goruntu2.PNG

html kaynak:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"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:

Kod:
<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>


şimdi bunu örnek aldigimiz bir header.tpl ye yapiştirip koyalim..

Kod:
<!-- BEGIN: HEADER -->


{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:

Kod:
<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>


evet bunu da aldik şimdi örnek aldigimzi bir index.tpl ye koyup yapiştiralim..

Kod:
<!-- BEGIN: MAIN -->
<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..

Kod:
<!-- BEGIN: FOOTER -->

</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.

1.   Posted by Gocmenist   28-06-2008 12:57  

teşekkürler aragorn.. güzel döküman olmuş...


2.   Posted by tommiks   03-07-2008 01:52  

hocam birde bu anlatımlarınızı videolu yapsanız sizden iyisi olmaz


3.   Posted by G.YILDIZ   03-07-2008 02:00  

çıkaracağımız çeşitli seditio düzenlemelerinin yanında videolu anlatımlarda hazırlayacağız.


4.   Posted by The_Sage   09-07-2008 10:33  

php-fusıon temalarını nasıl seditioya uyarlayabiliriz bunun için bi anlatım yaparsanız güzel olur


5.   Posted by G.YILDIZ   09-07-2008 11:51  

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.


6.   Posted by The_Sage   11-07-2008 12:27  

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


7.   Posted by Bebbo   17-07-2008 09:57  

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...


8.   Posted by nXq   07-08-2008 19:42  

http://www.trksecurity.net/forums.php?m=posts&q=834&n=last#bottom video yu da ben paylaşıyım istedim


9.   Posted by G.YILDIZ   07-08-2008 19:56  

bunun yerine herhangi bir free hosta upload edin siteden direk yayınlayalım.


10.   Posted by nXq   07-08-2008 20:11  

video all right reserved isteyen üye olup indirebilir isteyene kalmış


Average members rating (out of 10) : Henüz Oylanmamış   
Votes: 0
Copyright © 2008 Seditione.Com. All Rights Reserved.
Sayfa oluşturma süresi 0.061 saniye

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11