Сайт сообщества | Клуб пользователей | О проекте
Показать / Спрятать  Пользователь: Анонимный | Регистрация | Вход на сайт
 
»
18.3.10 17:08 | Тема с нуля для RUNCMS
Раздел: Дизайн | Опубликовал: LARK | Рейтинг: 5.30 (10) Оценить | Хитов 4605
Теперь следующая задача: вместо текста, который был дан для наглядности, расположить результат работы соответствующих функций.

1) function themeheader ($show_rblock = 0)

Функция управляет содержимым верхней части страницы . Переменная $show_rblock = 0 говорит нам о том, что правые блоки нам по умолчанию не показываются. Значение этой переменной присваивается в различных модулях и принимает одно из двух возможных: 1 - показывать, 0 - не отображать.

Туда, где наш текст лого - в соответствующую 


<TD>
вставляем нашу картинку-логотип, не забыв в ALT вставить 

<?php echo $meta['slogan'];?>
Там, где слово Банер, в соответствующую 

<TD>
вставляем ротатор банеров 

<?php showbanner();?>
Там, где слово юзер - необходимо вывести приветственное сообщение. 

<?php printf(_TH_WELCOME_BACK, $xoopsUser->uname());?>
Можно просто скопировать это код в соответствующую ячейку, но это будет работать только для зарегистрированного пользователя. Для гостя - произойдёт ошибка.Что б её исключить, делаем конструкцию: вместо 

<td>
юзер
пишем: 

<?php if ($xoopsUser) { ?>
<td class="loginbar"align="left" valign="bottom">
    &nbsp;<?php printf(_TH_WELCOME_BACK, $xoopsUser->uname());?>
</td>
<?php } else { ?>
<form action="<?php echo XOOPS_URL;?>/user.php" method="post">
    <td class="loginbar" align="left" valign="bottom">
        &nbsp;
        <input type="hidden" name="op" value="login" />
        <input type="text" class="login" size="10" name="uname" />
        <input type="password" class="login" size="10" name="pass" />
        <input type="image" class="image" name="submit" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/spacer.gif" alt="<?php echo _TH_LOGIN;?>" />
    </td>
</form>
<?php } ;?>

Здесь проверяется переменная $xoopsUser, и в зависимости от результата выводится наше приветствие или отображается форма ввода ника и пароля для зарегистрированного пользователя. Файл spacer.gif должен находиться в каталоге images.

И вот как раз здесь константы _TH_WELCOME_BACK, _TH_LOGIN берутся из соотвествующего языкового файла в каталоге language, в котором в каждогом языковом файле определено :


define("_TH_WELCOME_BACK", "Добро пожаловать, %s");

Константы определяются при помощи функции define() и могут представлять только допустимые скалярные данные.

Просто, не правда ли?

Важно: Сразу после global $xoopsConfig, необходимо добавить эти используемые переменные.

Должно получиться: 


global $xoopsConfig,$xoopsUser,$meta;

Важно: сразу после <!-- HTML CODE --> вставляем


<script type="text/javascript" src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/date.js" >
</script>
</head>
<body onload="startclock();" >

Этот скрипт используется для вывода текущей даты.

Важно: перед нашим кодом таблицы, после <!-- HTML CODE --> необходимо вставить следующий код: 


<?php OpenWaitBox();?>
Это так называемый прелоадер, т.е. он отображается, пока загружается страница. Ну а оформлением его занимается function theme_waitbox(). 

<div class="myclock" id="myclock">&nbsp;</div>
Надеюсь, что файл date.js никуда не делся из каталога с нашей темой. Вместо слова Поиск, если необходимо, используем форму : 

<form id="pagesearch" action="<?php echo XOOPS_URL;?>/search.php" method="post">
    <td class="loginbar" align="right" valign="bottom">
        <img style="cursor: hand;" onclick="xoopsGetElementById('pagesearch').submit();" align=middle src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/pixel.gif" alt="<?php echo _TH_SEARCH;?>" />
             <input type="text" class="login" name="query" size="10" />
        <input type="hidden" name="action" value="results" />&nbsp;
    </td>
</form>
Здесь я использовал однопиксельный gif, Вы же можете использовать свою картинку. Обратите внимание! В Dream картинки расположены по абсолютному пути, т.е. 

<img src="images/pixel.gif">
нам же необходимо использовать такой код 

<img src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/pixel.gif">

Что дальше?

Дальше мы вместо


<td valign="top">Левая сторона</td>
вставляем следующий код 

<td id="leftblocks" name="leftblocks" align="left" valign="top" >
    <?php make_sidebar("left");?>
</td>
аналогично 

<td valign="top">прав_сторона</td>
меняем на 

<<?php if ($show_rblock) { ?>
<td id="rightblocks" name="rightblocks" align="right" valign="top" >
    <?php make_sidebar("right");?>
</td>
<?php } else { echo "<td width='1' id='rightblocks' style='display:none;'></td>"; } ?>

Этим мы программно выводим содержимое левых и правых блоков.

Напоминаю, что пока мы занимаемся макетом, поэтому стили оформления пока не используем. Это будет позже.

Проверяете на локале и у Вас левая и правая не отображаются? Естественно, потому как мы не определили function themesidebox_left и function themesidebox_right. Эти функции определяют внешний вид левых и соответственно правых блоков. Этим сейчас и займёмся. Для упрощения, они будут тождественны, а разнообразие зададим потом при помощи CSS.

Вставляем в обе эти функции: 


<!-- HTML CODE -->
<table width="173" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td >
            <?php echo $title;?>
        </td>
    </tr>
    <tr>
        <td >
            <?php echo $content;?>
        </td>
    </tr>
</table>
<!-- HTML CODE -->

Вот теперь содержимое левых и праых блоков отображается. При этом заметим, что $title отвечает за заголовок блока, а $content - за содержимое. Это относится ко всем блокам.

  « 1 2 [3] 4 5 6 ... 10 »

  1 2 3 4 5 6 7 8 9 10  

Родственные ссылки
» Другие статьи раздела Дизайн
» Эта статья от пользователя LARK

5 cамых читаемых статей из раздела Дизайн:
» Сочетаемость цветов. Текст и фон.
» Руководство по созданию тем оформления для E-Xoops (RUNCMS). Часть 1.
» Таблица цветов в HEX.
» Делаем визуальный редактор в HTML своими руками
» Как подобрать цвета для Web-сайта.

5 последних статей раздела Дизайн:
» Тема с нуля для RUNCMS
» Создайте вашу тему для RunCms
» Как подобрать цвета для Web-сайта.
» Сочетаемость цветов. Текст и фон.
» Динамические эффекты при переходе страниц E-Xoops

¤ Перевести статью в страницу для печати
¤ Послать эту cтатью другу


MyArticles 0.6 beta 2 for RUNCMS: by RunCms.ru
RusCMS.RU|RunCMS.RU 2003-2015
Рейтинг@Mail.ru Хостинг провайдер Majordomo.
Powers by RunCMS 1.1A
Rambler's Top100
Наверх
- Генерация страницы: 0.24 секунд | 13 Запросов + 4 кэшированных запросов | 90 Файлов: 487.19 КБ | HTML: 66.18 КБ -