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


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

Цитата:
Сообщение от Ваня Посмотреть сообщение
Эх, была бы кнопочка побольше....
Ваня, дык нарисуй, кто тебе не дает ?...
__________________
George Smith вне форума   Ответить с цитированием

Старый 25.01.2013, 15:18
Helpmaster
Member
 
Аватар для Helpmaster
 
Регистрация: 08.03.2016
Сообщений: 0

Помогу вам списком тем, которых похожи на вашу

Выражения технарей
Команда технарей прощается...
Програмки технарей
Гимн Технарей

Старый 25.01.2013, 15:20   #12 (permalink)
Ваня
Почётный Шарлотан
 
Аватар для Ваня
 
Регистрация: 27.08.2010
Адрес: Культурная столица России
Сообщений: 9,152
Записей в дневнике: 45
Сказал(а) спасибо: 612
Поблагодарили 751 раз(а) в 114 сообщениях
Репутация: 105004
По умолчанию

Нет, я пожалуй оставлю логотип
__________________
Хотел как лучше, а получилось идеально!
Ваня вне форума   Ответить с цитированием
Старый 26.01.2013, 01:09   #13 (permalink)
Eli
TEHNARI.RU
 
Аватар для Eli
 
Регистрация: 31.03.2008
Адрес: Израиль
Сообщений: 18,407
Записей в дневнике: 7
Сказал(а) спасибо: 10
Поблагодарили 1 раз в 1 сообщении
Репутация: 14157
По умолчанию

Цитата:
Сообщение от Ваня Посмотреть сообщение
Эх, была бы кнопочка побольше...
а кто мешает изменить размер?


это делается вот так : этот код с размером отображения картинки, как у меня на сайте - и с ним можно играть как хочешь ...

Код HTML:
<a href="http://www.tehnari.ru/"><img src="http://www.tehnari.ru/img/tehnari_ru.gif" width="130" height="50"
в точности - вот это
Код HTML:
 width="130" height="50"
после
Код HTML:
<img src="http://www.tehnari.ru/img/tehnari_ru.gif"
посзволяет играть размерами...
Eli вне форума   Ответить с цитированием
Старый 26.01.2013, 12:36   #14 (permalink)
George Smith
<< Эксперт >>
 
Аватар для George Smith
 
Регистрация: 27.11.2010
Адрес: Большеземельская тундра, Чукча я однако ... :)
Сообщений: 28,167
Записей в дневнике: 5
Сказал(а) спасибо: 400
Поблагодарили 273 раз(а) в 85 сообщениях
Репутация: 81007
По умолчанию

Цитата:
Сообщение от Osher-E Посмотреть сообщение
а кто мешает изменить размер?
А вот это не советую делать, потом не узнаешь свои пикселы, лучше графически, натуральную величину ...
__________________
George Smith вне форума   Ответить с цитированием
Старый 26.01.2013, 18:57   #15 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Цитата:
Сообщение от George Smith Посмотреть сообщение
А вот это не советую делать, потом не узнаешь свои пикселы, лучше графически, натуральную величину ...
Ну чего? Кстати нормально масштабируется в HTML и CSS
Кстати можно код html сделать меньше чуток прописав размеры кнопки в CSS.

Код HTML:
.knopka{widht: 100px; height: 100px}
А потом в HTML ссылочка прописывается так
Код HTML:
<a href="ссылка"><img class="knopka" src="/img.png"></a>
Т.е. в html в коде картинки мы присваиваем картинке класс knopka, а сами стили класса прописываются в CSS
Можно сделать с картинкой что угодно. Даже прозрачность.
Можно сделать кнопку, при наведении на которую мышкой, она станет полупрозрачной.

Стиль CSS при наведении прописывается вот так
Код HTML:
.knopka:hover {opacity: 0.5}
где opasity это коефициент прозрачности(1 - это непрозрачность), а hover это тег который показывает, что стиль прописывается для наведения мышкой
GlaZZZ вне форума   Ответить с цитированием
Ads

Яндекс

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

Цитата:
Сообщение от GlaZZZ Посмотреть сообщение
а hover это тег который показывает, что стиль прописывается для наведения мышкой
От это больше всего интересует? Так как я в языках CSS и html - честно дуб (нуб). Графику в оригинале делаю, программы писал когда-то, чисто Ассемблер и DOS, ну Бейсик знаю, надо начать программировать WEB, хороший блокнот есть в наличии. Надо так, GIF-файл, 2 кадра, при наведении мышой, надо чтобы кнопка утапливалась ? ...
__________________
George Smith вне форума   Ответить с цитированием
Старый 26.01.2013, 19:30   #17 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

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

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

Цитата:
Сообщение от George Smith Посмотреть сообщение
Еще раз, есть допустим файл GIF (кнопка), файл 2 кадра, первый кадр просто кнопка, второй - утопленная кнопка (нажатая). Координатно все на месте, это просто графический обман зрения, при нажатии на мышь кнопка утапливается, т.е. при нажатии вместо первого кадра появляется второй ...
Можно и так. Т.е в стиле .knopka фоном будет первый файл, а в стиле .knopka:hover будет второй фон(второй файл с утопленой кнопкой). Только hover - стиль срабатывает при наведении мышкой на кнопку.
Для нажатия, если я не ошибаюсь, сущестует тег active, он ставиться как и hover, только срабатывает, по-моему, при нажатии кнопки мыши
GlaZZZ вне форума   Ответить с цитированием
Старый 26.01.2013, 19:52   #20 (permalink)
GlaZZZ
Любитель
 
Аватар для GlaZZZ
 
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
По умолчанию

Вот про CSS active htmlbook.ru - CSS - Псевдокласс :active
А вот про CSS hover htmlbook.ru - CSS - Псевдокласс :hover

Кстати при помощи CSS можно делать анимации(прогресс бары, например), можно делать градиенты, скругления углов, непрозрачность(opacity - не работает в недобраузере IE), рамку, шрифт, цвет шрифта. Короче в CSS можно делать практически всё. Иногда даже проще CSS прописать, чем нарисовать картинку в том же фотошопе.


И кнопку можно сделать в виде нажатой с помощью CSS, сделав внутреннюю тень или смещение фона.
GlaZZZ вне форума   Ответить с цитированием
Ads

Яндекс

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

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

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

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




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

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