Форум Flasher.ru
Ближайшие курсы в Школе RealTime
Список интенсивных курсов: [см.]  
  
Специальные предложения: [см.]  
  
 
Блоги Правила Справка Пользователи Календарь Сообщения за день
 

Вернуться   Форум Flasher.ru > Flasher.ru > Флейм

Версия для печати  Отправить по электронной почте    « Предыдущая тема | Следующая тема »  
Опции темы Опции просмотра
 
Создать новую тему Ответ
Старый 13.09.2010, 16:19
Aiswer вне форума Посмотреть профиль Отправить личное сообщение для Aiswer Найти все сообщения от Aiswer
  № 1  
Ответить с цитированием
Aiswer
[MoonWitch]
 
Аватар для Aiswer

Регистрация: Dec 2002
Сообщений: 1,134
Cool вопросик по кнопкам(меню)

драсте

есть 3 каринки а, б, в.


вопрос, можно ли без флеша и явы сделать, чтобы они менялись?

а (картинка а)
a:hover (картинка б)
а:active (картинка в)
<!-- есть просто картинка а, наводим мышку картинка б -->

используя только css или html? или обязательно ява тут нужна?

__________________
Take my hand.

Старый 13.09.2010, 16:55
Zebestov вне форума Посмотреть профиль Отправить личное сообщение для Zebestov Посетить домашнюю страницу Zebestov Найти все сообщения от Zebestov
  № 2  
Ответить с цитированием
Zebestov
Lorem ipsum
 
Аватар для Zebestov

модератор форума
Регистрация: May 2001
Адрес: Одесса
Сообщений: 4,869
Записей в блоге: 4
уже давно делаю разные роловеры и дропдауны на чистом CSS. самый идеальный подход делать картинку для кнопки "2 в 1":

Код:
!-----------------------------!
!     обычный вид кнопки      !
!-----------------------------!
!-----------------------------!
!        навели мышку         !
!-----------------------------!
CSS отдельно взятой кнопки будет выглядеть так

Код:
.navbar, .navbar:visited {
	display: block;
	width: <ширина кнопки>px;
	height <высота кнопки>px;

	background-image: url('images/моя_спаренная_картинка.png');

	... ну а название кнопки лучше текстом
	... который настраиваешь тут: фурнитура, отступы
}
.navbar:hover {
	background-position: 0 -<высота кнопки>px;
}
главный плюс такого подхода (помимо оптимизации загрузки) заключается в 100% визуализации роловера по факту загрузки основного вида кнопки — ведь они же суть одна картинка, не нужны "предзагрузчики".

оффтп: о! сообщение #1`111 =)
__________________
Поймай яблоко 2!


Последний раз редактировалось Zebestov; 13.09.2010 в 17:11.
Старый 13.09.2010, 17:07
Aiswer вне форума Посмотреть профиль Отправить личное сообщение для Aiswer Найти все сообщения от Aiswer
  № 3  
Ответить с цитированием
Aiswer
[MoonWitch]
 
Аватар для Aiswer

Регистрация: Dec 2002
Сообщений: 1,134
ааааа Заработало! Круто! Спасибо большое!


.. Сейчас проверю на 5 кнопках и отпишусь...

Ваще супер... всё работает, и никакая ява не нужна.

Огромное спасибо тебе.

Ещё возник маленький вопросик...

вот есть уменя эта кнопка button1 есть div я делаю:


Цитата:
css файл:
#But1 {height: 50%;}

.Butt1, Butt1:visited {display: block; width: 244px; height: 45px; background-image: url('LastTest.gif'); background-repeat: no-repeat;}
.Butt1:hover {background-position: 0 -45px;}

Цитата:
html файл:


<div id="But1" align="center"> <!-- Это дает центр по ширине, но не по высоте. -->

<table width="244px" border="0" cellspacing="0" cellpadding="0">
<tr height=""></tr>
<tr height="45px"><td align="center"><div class="Butt1"><a href="#"/></a></div></td></tr>
</table></div>
Я не могу понять, как мне эту кнопку запереть ровненько по-центру страницы? И высоте, и ширине.
__________________
Take my hand.


Последний раз редактировалось Aiswer; 13.09.2010 в 19:01.
Создать новую тему Ответ Часовой пояс GMT +4, время: 17:22.
Быстрый переход
  « Предыдущая тема | Следующая тема »  

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

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


 


Часовой пояс GMT +4, время: 17:22.


Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.