Sakura all styles
exclusiv...
/avatar/01/4333-414916.png
1');return false;" rel="nofollow" href="javascript://" name="1237">
09.12.2011 в 17:08


Ну в общем вот, вот оно новое обновление шаблона Sakura. А теперь это не просто шаблона Sakura, это Sakura all styles!!! А что это значит? А это значит, что теперь шаблон имеет не один стиль оформления как в предыдущей адаптации, но теперь два. И к тому же между ними можно переключаться с запоминанием на куки. Я учел пожелание пользователей и сделал все основное. Исправил очень много багов, шаблон стал кроссбраузерным!! И так, нужно ведь превью шаблона, так вот оно DEMO Нравится? Ну согласитесь, шикарно ведь получилось. Давайте я опишу вам шаблон в целостности. Итак! Шаблон имеет всего две цветовые схемы это белую и черную, что делает его привлекательным, а еще и имеет функцию переключения между этими цветовыми схемами. В этой версии я учел все пожелания пользователей. Так, теперь о самом шаблоне, я сделал все возможное(ну на что у меня терпения хватило =)) так вот, сделал такие модули как: новости сайта, каталог файлов, блог, каталог статей, комментарии, модуль пользователи полностью, вид опросов, полностью изменил дизайн форума. Ну как изменил, взял из паблика шаблон форума SteelBeast от футболмастера и немножко переделал. А вот какраз таки переделкой форума занимался мой друг Punisher за что ему выражаю огромную благодарность. Теперь немного о модулях! Народ, наконецтаки я до конца сделал модуль каталог файлов, у меня всегда были проблемы с этим модулем.
Теперь немного про установку шаблона! Итак, установка шаблона на первый взгляд сложна, но там нет ниче такого супер сложного, приступим:

1. Идем ПУ -> "глобальные блоки", и ставим шаблоны глобальных блоков. Так же создаем глобальный блок SLIDER и ставим в него шаблон.

2. Идем ПУ -> Общие настройки и прописываем значение тега ДОКТАЙП:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


3. Загрузите папки (css, images, js, demo, slider, _tbkp, highslide, bbcodes) на сервер.

4. Далее идем ПУ -> Таблица стилей (CSS) и ставим шаблон таблицы стилей

5. В архиве присутствуют текстовые файлы (*.txt), зайдите в
Панель управления/Дизайн/Управление дизайном (шаблоны)/
заходите по ссылкам с названиями которые соответствуют имеющимся в архиве *txt файлам,
копируйте содержимое *txt файлов и вставляйте в свой дизайн...

6. Специально для тех, кто "профессиональный веб мастер" в архиве есть папка _tbkp. Если у вас не получилось установить правильно шаблон, загрузите ее на свой хост и восстановите шаблон из этой папки.
Для этого вам нужно сделать:
Идем ПУ -> Backup шаблонов видем там вот это "1. 1323433949.zip" и жмем восстановить.

7. В шаблоне так сказать используется не стандартный мини чат написанный на js файле. Если у вас до этого шаблона стоял какойто другой не стандартный шаблон то вам нужно восстановить стандартный шаблон мини чата, а значит вид материалов и форму добавления сообщений

На этом установка завершена....
HoOLiGaN
/avatar/92/2084-449187.gif
166');return false;" rel="nofollow" href="javascript://" name="3057">
01.04.2012 в 22:52 всем привет
подскажите какойнито хороший шаблончик форума (светлый) ну и приближонный к данному дизайнузаранее спс
Nikola
/avatar/64/4120-829722.png
167');return false;" rel="nofollow" href="javascript://" name="3060">
02.04.2012 в 05:25
Quote (HoOLiGaN)
всем привет
подскажите какойнито хороший шаблончик форума (светлый) ну и приближонный к данному дизайнузаранее спс

возьми форум с шаблона MEGAPOLIS
AdminisT...
https://2059658696.uid.me/avatar.jpg
168');return false;" rel="nofollow" href="javascript://" name="3062">
02.04.2012 в 10:48 Зраствуйте, а не подскажете - как сделать чтобы в слайдере картинки менялись автоматически, а не листать вручную
exclusiv...
/avatar/01/4333-414916.png
169');return false;" rel="nofollow" href="javascript://" name="3063">
02.04.2012 в 15:25
Quote (AdminisTer)
Зраствуйте, а не подскажете - как сделать чтобы в слайдере картинки менялись автоматически, а не листать вручную

AdminisTer, вот на счет этого я сам хз.... там нужны знания js.. а я с js почти не знаком
AdminisT...
https://2059658696.uid.me/avatar.jpg
170');return false;" rel="nofollow" href="javascript://" name="3065">
02.04.2012 в 16:53 немного пошаманил, сечас выложу

Добавлено (02.04.2012, 16:49)
---------------------------------------------
Это ставим в Страница поиска

Code
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$SITE_NAME$ $MODULE_NAME$</title>
</head>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link href="/css/html5reset.css" rel="stylesheet" type="text/css" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/night.css" rel="stylesheet" type="text/css" />
<link href="/css/show.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]><link href="/css/old_ie.css" rel="stylesheet" type="text/css" /><![endif]-->
<style type="text/css" media="all">
@import url(/highslide/highslide.css);
</style>  
<script type="text/javascript" src="/highslide/highslide.js"></script>
<script type="text/javascript">  
hs.graphicsDir = '/highslide/graphics/';
</script>
<script src="/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="/js/cufon-yui.js" type="text/javascript"></script>
<script src="/js/Micra_400.font.js" type="text/javascript"></script>
  <script src="/js/slider.js" type="text/javascript"></script>
  <script type="text/javascript" src="/js/unetReg.js"></script>
  <script type="text/javascript" src="/js/PIE.js"></script>
<script type="text/javascript" src="/js/cycle.js"></script>
<!-- Add placeholder plugin -->
<script src="/js/placeholder.js" type="text/javascript"></script>
<!-- End: Add placeholder plugin -->

<!-- Add validator plugin -->
<script src="/js/plugins/validator/jquery.validationEngine.js" type="text/javascript"></script>
<script src="/js/plugins/validator/z.trans.en.js" type="text/javascript"></script>
<link href="/js/plugins/validator/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<!-- End: Add validator plugin -->
<style type="text/css" media="all">

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:#df73ff;font-style:italic;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:#ff0033;font-style:oblique;}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#bbbbbb;font-style:normal;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#a1f673;font-style:italic;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:#726af0;font-style:italic}
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:#f6738c;font-style:italic}
a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:#ffd700;font-style:italic}
a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:#00a86b;font-style:italic}
a.groupFriends:link,a.groupFriends:visited,a.groupFriends:hover {color:#f69e73;font-style:italic}
a.groupOther6:link,a.groupOther6:visited,a.groupOther6:hover {color:#bd73f6;font-style:italic}
  .uartti{padding:5px;display:block;background: #F7F7F7}.uartti label{color:#45688E;font:bold 9pt Verdana;border-bottom:#DAE1E8 solid 1px;display:block;padding-bottom:3px;}.uartti img{float:right;cursor:pointer}.uartti div{font:11px Tahoma;margin-top:5px;color:#4E5363}
  .bbcodefaq{background:#DFE8F6;border:1px solid #88A1C2;cursor:pointer;padding:3px;color:#214274;font-family:Verdana;font-size:10pt;margin-right:2px;}.bbcodefaq:hover{background:#CAD9EC}.gf{margin-top:3px;margin-bottom:7px}.uartti{padding:5px;display:block;background: #F7F7F7}.uartti label{color:#45688E;font:bold 9pt Verdana;border-bottom:#DAE1E8 solid 1px;display:block;padding-bottom:3px;}.uartti img{float:right;cursor:pointer}.uartti div{font:11px Tahoma;margin-top:5px;color:#4E5363}
</style>
<script>
var slider_settings = {
  speed: 800,
  easing: 'easeInOutQuad',
  oneAfterAnother: false
}
is_day=false;

</script>
   
  <script src="/js/cookie.js"></script>
   
  <script>
sn=cookie.get('style')?cookie.get('style'):'day';
is_day=(sn=='day')?true:false;
document.write('<link id="theme" href="/css/'+sn+'.css" rel="stylesheet" type="text/css" />');
function toggleStyle(e){
cookie.save('style',e);
window.location.href=window.location.href;
}
</script>
<script src="/js/vt.js" type="text/javascript"></script>
<body>
<div id="loading-layer" style="display:none"><div id="loading-layer-text">Загрузка. Пожалуйста, подождите...</div></div>
<div id="bg">
<div id="top">
<ul>

</ul>
</div>
$GLOBAL_AHEADER$
<div id="holder">
<div id="content">
<div id='dle-content'>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title><?if($SEARCH_QUERY$)?>$SEARCH_QUERY$ - <?endif?>Поиск</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor="#E6E6E6">

<table border="0" cellpadding="0" cellspacing="0" width="758" align="center" style="border-right:1px solid #979797;">
<tr>

<hr>
<table border="0" cellpadding="5" cellspacing="2" width="100%">
<tr><td class="mFrame">
<!-- <middle> -->
<!-- <body> --><div style="padding:0 0 5px 0;">$SEARCHFORM$</div><div style="padding:4px 4px 0 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b><!--</s>--></div><hr/>
<!-- </body> -->
<!-- </middle> -->
</td></tr>
</table>
$BODY$
<?if($PAGE_SELECTOR1$)?><div style="catpages">$PAGE_SELECTOR$</div><?endif?>
</div>
</div>
<div id="aside">
<?if($USER_LOGGED_IN$)?><?else?>
<div class="widget">
  <div class="header">Форма входа</div>
$LOGIN_FORM$
</div>
  <div class="widget_b"></div>
<?endif?>
<?if($USER_LOGGED_IN$)?>
  <div class="widget">
  <div class="header" style="text-align: center;">Личный профайл</div>
<?if($USER_AVATAR_URL$)?>
<img class="alignleft" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0" width="80" height="80">
<?else?>
<?if($USER_LOGGED_IN$)?>
<img class="alignleft" title="$USERNAME$" src="/images/noavatar.png" border="0" width="80" height="80">
<?else?>
<img class="alignleft" title="$USERNAME$" src="/images/noavatar.png" border="0" width="80" height="80">
<?endif?><?endif?>
  <p>
  </p><ul class="categories">
  <li><a href="/admin/" target="_blank">Админпанель</a></li>
  <li><a class="thide lexit" href="javascript://" title="Выйти с сайта" onclick="if (confirm('Вы действительно хотите выйти?')) {location.href='$LOGOUT_LINK$'};">Выход</a></li>
  <li><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></li>
  <li><a href="">Статистика</a></li>
  <li><a href="">Закладки ()</a></li>
  <li><a href="javascript://" rel="nofollow" id="upml" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Сообщения ($UNREAD_PM$)</a></li>
  <li><a href="">Непрочитанное</a></li>
  <li class="lvsep"><a href="$ADD_ENTRY_LINK$">Add news</a></li>
  </ul>
  <p></p>
  </div>
   
  <div class="widget">
  <div class="header" style="text-align: center;">Категории Игр</div>
  <ul class="categories">
<li class="first"><a href="http://fungames-portal.at.ua/load/1/">Аркады</a></li>
<li class="first"><a href="http://fungames-portal.at.ua/load/2/">Драки</a></li>
<li><a href="http://fungames-portal.at.ua/load/3/">Гонки</a></li>
<li><a href="http://fungames-portal.at.ua/load/4/">Экшен</a></li>
<li><a href="http://fungames-portal.at.ua/load/5/">Логические</a></li>
<li><a href="http://fungames-portal.at.ua/load/6/">Квэстовые</a></li>
<li><a href="http://fungames-portal.at.ua/load/14/">Хентай</a></li>
<li><a href="http://fungames-portal.at.ua/load/8/">Стратегии</a></li>
<li><a href="http://fungames-portal.at.ua/load/9/">Симуляторы</a></li>
<li><a href="http://fungames-portal.at.ua/load/10/">Стрелялки</a></li>
<li><a href="http://fungames-portal.at.ua/load/11/">Ролевые (RPG)</a></li>
<li><a href="http://fungames-portal.at.ua/load/12/">Приключения</a></li>
<li><a href="http://fungames-portal.at.ua/load/13/">Спортивные</a></li>
<li><a href="http://fungames-portal.at.ua/load/7/">MMORPG (Online)</a></li>
<li><a href="http://fungames-portal.at.ua/load/15/">Консольные игры</a></li>
<li><a href="http://fungames-portal.at.ua/load/16/">Игры для телефонов</a></li>
  </ul>
  </div>
   
  <div class="widget_b"></div>
<?endif?>
<div class="widget">
  <div class="header" style="text-align: center;">Инфа о Играх</div>
  <ul class="categories type">
  <li class="first text"><a href="#">Заказать Игру</a></li>
  <li class="first image"><a href="#">Игры в изображениях</a></li>
  <li class="link"><a href="#">Дополнения к играм</a></li>
  <li class="audio"><a href="#">Аудио с Игр</a></li>
  <li class="video"><a href="#">Видео о Играх</a></li>
  <li class="quote"><a href="#">Рецензии о Играх</a></li>
  </ul>
  </div>
  <div class="widget_b"></div>

  <div class="widget">
  <div class="header" style="text-align: center;">Изображения</div>
  <div class="flickr">
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/1.jpg" width="46" height="46" class="alignleft" alt=""></a>
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/2.jpg" width="46" height="46" class="alignleft" alt=""></a>
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/3.jpg" width="46" height="46" class="alignleft" alt=""></a>
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/4.jpg" width="46" height="46" class="alignleft" alt=""></a>
   
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/5.jpg" width="46" height="46" class="alignleft" alt=""></a>
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/6.jpg" width="46" height="46" class="alignleft" alt=""></a>
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/7.jpg" width="46" height="46" class="alignleft" alt=""></a>
  <a href="#"><img src="/templates/sakura/usr/flick-sakura/8.jpg" width="46" height="46" class="alignleft" alt=""></a>
  </div>
  </div>
  <div class="widget_b"></div>

   
  <div class="widget">
  <div class="header" style="text-align: center;">ТОП файлов</div>
  <div class="post first">
$MYINF_3$
</div>
  </div>
  <div class="widget_b"></div>
<div class="widget">
  <div class="header" style="text-align: center;">online чат</div>
  <link type="text/css" href="http://webik.at.ua/chatik/css/minichat.css" rel="StyleSheet">  
  <script type="text/javascript" src="http://webik.at.ua/chatik/js/minichat.js"></script>  
  <script type="text/javascript">(uc.initialize(4,7,500))</script>  
</div>
<div class="widget_b"></div>

   
<div class="widget">
  <div class="header" style="text-align: center;">Статистика</div>
$ONLINE_COUNTER$
$ONLINE_USERS_LIST$
</div>
<div class="widget_b"></div>
   
<div class="widget">
  <div class="header" style="text-align: center;">Опрос</div>
$POLL$
</div>
<div class="widget_b"></div>
   
</div>

<div id="footer_shadow"></div>
$GLOBAL_BFOOTER$
$GLOBAL_SLIDER$
<div id="show">
<a style="cursor:pointer;" onclick="toggleStyle('day');" class="day" title="day skin"></a>
<a style="cursor:pointer;" onclick="toggleStyle('night');"class="night" title="night skin"></a>
</div>
</body>
</html>


А в глобальных блоках Первый контейнер ставим туда где хотим видеть поиск
Code
<div class="widget">
<div class="header" style="text-align: center;">Поиск</div>
$SEARCH_FORM$
</div>
<div class="widget_b"></div>


Если что не так, исправте - я в этом не очень

Добавлено (02.04.2012, 16:53)
---------------------------------------------
А может знаешь как сделать здесь
Личный профиль:
<li><a href=":devil: devil devil ">Статистика</a></li>
<li><a href=":devil: devil devil ">Закладки ()</a></li>

Там где смайлы, как или что прописать чтобы эти вкладки работали

HoOLiGaN
/avatar/92/2084-449187.gif
171');return false;" rel="nofollow" href="javascript://" name="3071">
02.04.2012 в 18:54 exclusive37, ПРИВЕТ ТЫ В СКАЙПЕ БЫВАЕШ -) ?
подскажите плз
имеем код
Code
<img src="http://4x4.3dn.ru/day_logo.png" border="0" alt="" />
<div align="right"><script type="text/javascript" src="http://s101.ucoz.net/src/u.js"></script>  
<script>  
jQuery(function(){  
$('.menu td').append('<div align="center"><img src="http://joomla.ucoz.com/icons-shadow.png"></div>')  
$('.menu td').hover(function(){  
$(this).find('a').stop().animate({top:'-30'},300);  
$(this).find('a').animate({top:'-20'},300)  
$(this).find('img').stop().animate({opacity:'.3',height:'25px'},300)  
$(this).find('span').stop().animate({opacity:'.7',bottom:'15px'},300)  
},  
function(){  
$(this).find('a').stop().animate({top:'10',}, 300);  
$(this).find('span').stop().animate({opacity:'0.0',bottom:'20px'}, 300)  
$(this).find('img').stop().animate({opacity:'1.0',height:'30px'}, 300)  
});  
});  
</script>  
<style>  
body{margin:0}  
.menu td{width:110px;height:200px;text-align:center;}  
.menu a{display:block;width:90px;height:90px;position:relative;left:10px;top:10}  
#home{background:url(http://joomla.ucoz.com/home.png)no-repeat center;}  
#blog{background:url(http://joomla.ucoz.com/blog.png)no-repeat center;}  
#load{background:url(http://joomla.ucoz.com/load.png)no-repeat center;}  
#forum{background:url(http://joomla.ucoz.com/img.png)no-repeat center;}  
#img{background:url(http://joomla.ucoz.com/forum.png)no-repeat center;}  
#rss{background:url(http://joomla.ucoz.com/rss.png)no-repeat center;}  
#pusto{background:url(http://joomla.ucoz.com/rss.png)no-repeat center;}
.menu span{opacity:.0;position:relative;font-weight:700;background:#555;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#FFF;border:1px solid #000;padding:3px;bottom:20px;}  
</style>  
<table align="center" class="menu" border="0" cellspadding="0" cellspacing="0">  
  <tr>  
  <td><a id="home" href="#"></a><span>Главная</span></td>  
  <td><a id="blog" href="#"></a><span>Блог</span></td>  
  <td><a id="load" href="#"></a><span>Файлы</span></td>  
  <td><a id="forum" href="#"></a><span>Альбомы</span></td>  
  <td><a id="img" href="#"></a><span>Форум</span></td>  
  <td><a id="rss" href="#"></a><span>RSS</span></td>  
  <td><a id="pusto" href="#"></a><span>пусто</span></td>
</tr>  
</table>
</div>

получается вот это

а теперь вопрос
как сделать все на одной линии
exclusiv...
/avatar/01/4333-414916.png
172');return false;" rel="nofollow" href="javascript://" name="3075">
02.04.2012 в 21:59
Quote (HoOLiGaN)
exclusive37, ПРИВЕТ ТЫ В СКАЙПЕ БЫВАЕШ -) ?

редко, сейчас очень занят
Quote (HoOLiGaN)
а теперь вопрос как сделать все на одной линии

просто изображения должны быть на мой взгляд одного и того же размера
HoOLiGaN
/avatar/92/2084-449187.gif
173');return false;" rel="nofollow" href="javascript://" name="3076">
02.04.2012 в 22:09
Quote (exclusive37)
просто изображения должны быть на мой взгляд одного и того же размера

блин все равно непалучается
HoOLiGaN
/avatar/92/2084-449187.gif
174');return false;" rel="nofollow" href="javascript://" name="3077">
02.04.2012 в 22:25 вот стрелочками показал что надо сместить вверх
exclusiv...
/avatar/01/4333-414916.png
175');return false;" rel="nofollow" href="javascript://" name="3078">
02.04.2012 в 22:45 HoOLiGaN, размер лого сделай меньше)
HoOLiGaN
/avatar/92/2084-449187.gif
176');return false;" rel="nofollow" href="javascript://" name="3079">
02.04.2012 в 22:58 да делал меньше непамагает
там менюшка почемуто идет на всю страницу
пробыал изменять размер минюхи только картинки сужаются а она сама по прежнему на всю страницу
RaZzoR
https://2314125740.uid.me/avatar.gif
177');return false;" rel="nofollow" href="javascript://" name="3251">
17.04.2012 в 20:35 http://proverka-saita.do.am/fotoalbom.rar - сайта больше нет. плиз выложите страницы фотоальбома

p.s. шаблон отличный, только вот без вотоальбома он не полный
Nikola
/avatar/64/4120-829722.png
178');return false;" rel="nofollow" href="javascript://" name="3252">
17.04.2012 в 20:46
Quote (RaZzoR)
http://proverka-saita.do.am/fotoalbom.rar - сайта больше нет. плиз выложите страницы фотоальбома

p.s. шаблон отличный, только вот без вотоальбома он не полный

привет! я могу тебе помочь, но только не сейчас. Видишь ли я делал как то по просьбе кому-то и выклал на проверочный сайт, а потом его удалил, если тебе не терпится можешь посмотреть архив этой темы и спросить у того кому я делал, в противном случае тебе придется ждать когда я снова сделаю этот альбом(
RaZzoR
https://2314125740.uid.me/avatar.gif
179');return false;" rel="nofollow" href="javascript://" name="3287">
20.04.2012 в 21:11 спасибо. буду ждать
zheka010...
180');return false;" rel="nofollow" href="javascript://" name="3411">
30.04.2012 в 12:29 Подскажите, как сделать основным night шаблон?
Поиск: