Зеленый PDA шаблон
Конкурсный шаблон от smart4on. В данном шаблоне сделано все для удобства в использовании сайта с телефона. Шаблон зеленного цвета, с использованием минимального количества картинок. (Их всего две), но в тоже время, на мой взгляд, смотрится довольно прилично.
Не делал нижний футер, т.к. считаю что в мобильной версии он не нужен. И еще убрал несколько ненужных элементов. Все должно быть очень просто и функционально, чтобы страницы не грузились по полчаса. Основной скриншот сделан с смартфона, поэтому в его работоспособности я уверен на 100%. Также проверил этот PDA на быстроту загрузки, моим очень медленным интернетом загрузка продлилась 5,4сек. (Время узнал через программу на телефоне)
И так приступим к установке:
В CSS вставляем код:
Code
.head{height:20px;background:url('/PAD/head887.png');border:1px solid #008B00;} .logo{text-decoration:underline; color:#ffffff;} .head1{height:15px;border:1px solid #008B00;margin:2px;} .vid{border:1px solid #008B00;margin:2px;}
В Страницы сайта:
Code
<html> <head> <title>$SITE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/pda.css" /> </head> <body style="background:#E8E8E8;margin:0;padding:0;"> <!-- Шапка --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background:#F4F4F4;"> <tr><td width="100%"> <div class="head"> <div class="logo" style="margin:2px;"> <b>Smart4all.ru</b> </div> </div> </td> <tr><td align="left" nowrap="nowrap"> <?if($USER_LOGGED_IN$)?> <div class="head1"> [<a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>] [<a href="$LOGOUT_LINK$">Выход</a>] [<a href="/index/53">Полная версия сайта</a>] </div><?endif?> </td></tr> </table> <!-- /Шапка --> <?if($LOGIN_FORM$)?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b><!--<s5158>-->Форма входа<!--</s>--></b></td></tr> <tr><td align="center" style="background:#F4F4F4;">$LOGIN_FORM$</td></tr> </table><hr /> <?endif?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b><!--<s5184>-->Меню сайта<!--</s>--></b></td></tr> <tr><td style="background:#F4F4F4;"> <img src="/PAD/menu1.png"> <a href="/">Главная страница</a><br/> <img src="/PAD/menu1.png"> <a href="/load">Файлы</a><br/> <img src="/PAD/menu1.png"> <a href="/publ">Статьи</a><br/> <img src="/PAD/menu1.png"> <a href="/forum">Форум</a><br/> <img src="/PAD/menu1.png"> <a href="/blog">Каталог</a><br/> <img src="/PAD/menu1.png"> <a href="/photo">Галерея</a><br/> <img src="/PAD/menu1.png"> <a href="/board">Видео</a><br/> </td></tr> </table> <br/> <?if($CATEGORIES$)?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b>Категория</b></td></tr> <tr><td style="background:#F4F4F4;">$CATEGORIES$</td></tr> </table> <?endif?> <div style="padding:3px;border:1px solid #008B00; background:#F4F4F4;"><a href="$HOME_PAGE_LINK$">Главная</a> » $DATE_BAR$ <br> <div class="vid">$CONTENT$</div></div> </body> </html>
И еще, вот дополнения к другим разделам сайта.
Code
<html> <head> <title>$SITE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/pda.css" /> </head> <body style="background:#E8E8E8;margin:0;padding:0;"> <!-- Шапка --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background:#F4F4F4;"> <tr><td width="100%"> <div class="head"> <div class="logo" style="margin:2px;"> <b>Ваш сайт » Файлы</b> </div> </div> </td> <tr><td align="left" nowrap="nowrap"> <?if($USER_LOGGED_IN$)?> <div class="head1"> [<a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>] [<a href="$LOGOUT_LINK$">Выход</a>] [<a href="/index/53">Полная версия сайта</a>] </div> <?endif?> </td></tr> </table> <!-- /Шапка --> <?if($LOGIN_FORM$)?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b>Форма входа</b></td></tr> <tr><td align="center" style="background:#F4F4F4;">$LOGIN_FORM$</td></tr> </table><hr /> <?endif?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b>Меню сайта</b></td></tr> <tr><td style="background:#F4F4F4;"> <img src="/PAD/menu1.png"> <a href="/">Главная страница</a><br/> <img src="/PAD/menu1.png"> <a href="/load">Файлы</a><br/> <img src="/PAD/menu1.png"> <a href="/publ">Статьи</a><br/> <img src="/PAD/menu1.png"> <a href="/forum">Форум</a><br/> <img src="/PAD/menu1.png"> <a href="/blog">Каталог Nokia</a><br/> <img src="/PAD/menu1.png"> <a href="/photo">Галерея</a><br/> <img src="/PAD/menu1.png"> <a href="/board">Видео</a><br/> </td></tr> </table> <br/> <?if($CATEGORIES$)?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b>Категория</b></td></tr> <tr><td style="background:#F4F4F4;">$CATEGORIES$</td></tr> </table> <?endif?> <div style="padding:3px;border:1px solid #A9B8C2; background:#F4F4F4;"><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$">Добавить материал</a> ]<?endif?></td> </tr> </table> <hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%">Всего материалов в каталоге: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br />Показано материалов: <b>$NUM_SHOWN$</b><?endif?></td> <td align="right"><?if($PAGE_SELECTOR$)?>Страницы: $PAGE_SELECTOR$<?endif?></td> </tr> </table> <hr /> <div class="vid"> $BODY$</div> <?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?></div> <hr /> </body> </html>
-----------------------------------
Code
<html> <head> <title>$SITE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/pda.css" /> </head> <body style="background:#E8E8E8;margin:0;padding:0;"> <!-- Шапка --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background:#F4F4F4;"> <tr><td width="100%"> <div class="head"> <div class="logo" style="margin:2px;"> <b>Ваш сайт » Файлы » <?if($SECTION_NAME$)?>$SECTION_NAME$<?endif?> » $CAT_NAME$ </b> </div> </div> </td> <tr><td align="left" nowrap="nowrap"> <?if($USER_LOGGED_IN$)?> <div class="head1"> [<a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>] <?if($ADD_ENTRY_LINK$)?>[<a href="$ADD_ENTRY_LINK$">Добавить материал</a>]<?endif?> [<a href="$LOGOUT_LINK$">Выход</a>] [<a href="/index/53">Полная версия сайта</a>] </div> <?endif?> </td></tr> </table> <!-- /Шапка --> <?if($LOGIN_FORM$)?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b>Форма входа</b></td></tr> <tr><td align="center" style="background:#F4F4F4;">$LOGIN_FORM$</td></tr> </table><hr /> <?endif?> <table border="0" cellpadding="2" cellspacing="1" style="background:#008B00;" width="100%"> <tr><td style="background:#008B00;"><b>Меню сайта</b></td></tr> <tr><td style="background:#F4F4F4;"> <img src="/PAD/menu1.png"> <a href="/">Главная страница</a><br/> <img src="/PAD/menu1.png"> <a href="/load">Файлы</a><br/> <img src="/PAD/menu1.png"> <a href="/publ">Статьи</a><br/> <img src="/PAD/menu1.png"> <a href="/forum">Форум</a><br/> <img src="/PAD/menu1.png"> <a href="/blog">Каталог Nokia</a><br/> <img src="/PAD/menu1.png"> <a href="/photo">Галерея</a><br/> <img src="/PAD/menu1.png"> <a href="/board">Видео</a><br/> </td></tr> </table> <br/> <div class="vid"> <div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$ $VERSION$</div> <table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock"> <tr><td width="85%"> <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[<?if($FILE_URL$)?><a href="$FILE_URL$">Скачать</a><?endif?> <?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank">Скачать удаленно</a><?endif?> <?if($SCREEN_URL$)?><a href="$SCREEN_URL$" target="_blank">Скриншот</a><?endif?>]<?endif?> </td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr> <tr><td class="eText" colspan="2"><div class="vid">$MESSAGE$</div></td></tr> <tr><td colspan="2"><hr /></td></tr></table> <?if($COM_IS_ACTIVE$)?> <?if($COM_CAN_READ$)?> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="60%" height="25">Всего комментариев: <b>$COM_NUM_ENTRIES$</b></td><td height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </table> <?endif?> <?if($COM_CAN_ADD$)?> $COM_ADD_FORM$ <?else?> <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg">Добавлять комментарии могут только зарегистрированные пользователи.<br />[ <a href="$REGISTER_LINK$">Регистрация</a> | <a href="$LOGIN_LINK$">Вход</a> ]</div><?endif?> <?endif?> <?endif?></div> <hr /> </body> </html>
НЕ забываем залить две картинки к себе на сайт.(В папку PAD)