Buradaki başlıkta sorulmuştu o nedenle bu anlatımı hazırlıyorum temamız 1.0 teması olan JS_Lunar Eclipse ismli tema
Joomla 1.0 temalarını joomla 2.5 temasına dönüştürmek için bazı kodları değiştirmek gerekir bu kodlar yeni bir tema yapımında da kullanılan kodlardır
önce templateDetails.xml dosyasındaki düzenlemeleri yapalım
kodları 2.5 ye göre değiştirelim burada modül pozisyonları tanımlanmamış onları da ekleyelimKod:<?xml version="1.0" encoding="iso-8859-1"?> <mosinstall type="template" version="4.5.1"> <name>JS_Lunar Eclipse</name> <creationDate></creationDate> <author>JoomlaShack</author> <copyright>GNU/GPL</copyright> <authorEmail>joomlashack@gmail.com</authorEmail> <authorUrl>http://www.joomlashack.com</authorUrl> <version>3.0</version> <description>LunarEclipse is a tribute template to the ever popular SolarFlare template originated by rhuk with some modifications by JoomlaShack.</description> <files> <filename>scripts/moo.fx.js</filename> <filename>scripts/moo.fx.pack.js</filename> <filename>scripts/prototype.lite.js</filename> <filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>template_thumbnail.png</filename> <filename>js/template.css.php</filename> </files> <images> <filename>images/advertisement.png</filename> <filename>images/arrow.png</filename> <filename>images/bodouterbg.png</filename> <filename>images/bullet.png</filename> <filename>images/emailButton.png</filename> <filename>images/header_short.jpg</filename> <filename>images/header_short.png</filename> <filename>images/indent1.png</filename> <filename>images/indent2.png</filename> <filename>images/indent3.png</filename> <filename>images/indent4.png</filename> <filename>images/menu_bg.png</filename> <filename>images/pdf_button.png</filename> <filename>images/printButton.png</filename> <filename>images/rating_star.png</filename> <filename>images/rating_star_blank.png</filename> <filename>images/sechdr1bg.png</filename> <filename>images/sechdr2bg.png</filename> <filename>images/sechdrbg.png</filename> <filename>images/showhide.jpg</filename> <filename>images/showhide.png</filename> <filename>images/spacer.png</filename> <filename>images/subhead_bg.png</filename> <filename>images/Thumbs.db</filename> </images> <css> <filename>css/editor_content.css</filename> <filename>css/template_css.css</filename> </css> </mosinstall>
kalın kısımlar değitirdiğimiz kısımlar bu dosyayı düzenliyerek temamızın 2.5 e kurulabilmesini sağladıkKod:<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd"> <extension version="2.5" type="template" client="site"> <name>JS_Lunar Eclipse</name> <creationDate></creationDate> <author>JoomlaShack</author> <copyright>GNU/GPL</copyright> <authorEmail>joomlashack@gmail.com</authorEmail> <authorUrl>http://www.joomlashack.com</authorUrl> <version>3.0</version> <description>LunarEclipse is a tribute template to the ever popular SolarFlare template originated by rhuk with some modifications by JoomlaShack.</description> <files> <filename>scripts/moo.fx.js</filename> <filename>scripts/moo.fx.pack.js</filename> <filename>scripts/prototype.lite.js</filename> <filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>template_thumbnail.png</filename> <filename>js/template.css.php</filename> </files> <images> <filename>images/advertisement.png</filename> <filename>images/arrow.png</filename> <filename>images/bodouterbg.png</filename> <filename>images/bullet.png</filename> <filename>images/emailButton.png</filename> <filename>images/header_short.jpg</filename> <filename>images/header_short.png</filename> <filename>images/indent1.png</filename> <filename>images/indent2.png</filename> <filename>images/indent3.png</filename> <filename>images/indent4.png</filename> <filename>images/menu_bg.png</filename> <filename>images/pdf_button.png</filename> <filename>images/printButton.png</filename> <filename>images/rating_star.png</filename> <filename>images/rating_star_blank.png</filename> <filename>images/sechdr1bg.png</filename> <filename>images/sechdr2bg.png</filename> <filename>images/sechdrbg.png</filename> <filename>images/showhide.jpg</filename> <filename>images/showhide.png</filename> <filename>images/spacer.png</filename> <filename>images/subhead_bg.png</filename> <filename>images/Thumbs.db</filename> </images> <css> <filename>css/editor_content.css</filename> <filename>css/template_css.css</filename> </css> <positions> <position>user1</position> <position>user2</position> <position>user3</position> <position>user4</position> <position>top</position> <position>banner</position> <position>left</position> <position>right</position> <position>debug</position> </positions> </extension>
şimdi de index.php dosyasındaki değişiklikleri yapalım
dosyanın tepesindeki
kodlarınıKod:<?php defined( '_VALID_MOS' ) or die( 'Restricted access' ); // needed to seperate the ISO number from the language file constant _ISO $iso = explode( '=', _ISO ); // xml prolog echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; ?> <!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"> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/prototype.lite.js"></script> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/moo.fx.js"></script> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/scripts/moo.fx.pack.js"></script> <script type="text/javascript"> window.onload = function() { fadesize = new fx.FadeSize('left_outer', {duration: 500}); } </script> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) { initEditor(); } ?> <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" /> <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" /> </head>
ile değiştirelimKod:<?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!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> <jdoc:include type="head" /> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/scripts/prototype.lite.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/scripts/moo.fx.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/scripts/moo.fx.pack.js"></script> <script type="text/javascript"> window.onload = function() { fadesize = new fx.FadeSize('left_outer', {duration: 500}); } </script> <?php if ( $my->id ) { initEditor(); } ?> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/template_css.css" rel="stylesheet" type="text/css" /> </head>
tema dosyaları yolunu tanımlayan alttaki kodları
yeni kodlarla değiştirelim bu kodlar temadan temaya değişiklik gösterse de ben bu kodları kullanıyorumKod:<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>
modülleri eklemek içinKod:<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>
1.0 da kullanılan kodları
2.5 de kullanılanlarla değiştirelim burda dikkat edeceğimiz konu pozisyon isimlerini aynı yapmak yani bu kodlarda user3 olarak tanımlanan pozisyonu yeni kodlarda da user3 olarak tanımlamakKod:<?php mosLoadModules ( 'user3', -1 ); ?>
ve pozisyonda modül yoksa o pozisyonu tanımlayan html kodlarının görünmemesi içinKod:<jdoc:include type="modules" name="user3" style="xhtml" />
<?php if($this->countModules('pozisyonadı')) : ?>Kod:<?php if($this->countModules('user3')) : ?> <div id="buttons_outer"> <div id="buttons_inner"> <div id="buttons"> <jdoc:include type="modules" name="user3" style="xhtml" /> </div> </div> </div> <?php endif; ?>
html kodlar
<?php endif; ?>
kodlarını ekliyelim
içerikleri göstermek için kullanılan
kodunu değiştirelim hata mesajları için <jdoc:include type="message" /> kodlarını da ekleyelimKod:<?php mosMainBody(); ?>
index.php dosyasının en son hali iseKod:<jdoc:include type="message" /> <jdoc:include type="component" />
Bu anlatım genel olarak temayı 2.5 e dönüştüren bir anlatımdır 2.5 dönüşen temamızda detayları ise css dosyasınaki kodarla oynayarak düzenlememiz gerekir ki mutlaka css den kaynaklı uyumsuzluklar çıkacaktırKod:<?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!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> <jdoc:include type="head" /> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/scripts/prototype.lite.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/scripts/moo.fx.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/scripts/moo.fx.pack.js"></script> <script type="text/javascript"> window.onload = function() { fadesize = new fx.FadeSize('left_outer', {duration: 500}); } </script> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/template_css.css" rel="stylesheet" type="text/css" /> </head> <body> <table border="0" cellpadding="0" cellspacing="0" width="908" align="center"> <tr> <td class="outline"> <table width="902" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <?php if($this->countModules('user3')) : ?> <div id="buttons_outer"> <div id="buttons_inner"> <div id="buttons"> <jdoc:include type="modules" name="user3" style="xhtml" /> </div> </div> </div> <?php endif; ?> <?php if($this->countModules('user4')) : ?> <div id="search_outer"> <div id="search_inner"> <jdoc:include type="modules" name="user4" style="xhtml" /> </div> </div> <?php endif; ?> </td> </tr> <tr> <td> <div id="header_outer"> <div id="header"> <div id="pathway_text"> <a href="#" onclick="opacity.toggle();"></a> <a href="#" onclick="fadesize.toggle('width');"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/showhide.png" id="showhide" border="0"></a> </div> </div> <?php if($this->countModules('top')) : ?> <div id="top_outer"> <div id="top_inner"> <jdoc:include type="modules" name="top" style="xhtml" /> </div> </div> <?php endif; ?> </div> </td> </tr> <tr> <td id="main_area"> <table width="902" cellpadding="0" cellspacing="0"> <tr> <?php if($this->countModules('left')) : ?> <td id="left_side"> <div id="left_outer"> <div id="left_inner"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> </div> </td> <?php endif; ?> <td id="main_body"> <?php if($this->countModules('banner')) : ?> <div id="banner_inner"> <jdoc:include type="modules" name="banner" style="xhtml" /> </div> <?php endif; ?> <table width="100%" border="0" cellspacing="0" cellpadding="0" > <tr> <?php if($this->countModules('user1')) : ?> <td width="50%"> <div class="user1_inner"> <jdoc:include type="modules" name="user1" style="xhtml" /> </div> </td> <?php endif; ?> <?php if($this->countModules('user2')) : ?> <td width="50%"> <div class="user2_inner"> <jdoc:include type="modules" name="user2" style="xhtml" /> </div> </td> <?php endif; ?> </tr> </table> <div id="body_outer"> <jdoc:include type="message" /> <jdoc:include type="component" /> <div class="clr"></div> </div> </td> <?php if($this->countModules('right')) : ?> <td id="right_side"> <div id="right_outer"> <div id="right_inner"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> </div> </td> <?php endif; ?> </tr> </table> </td> </tr> </table> </td> </tr> </table> <div align="center" class="dd">original solarflare design by <a href="http://www.jamboworks.com/">rhuk</a><br /> <a href="http://www.joomlashack.com/">joomla templates by joomlashack</a> </div> <?php include("js/template.css.php"); ?> <jdoc:include type="modules" name="debug" style="xhtml" /> </body> </html>
temayı ben lokalde test ettim ve anlatımı böyle hazırladım temamız 2.5 e sorunsuz bir şekilde kuruldu
![]()


16Beğeni
LinkBack URL
About LinkBacks






Alıntı ile Cevapla


Yer imleri