Технический форум
Вернуться   Технический форум > Наш сайт > О сайте и форуме


Ответ
 
Опции темы Опции просмотра
Старый 26.01.2013, 20:00   #21 (permalink)
George Smith
<< Эксперт >>
 
Аватар для George Smith
 
Регистрация: 27.11.2010
Адрес: Большеземельская тундра, Чукча я однако ... :)
Сообщений: 28,167
Записей в дневнике: 5
Сказал(а) спасибо: 400
Поблагодарили 273 раз(а) в 85 сообщениях
Репутация: 81007
По умолчанию

Цитата:
Сообщение от GlaZZZ Посмотреть сообщение
Кстати при помощи CSS можно делать анимации(прогресс бары, например), можно делать градиенты, скругления углов, непрозрачность(opacity - не работает в недобраузере IE), рамку, шрифт, цвет шрифта. Короче в CSS можно делать практически всё. Иногда даже проще CSS прописать, чем нарисовать картинку в том же фотошопе.
Дык вот это меня и интересует, давай я нарисую нашу кнопку в двух кадрах, а ты напишешь код для сайтов. На вид просто кнопка, а при нажатии мыши она утапливается ? ...
__________________
George Smith вне форума   Ответить с цитированием
Старый 26.01.2013, 20:01   #22 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Цитата:
Сообщение от George Smith Посмотреть сообщение
Дык вот это меня и интересует, давай я нарисую нашу кнопку в двух кадрах, а ты напишешь код для сайтов. На вид просто кнопка, а при нажатии мыши она утапливается ? ...
Ага!))) Именно. У вас скайп есть? если есть скиньте логин в ЛС.
GlaZZZ вне форума   Ответить с цитированием
Старый 26.01.2013, 20:43   #23 (permalink)
George Smith
<< Эксперт >>
 
Аватар для George Smith
 
Регистрация: 27.11.2010
Адрес: Большеземельская тундра, Чукча я однако ... :)
Сообщений: 28,167
Записей в дневнике: 5
Сказал(а) спасибо: 400
Поблагодарили 273 раз(а) в 85 сообщениях
Репутация: 81007
По умолчанию

Цитата:
Сообщение от GlaZZZ Посмотреть сообщение
Ага!))) Именно. У вас скайп есть? если есть скиньте логин в ЛС.
Нет у меня скайпа, Инет медленный, я в Тундре, вся моя радость коннект МТС - Который "Быстрый олень" ...
__________________
George Smith вне форума   Ответить с цитированием
Старый 26.01.2013, 21:10   #24 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Цитата:
Сообщение от George Smith Посмотреть сообщение
МТС - Который "Быстрый олень" ...
Ключевое слово Олень??

Тогда киньте кнопку тут
GlaZZZ вне форума   Ответить с цитированием
Старый 28.01.2013, 13:18   #25 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Попробую сегодня несколько вариантов кнопки сделать при помощи css стилей
GlaZZZ вне форума   Ответить с цитированием
Ads

Яндекс

Member
 
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
Старый 29.01.2013, 13:04   #26 (permalink)
George Smith
<< Эксперт >>
 
Аватар для George Smith
 
Регистрация: 27.11.2010
Адрес: Большеземельская тундра, Чукча я однако ... :)
Сообщений: 28,167
Записей в дневнике: 5
Сказал(а) спасибо: 400
Поблагодарили 273 раз(а) в 85 сообщениях
Репутация: 81007
По умолчанию

Артем попробуй вот так, при нажатии, чтобы кнопка утопилась, т.е. два разных кадра, размер абсолютно одинаковый. Кнопка прозрачная, использовать можно на любом фоне. В архиве есть и двухкадровый ГИФ и два кадра по отдельности ...

Название: tehnari_ru_00.gif
Просмотров: 283

Размер: 680 байт
Вложения
Тип файла: zip tehnari_ru.zip (1.6 Кб, 41 просмотров)
__________________
George Smith вне форума   Ответить с цитированием
Старый 30.01.2013, 18:07   #27 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Извините, но ваши кадры понадобились, только для цветов рамки
Я взял оригинальную картинку и рамку уже при помощи CSS сделал.
Кстати немного увлёкшись я добавил скругление в 5px и плавный перелив в 0.5 секунд.

Чтобы посмотреть откройте в архиве html страницу или перейти по ссылке
файловый хостинг DropBоx
Вложения
Тип файла: rar Новая папка (2).rar (895 байт, 50 просмотров)
GlaZZZ вне форума   Ответить с цитированием
Старый 30.01.2013, 19:12   #28 (permalink)
George Smith
<< Эксперт >>
 
Аватар для George Smith
 
Регистрация: 27.11.2010
Адрес: Большеземельская тундра, Чукча я однако ... :)
Сообщений: 28,167
Записей в дневнике: 5
Сказал(а) спасибо: 400
Поблагодарили 273 раз(а) в 85 сообщениях
Репутация: 81007
По умолчанию

Артем, ты не понял, не при наведении мыши, а при нажатии, пользователю секунду будет видно, даже при самом быстром Инете. Пи наведении не естественно ...
__________________
George Smith вне форума   Ответить с цитированием
Старый 30.01.2013, 19:50   #29 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Вот, сделал https://dl-web.dropbox.com/get/Publi...tVlG3sbcLg8bDA
Вложения
Тип файла: rar Новая папка (2).rar (780 байт, 45 просмотров)
GlaZZZ вне форума   Ответить с цитированием
Старый 30.01.2013, 20:08   #30 (permalink)
DimkaSP
Member
 
Регистрация: 28.01.2013
Сообщений: 376
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 1155
По умолчанию

Не знаю о каких кнопках тут говорят. А мои две кнопки щас дерутся за коробку с игрушками >_<
DimkaSP вне форума   Ответить с цитированием
Ads

Яндекс

Member
 
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
Ответ

Опции темы
Опции просмотра

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

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




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

Powered by vBulletin® Version 6.2.5.
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.