|
Ще разгледаме структурата на шаблона за Mambo и необходимите кодове отговарящи за функциите, расположения на модулите, компонентов и другите блокове на вашия сайт. Да разгледаме осоновния код на шаблона за Мамбо: Така трябва да започва вашият index.php : 1.<?php echo "<?xml version="1.0"?>";
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?> <!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">
тези специфични тагове, указват на браузера, различните стандарти XML и xHTML 2.<head> <?php echo $mosConfig_sitename; ?>
отговаря за името и заглавието на вашият сайт - вместо стандартния таг <title> 3. <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
указва кодирането на сайта 4. <?php include ("includes/metadata.php"); ?>
<?php include ("editor/editor.php"); ?>
включва генератора за метаданни и WISWIG редактора 5. <script language="JavaScript" type="text/javascript">
<!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
} MM_reloadPage(true);
//-->
</script>
скрипт за корекното изображение на шаблона в браузерите Mozilla и Netscape 6. <link href="<?php echo $mosConfig_live_site;?>/templates/business/css/template_css.css" rel="stylesheet" type="text/css" />
указва разположението на файла - css
7.<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
указва разположението на избраната иконата
8. <?php initEditor(); ?> </head>
инициализация на WISWIG редактора Всички следващи отрезки от кода се намират между таговете <body> При използване на картинки в шаблона, е необходимо да укажете пътя до всяка картинка по този начин:
<?php echo $mosConfig_live_site;?>
например :
<?php echo $mosConfig_live_site;?>/templates/your_template_dir/images/image.gif
По аналогия с картинките - отделни линкове във вашия шаблон ще изглеждат така:
<a href='<?php echo sefRelToAbs("index.php?option=com_docman"); ?>'>Downloads</a>
Структурно шаблона в Mambo представлява набор от определени функции, с които да изведете един или няколко компонента, модули, и банери.
<?php mosLoadComponent( "banners" ); ?>
функция за извеждане на баннер <?php echo (strftime (_DATE_FORMAT_LC)); ?>
функция която извежда текущо време и дата <?php include ("mainbody.php"); ?>
функцията извежда основния контент (новини, статии, форум и т.н.) <?php include "pathway.php"; ?>
функцията показва текущото разположение в сайта. (например извода ще изглежда по този начин: Начало-->Downloads-->Демо версия) <?php mosLoadModules ( 'left' ); ?>
функция която извежда модулите в ляво <?php mosLoadModules ( 'right' ); ?>
функция която извежда модулите в дясно <?php mosLoadModules ( 'top' ); ?>
функция която извежда модулите отгоре <?php mosLoadModules ( 'bottom' ); ?>
функция която извежда модулите отдолу <?php mosLoadModules ( 'user1' ); ?>
<?php mosLoadModules ( 'user2' ); ?>
функция която извежда менютата (съответно user1 "main menu" и user2 "user menu"). <?php mosLoadModules ( 'inset' ); ?> <?php include_once('includes/footer.php'); ?>
тази функция ще изведе Copyright © и другa информация
<form action="index.php?Itemid=1" STYLE='margin-top: 0px; margin-bottom: 0px;' method="post">
<div align="right">
<input class="inputbox" type="text" name="searchword" size="20" value="<?php echo _SEARCH_BOX; ?>" onBlur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onFocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<input type="hidden" name="option" value="search" />
</div>
</form>
представлява функция за търсене в сайта След като запишете вашият шаблон като index.php.
вашите папки трябва да са разположени така:
сървър/templates/име_на_шаблона/images/ графика
сървър/templates/име_на_шаблона/css/template_css.css
сървър/templates/име_на_шаблона/index.php вашия завършен index
сървър/templates/име_на_шаблона/template_thumbnail.png мини скрийншот на вашия дизайн
сървър/templates/име_на_шаблона/templateDetails.xml описание и авторски права (вижте готов файл от друг шаблон)
Има допълнение за DreamWeaver MX - с което лесно можете да направите вашия шаблон и лесно да добавите всяка функция
|
