Удаление папки /install/ - обязательно!

Файловый Архив

  • Неограниченное количество категорий и суб-категорий
  • Настройки прав доступа по группам
  • Настройки прав доступа по каждой категории
  • Предпросмотр медиа файлов: FLV, IFLV, F4A, F4V, MP4, MP3, MOV и других...
  • Мультизагрузка файлов - SWFUploader
  • Добавление файлов с сервера
Подробности и история обновлений продукта в этой теме
Loading

Go Back   форум vBSupport.org > > >
Register Изображения Меню vBsupport Files Manager Аллея Звёзд Реклама на форуме Search Today's Posts Mark Forums Read
  • Мемберка
  • Администраторам
  • Premoderation
  • For English speaking users
  • Изменения в правах
  • Каталог Фрилансеров
Пароли на скачивание файлов в Member Area меняются автоматически каждый день
Если вам нужно скачать какой то скрипт, за паролем ко мне в ЛС
привет какирам kerk
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота.
Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
На форуме введена премодерация ВСЕХ новых пользователей

Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
for English speaking users:
You may be surprised with restriction of access to the attachments of the forum. The reason is the recent change in vbsupport.org strategy:

- users with reputation < 10 belong to "simple_users" users' group
- if your reputation > 10 then administrator (kerk, Luvilla) can decide to move you into an "improved" group, but only manually

Main idea is to increase motivation of community members to share their ideas and willingness to support to each other. You may write an article for the subject where you are good enough, you may answer questions, you may share vbulletin.com/org content with vbsupport.org users, receiving "thanks" equal your reputation points. We should not only consume, we should produce something.

- you may:
* increase your reputation (doing something useful for another members of community) and being improved
* purchase temporary access to the improved category:
10 $ for 3 months. - this group can download attachments, reputation/posts do not matter.
20 $ for 3 months. - this group can download attachments, reputation/posts do not matter + adds eliminated + Inbox capacity increased + files manager increased permissions.

Please contact kerk or Luvilla regarding payments.

Important!:
- if your reputation will become less then 0, you will be moved into "simple_users" users' group automatically.*
*for temporary groups (pre-paid for 3 months) reputation/posts do not matter.
Не можете скачать вложение?
Изменения в правах групп пользователей
внимательно читаем эту и эту темы
Короткая версия - тут
Уважаемые пользователи!

На форуме открыт новый раздел "Каталог фрилансеров"

и отдельный раздел для платных заказов "Куплю/Закажу"

 
 
Old  
Xokage
Специалист
 
Xokage's Avatar
Lightbulb [Статья] Меняем оформление "Хлебных крошек" 21

Вот решил написать такую статью. В этой статье я попытаюсь максимально подробно объяснить как заменить стандартные булковские крошки на - «Хлебные крошки» на jQuery — плагин jBreadCrumbs.

Пример роботы - ТЫЦ

Как выглядит на булке:

До:


После:


И так в шаблон header или headinclude вставляем:

Code:
<script type="text/javascript" src="clientscript/jquery.js"></script>
<script type="text/javascript" src="clientscript/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="clientscript/jquery.dimensions.js"></script>
<script type="text/javascript" src="clientscript/jquery.jBreadCrumb.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
	jQuery("#breadCrumb").jBreadCrumb({easing:'swing'});
});
</script>
Идем в шаблон navbar ищем:
Code:
<if condition="is_array($navbits)">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr valign="bottom">
				<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
				<td>&nbsp;</td>
				<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
			</tr>
			<tr>
				<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
			</tr>
			</table>
		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
		</if>
Меняем на:
Code:
<if condition="is_array($navbits)">
			<div class="breadCrumbHolder module">
	    <div id="breadCrumb0" class="breadCrumb module">
		<div style="overflow:hidden; position:relative;"><div><ul>       
			<li class="first"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></li>$navbits[breadcrumb]
				<a href="$navbar_reloadurl"></a><li class="last"><strong>$navbits[lastelement]</strong></li>
<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
		</ul></div></div>
	    </div>
	</div>

		</if>
Ищем шаблон navbar_link, меняем содержимое на:
Code:
<if condition="$show['breadcrumb']">
	<li> <a href="$nav_url">$nav_title</a></li>
<else />
	$nav_title
</if>
В Дополнительные определения CSS вставляем:
Code:
.breadCrumb {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 990px;
	padding:5px;
}

.breadCrumb ul {
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}

.breadCrumb ul li {
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(images/misc/images/Chevron.gif) no-repeat 100% 0;
}

.breadCrumb ul li div.chevronOverlay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.breadCrumb ul li span {
	display: block;
	overflow: hidden;
}

.breadCrumb ul li a {
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}

.breadCrumb ul li.first a {
	height: 16px !important;
	text-indent: -1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(images/misc/images/IconHome.gif) no-repeat 0 0;
}

.breadCrumb ul li.first a:hover {
	background-position: 0 -16px;
}

.breadCrumb ul li.last {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

.chevronOverlay {
	display: none;
	background: url(images/misc/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}
Вот и все. Не забываем загрузить файлы. Источник плагина
Attached Files
File Type: rar jquery-breadcrumbs.rar (42.9 KB, 37 views)

Last edited by Xokage : 01-23-2013 at 04:12 AM.
 
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
Old  
artscripts
Эксперт
 
artscripts's Avatar
Default 7

По мне так когда подключаешь много всяких js мможно беду накликать. Так как уже сталкивался с этим. Можно гораздо проще сделать при помощи только Css3 Вот пример:
http://ruseller.com/lessons/les1365/demo/index.html
Но за старания спасибо )
 
Old  
Xokage
Специалист
 
Xokage's Avatar
Default 0

Quote:
Originally Posted by artscripts View Post
По мне так когда подключаешь много всяких js мможно беду накликать.
В прочем это тоже можно без js, не заливать на форум файлы с папки clientscript и не подключать плагины в шаблонах, получится также как на скрине просто без анимации.
 
Old  
StenLi
На доске почёта
Пожизненный блэк
 
banned nax
Default 7

artscripts, Штука класная, но даже в мой монитор не влезет(((
В два бы уровня... :(

StenLi добавил 23.01.2013 в 01:47
Вы все не поверите: Сейчас, сижу за пк, гуглю как сделать хлебные крошки в навбар. Сзади подходит моя девушка, смотрит на вбитый в гугл запрос и молча уходит на кухню..
Оффтоп

StenLi добавил 23.01.2013 в 01:52
С этими хлебными крошками вообще беда.
Сейчас попытался найти их в стиле фейсбук, так яша меня удивил.


Last edited by StenLi : 01-23-2013 at 03:53 AM. Reason: Добавлено сообщение
 
Old  
artscripts
Эксперт
 
artscripts's Avatar
Default 1

Quote:
Originally Posted by StenLi View Post
Штука класная, но даже в мой монитор не влезет(((
Так там же просто пример, конечно все можно уменьшить как тебе надо.
Вот тут все подробно, а в 2 или 3 уровня как сделать лучше у Sven спросить, он у нас в таких делах мастер
 
Old  
Nevil
Знаток
 
Nevil's Avatar
Default 1

Много скриптов. Всё это даже с анимацией можно реализовать исключительно силами css.
 
Old  
Xokage
Специалист
 
Xokage's Avatar
Default 0

Quote:
Originally Posted by Nevil View Post
Всё это даже с анимацией можно реализовать исключительно силами css.
Конечно можно, но работать будет не так плавно, и не кроссбраузерно, IE отпадает.
 
Old  
Sven
Верстальщик
 
Sven's Avatar
Default 0

9|10 ИЕ понимают CSS3...частично
 
Old  
AleX
vBManiac
 
AleX's Avatar
Default 1

Не знаю как у других, кто ставил сия навигацию, но у меня возникли проблемы с отображением префиксов. И были до тех пор, пока в:
PHP Code:
.breadCrumb ul li span {
    
displayblock;
    
overflowhidden;

Не удалил "display: block;".
 
Old  
Тиджик
Продвинутый
 
Тиджик's Avatar
Default 0

ещё одну проблему обнаружил, при длинном названии темы, дизайн рвётся вклочья
 
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 10:33 PM.


Powered by vBulletin® Version 3.5.7
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.