Текущее время: 27 окт 2020, 05:02

Правила форума


Прежде чем задать вопрос, воспользуйтесь поиском, вероятно ваш вопрос уже обсуждался.
Прежде чем задать вопрос, добавьте в профиль или в подпись адрес вашего форума.
За нарушение Правил, вы рискуете получить предупреждение или бан (в зависимости от настроения модератора).



Начать новую тему Ответить на тему  [ Сообщений: 12 ]  На страницу 1, 2  След.
Автор Сообщение
 Заголовок сообщения: Rocking & Rolling Menu / Скрытое меню на JQuery
№2469 Добавлено: 02 май 2014, 18:29 
Не в сети
Аватара пользователя


Сообщений: 507
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
В Тему стиля вставляем

--- вы должны быть зарегистрированным пользователем, чтобы прочитать это содержимое ---


затем в шаблон overall_header.html в нужное место ставим


--- вы должны быть зарегистрированным пользователем, чтобы прочитать это содержимое ---


ссылки на картинки и ссылки на скрипты jquery-css-transform.js и jquery-animate-css-rotate-scale.js вставьте свои


У вас нет доступа для просмотра вложений в этом сообщении.


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


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
За это сообщение пользователю vikweb "Спасибо" сказали:
cataha, Student
№2470 Добавлено: 02 май 2014, 18:40 
Не в сети
Аватара пользователя


Сообщений: 35
Поблагодарил(а): 5 раз
Поблагодарили: 2 раз
Сайт: http://hobby.getbb.ru/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Спасибки очень красиво :victory: будим разбираться теперь =-O


Изображение
Обмен баннерами пишем в ЛС


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2471 Добавлено: 02 май 2014, 19:18 
Не в сети
Аватара пользователя


Сообщений: 35
Поблагодарил(а): 5 раз
Поблагодарили: 2 раз
Сайт: http://hobby.getbb.ru/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Если позволите несколько вопросов будит :) Разобрался куда вставлять скрипты. А вот ссылками и картинками проблема не пойму вот как вы мне показали index.php?page=7 также хочу :vrabote:


Изображение
Обмен баннерами пишем в ЛС


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2472 Добавлено: 02 май 2014, 20:02 
Не в сети
Аватара пользователя


Сообщений: 507
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
cataha писал(а):Если позволите несколько вопросов будит :) Разобрался куда вставлять скрипты. А вот ссылками и картинками проблема не пойму вот как вы мне показали index.php?page=7 также хочу :vrabote:

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


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


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2473 Добавлено: 02 май 2014, 20:08 
Не в сети
Аватара пользователя


Сообщений: 35
Поблагодарил(а): 5 раз
Поблагодарили: 2 раз
Сайт: http://hobby.getbb.ru/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
вот код
 Открыть:
<div class="menu">
<div class="item">
<a class="link icon_mail"></a>
<div class="item_content">
<h2>Контакты &raquo;</h2>
<p>
<!-- IF S_DISPLAY_PM -->
<a href="{U_PRIVATEMSGS}" class="top_link" <!-- IF S_USER_NEW_PRIVMSG -->style="text-decoration: blink" <!-- ENDIF -->><span>{PRIVATE_MESSAGE_INFO} </span> </a>
<!-- ENDIF -->
<!-- IF S_CONTACT_ENABLED --><a href="{U_CONTACT}"> {L_CONTACT_BOARD_ADMIN_SHORT}</a><!-- ENDIF -->
<a href="Еmail">eMail</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_help"></a>
<div class="item_content">
<h2>{L_FAQ} &raquo;</h2>
<p>
<a href="{U_FAQ}">{L_FAQ}</a>
<a href="#">ТЕКСТ</a>
<a href="#">TЕКСТ</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_find"></a>
<div class="item_content">
<h2>{L_SEARCH} &raquo;</h2>

<p>
<input type="text"></input>
<a href="{U_SEARCH}"> Go</a>

</p>
</div>
</div>


<div class="item">
<a class="link icon_photos"></a>
<div class="item_content">
<h2>{L_GALLERY} &raquo;</h2>
<p>
<a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a>
<a href="#">Категории</a>
<a href="#">Aрхив</a>
</p>
</div>
</div>
<div class="item">
<a class="link icon_home"></a>
<div class="item_content">
<h2>Главная &raquo;</h2>
<p>
<a href="{U_PORTAL}">{L_PORTAL}</a>
<a href="{U_INDEX}">{L_INDEX}</a>
<a href="{U_KB}" title="База Знаний">База Знаний</a>
</p>
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://hobby.getbb.ru/images/ranks/hobby_getbb_ru/jquery-css-transform.js" type="text/javascript"></script>
<script src="http://hobby.getbb.ru/images/ranks/hobby_getbb_ru/jquery-animate-css-rotate-scale.js" type="text/javascript"></script>
<script>
$('.item').hover(
function(){
var $this = $(this);
expand($this);
},
function(){
var $this = $(this);
collapse($this);
}
);
function expand($elem){
var angle = 0;
var t = setInterval(function () {
if(angle == 1440){
clearInterval(t);
return;
}
angle += 40;
$('.link',$elem).stop().animate({rotate: '+=-40deg'}, 0);
},10);
$elem.stop().animate({width:'268px'}, 1000)
.find('.item_content').fadeIn(400,function(){
$(this).find('p').stop(true,true).fadeIn(600);
});
}
function collapse($elem){
var angle = 1440;
var t = setInterval(function () {
if(angle == 0){
clearInterval(t);
return;
}
angle -= 40;
$('.link',$elem).stop().animate({rotate: '+=40deg'}, 0);
},10);
$elem.stop().animate({width:'52px'}, 1000)
.find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut();
}
</script>
скрипты я закачал и поставил дальше мне надо поставить ссылки и закачанные картинки. Куда мне их поставить на что заменить.

Сообщение Администратора admin A
cataha в первом сообщение этой темы, всё популярно описано,если вы и в дальнейшем буде так не внимательны, вы получите предупреждение!


Изображение
Обмен баннерами пишем в ЛС


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2474 Добавлено: 02 май 2014, 20:18 
Не в сети
Аватара пользователя


Сообщений: 507
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
cataha писал(а):надо поставить ссылки и закачанные картинки. Куда мне их поставить на что заменить.

вы меня извините, но вы либо совершенно не внимательный и не желаете читать что написано, либо вы издеваетесь надо мно, в первом сообщение этой темы ВСЁ написано
и вот тому пример
vikweb писал(а):.icon_home{
background:transparent url(ССЫЛКА НА КАРТИНКУ/home.png) no-repeat top left;
}
.icon_mail{
background:transparent url(ССЫЛКА НА КАРТИНКУ/mail.png) no-repeat top left;
}
.icon_help{
background:transparent url(ССЫЛКА НА КАРТИНКУ/help.png) no-repeat top left;
}
.icon_find{
background:transparent url(ССЫЛКА НА КАРТИНКУ/find.png) no-repeat top left;
}
.icon_photos{
background:transparent url(ССЫЛКА НА КАРТИНКУ/photos.png) no-repeat top left;


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


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
За это сообщение пользователю vikweb "Спасибо" сказали:
cataha
№2475 Добавлено: 02 май 2014, 20:51 
Не в сети
Аватара пользователя


Сообщений: 507
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
cataha
вот посмотрите, я прикрутил данное меню на форум


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


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2476 Добавлено: 02 май 2014, 21:06 
Не в сети
Аватара пользователя


Сообщений: 35
Поблагодарил(а): 5 раз
Поблагодарили: 2 раз
Сайт: http://hobby.getbb.ru/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Это я не внимательный извините сейчас попробую


Изображение
Обмен баннерами пишем в ЛС


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2477 Добавлено: 02 май 2014, 21:46 
Не в сети
Аватара пользователя


Сообщений: 35
Поблагодарил(а): 5 раз
Поблагодарили: 2 раз
Сайт: http://hobby.getbb.ru/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Получилось :friends: только они не по серёдке получились


Изображение
Обмен баннерами пишем в ЛС


Вернуться к началу
 Профиль  
Cпасибо сказано  
№2478 Добавлено: 03 май 2014, 09:34 
Не в сети
Аватара пользователя


Сообщений: 507
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
cataha писал(а):они не по серёдке получились

в теме стиля найдите
Код:
.menu{
    width:800px;
    height:52px;
    position:relative;
    top:70px;
    left:50px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}


и в строке width:800px; значение 800 замените, например на 650


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


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 12 ]  На страницу 1, 2  След.

Часовой пояс: UTC + 1 час [ Летнее время ]



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron