Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / кнопульки как в Windows / 25 сообщений из 25, страница 1 из 1
31.07.2013, 13:07
    #38350050
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Ребят, привет всем!
Никто не находил стилей CSS готовых к сети на кнопульки по типу таких как на рисунке.
Два дня искал, пробовал сам сделать, но чет криво.
...
Рейтинг: 0 / 0
31.07.2013, 13:14
    #38350072
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
а что именно не получается? background-image подставить или что?

ЗЫ а где это в винде такие кнопки?
...
Рейтинг: 0 / 0
31.07.2013, 13:21
    #38350088
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
ПаганельЗЫ а где это в винде такие кнопки?В метро походу.
...
Рейтинг: 0 / 0
31.07.2013, 13:30
    #38350108
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Паганельа что именно не получается? background-image подставить или что?

Это не при помощи линка на рисунок делается, а только в CSS, как подозреваю CSS3

ПаганельЗЫ а где это в винде такие кнопки?

Не в винде? поправлюсь, а на сайте Майкрософт.
...
Рейтинг: 0 / 0
31.07.2013, 13:31
    #38350110
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
AntonariyПаганельЗЫ а где это в винде такие кнопки?В метро походу.

И там тоже на плакатах они есть
...
Рейтинг: 0 / 0
31.07.2013, 13:32
    #38350112
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей Лаловна сайте Майкрософт.
Таки посмотри как они там это сделали...
...
Рейтинг: 0 / 0
31.07.2013, 13:32
    #38350114
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей ЛаловЭто не при помощи линка на рисунок делаетсяпочему? кто-то запретил использовать рисунки?
...
Рейтинг: 0 / 0
31.07.2013, 13:37
    #38350125
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Вот она "собачка"...

...
Рейтинг: 0 / 0
31.07.2013, 13:38
    #38350127
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
quot krvsa]Сергей Лаловна сайте Майкрософт.
Таки посмотри как они там это сделали... [/quot]

Там напудрено много алхимии, в FireBug не могу разобраться с этим, много чего наворочено.

К примеру вот:

http://support.microsoft.com/?wa=wsignin1.0&ln=ru

В нижней части кнопки перехода page to page, как добраться до стилей..
...
Рейтинг: 0 / 0
31.07.2013, 13:38
    #38350128
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей ЛаловЭто не при помощи линка на рисунок делается, а только в CSS, как подозреваю CSS3
Да ты че!

MS
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
#smbHeroSlider .content .cbox.officeVl .r3 { 
background: url("http://www.microsoft.com/global/ru-ru/smb/PublishingImages/Controls/WhiteArrowR.png") 100% 50% no-repeat transparent;
color: #FFFFFF;
display: inline-block;
font-size: 17px;
font-weight: 700;
margin-top: 1em;
min-height: 24px;
padding-right: 32px;
}
...
Рейтинг: 0 / 0
31.07.2013, 13:39
    #38350131
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Думаете все таки лучше в фотошопе придумать своё?
...
Рейтинг: 0 / 0
31.07.2013, 13:40
    #38350132
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
krvsaСергей ЛаловЭто не при помощи линка на рисунок делается, а только в CSS, как подозреваю CSS3
Да ты че!

MS
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
#smbHeroSlider .content .cbox.officeVl .r3 { 
background: url("http://www.microsoft.com/global/ru-ru/smb/PublishingImages/Controls/WhiteArrowR.png") 100% 50% no-repeat transparent;
color: #FFFFFF;
display: inline-block;
font-size: 17px;
font-weight: 700;
margin-top: 1em;
min-height: 24px;
padding-right: 32px;
}



Ё, да, действительно, pnp :))
...
Рейтинг: 0 / 0
31.07.2013, 13:41
    #38350136
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей ЛаловК примеру вот:

http://support.microsoft.com/?wa=wsignin1.0&ln=ru

В нижней части кнопки перехода page to page, как добраться до стилей..
Не нашел там "page to page" даже поиском...
...
Рейтинг: 0 / 0
31.07.2013, 13:42
    #38350140
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Ладно, разобрались, вопрос отпал)) Наделаю в фотошопе своих)))
...
Рейтинг: 0 / 0
31.07.2013, 13:43
    #38350142
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
или в пэйнте))
...
Рейтинг: 0 / 0
31.07.2013, 13:45
    #38350147
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей ЛаловЭто не при помощи линка на рисунок делается, а только в CSS, как подозреваю CSS3наверно, можно без рисунка (border-radius + символ стрелочки)
но нужно ли?
...
Рейтинг: 0 / 0
31.07.2013, 13:59
    #38350174
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Яростный МечСергей ЛаловЭто не при помощи линка на рисунок делается, а только в CSS, как подозреваю CSS3наверно, можно без рисунка (border-radius + символ стрелочки)
но нужно ли?

Я думаю да, можно, и стрелку двумя/тремя линиями изобразить. Но это как понимаю для эстетов CSS. Кто то тяготеет к стилям, и тащит все на них. Кто то привык работать с JS и стилизацию с динамикой лупить в JavaScript, а кто то вообще по максимуму делает почти все в PHP, так как начал заниматься сайтостроением еще до появления AJAX. Я пропустил исторические этапы развития HTML и DOM как такового, и более или менее плотно подсел на программирование в среде Web всего около трех месяцев назад. До этого так, ковырялся, без надобности было особой.
Так вот.., в интернете множество советов как сделать ту или иную фичу, процедуру итд итп. Хочется найти какой то разумный подход к изучению всего этого добра и чтобы на начальном этапе отсеять побольше ненужных телодвижений.

То что указать в качестве источника картинку в формате jpeg/png можно это понятно. А вот нужно мне к примеру ободок сделать синим, а внутреннюю тень зеленым, здесь хочу радиус такой, а здесь толщину ободка 3 пикселя к примеру. Мне что же,
диплом художника кнопок получать. А в CSS хоп, подправил параметры и вперед:)
...
Рейтинг: 0 / 0
31.07.2013, 14:26
    #38350234
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей ЛаловМне что же, диплом художника кнопок получать.
Как вариант пригласить Остапа Бендера!
...
Рейтинг: 0 / 0
31.07.2013, 14:29
    #38350239
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей ЛаловА в CSS хоп, подправил параметры и вперед:)
Напомнило мне анекдот...

Армянское радио спросили:
- Почему страус бежит быстрее лошади?
- У лошади четыре ноги... Она бежит раз, два, три, четыре. А у страуса две! И он бежит раз, два! Раз, два!!!

Только в твоем случае будет наоборот...
...
Рейтинг: 0 / 0
31.07.2013, 14:42
    #38350270
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
krvsaСергей ЛаловА в CSS хоп, подправил параметры и вперед:)
Напомнило мне анекдот...

Армянское радио спросили:
- Почему страус бежит быстрее лошади?
- У лошади четыре ноги... Она бежит раз, два, три, четыре. А у страуса две! И он бежит раз, два! Раз, два!!!

Только в твоем случае будет наоборот...

не буду спорить)) только в некоторых случаях лучше посидеть попариться один день пару часов над одной задачей, а потом тратить каждый день по 1 минуте на ее решение. Чем тратить каждый день на рутинное и вроде бы какбэ простое выполнение порядка 20 минут. От такого подхода зависит скорость решения проблемы и количество денег,которое ты положишь к себе в карман. Формула Время-деньги работает очень хорошо, особенно если знаешь как этим пользоваться. У человека кстати тоже 2 ноги, как и у страуса, но перемещается он быстрее и страуса и лошади, потому что ездит на нормальном авто, благодаря этой самой легендарной формуле:)
...
Рейтинг: 0 / 0
31.07.2013, 15:00
    #38350311
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей Лаловв некоторых случаях лучше посидеть попариться один день пару часов над одной задачей, а потом тратить каждый день по 1 минуте на ее решение.
Вот и я про то же.
Картинка более "гибка" и имеет больше визуальных возможностей для отображения нежели ЦСС. Т.ч. картинка более предпочтительней для визуального отображения некоего элемента, нежели гнуть дуги и делать тени или фон в ЦСС. Потому как и не добъешся порой того, что художник сделает быстро каким-то там эффектом фотошопа...
...
Рейтинг: 0 / 0
31.07.2013, 15:32
    #38350381
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Сергей Лалов,

интересная подборка геометрических фигур на CSS


З.Ы. Пиратский фотошоп влом ставить на рабочий компьютер, пользуюсь этим
...
Рейтинг: 0 / 0
31.07.2013, 16:03
    #38350440
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
user89Сергей Лалов,

интересная подборка геометрических фигур на CSS


З.Ы. Пиратский фотошоп влом ставить на рабочий компьютер, пользуюсь этим

Спасибо за ссылку с гуглопоиском)

Кстати вариант онлайн редактора для рисования довольно неплох
...
Рейтинг: 0 / 0
31.07.2013, 18:02
    #38350648
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Если сервер поддерживает svg, нарисуйте там кнопачки. Браузеры вроде бы уже давно.
...
Рейтинг: 0 / 0
31.07.2013, 18:04
    #38350652
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кнопульки как в Windows
Кстати, посмотрите что есть в барахлофонтах типа webding, winding. Там всяких стрелочек в кружочках завались. Фонт можно подгружать - сконвертить в веб-формат (то есть ужать) и юзать.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / кнопульки как в Windows / 25 сообщений из 25, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]