Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

Category:

Поиграем с кнопками!

jaga

Занятный элемент нашелся на просторах развитого ХТМЛ
- рисует на странице кнопочку:

<button> Нажми на меня </button>

Такую же, как прочие системные "продолжить", "готово", "отправить", внешний вид которых зависит от версии браузера.

Такая же, да не совсем - для "бутона" можно определять стили:



раскрашивать - менять цвета и обрамление,
задавать фон картинкой, кучерявые шрифты, тени и скругления уголков;
button переносит стилевые издевательства, которые традиционная команда input напрочь игнорировала.

Например, в конструкции для лайкаунтера -
можно обойтись без трюка с подменой изображений - button воспроизводит эффект нажатия автоматически
(в ФайрФоксе хорошо выражено, в Хроме менее заметно).

Отличие button-а от ссылок-картинок не только в имитации нажатия:
кнопка - тянется. Подстраивается под надпись любой длины, сохраняя шрифтовые эффекты.

Повод поразмяться на тему Каскадные стили - это просто! -:)


   Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!

Read more...Collapse )

И классика жанра:



(в новую запись встроится пост про "Лайкаунтер")

Код "утащилки":
<a href="http://www.livejournal.com/update.bml?repost_type=c&amp;repost=http://UZER.livejournal.com/000000.html&amp;nodraft=1" target="_blank" data-service="livejournal" class="b-sharethis-item"><button alt="fotovivo.lj.ru" style="cursor:pointer; weight:105px; height:57px; color:#272b21; text-shadow: 2px 2px #fff, 3px 3px #5dfc60; font-size:0.85em"><img alt="fotovivo.lj.ru" src="http://ic.pics.livejournal.com/fotovivo/19078119/66580/66580_original.gif" style="margin-left:5px; vertical-align:middle" /> Утащить к себе</button></a>

Синим - ссылка на запись, которой хотите поделиться (не обязательно та самая, где стоит кнопка "поделиться",
не важно в каком журнале - пользователю уйдет содержимое той записи, на которую ссылается код.)



Единственный доступный в жж-записи случай,
когда button работает по прямому назначению - активирует заданное действие:
открывает форму ответа и вписывает туда предустановленное значение -


Tags: #0254b8, #272b21, #27488a, #4378d9, #4f49fc, #5c4545, #5dfc60, #7563a8, #77bf34, #8f2c2c, #eee, #f0f7f7, #f20, #f80, #fc6d42, #fc9d03, #fca400, #fd3, #ff3, #fff, HTMLство, блогоухищрения, веб-штучки
Subscribe

  • Гений совращения

    Отрывок из мемуаров Михаила Ромма "Устные рассказы" к теме "Этология в литературных примерах" с цитатами из обсуждения. Сабж…

  • Мой "римоновый" сад

    Рассказывала ( "Как я успеваю в марафон"), что идеи созревают, будто плоды на грядке. Разной степени готовности посты хранятся в файлах…

  • А нам пополам!

    Дождливым субботним вечером взностальгнулось - лента принесла бородатое неувядаемое - "Теория распределения на…

  • Страшные сказки... Нужны ли они нынешним детям?

    Наши любимые сказки, они в большинстве довольно странные. Даже самые расхожие, всем знакомые, полны дикими странностями, если вдуматься. Сплошь и…

  • "С ранцами, с ранцами по двору не шляйтесь"

    Педагогического опыта у меня с гулькин нос, год всего. На педпрактике. Университет тогда был заточен на технические специальности,…

  • #Раскопайсвоихнетленок. Блиц-конкурс на хештегах

    Давно не конкурсовались, отпуска, разъезды, погода была не для зависания в сети. Пришел домашний, пледовый ноябрь, впору заняться жужжеванием :)…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 81 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

  • Гений совращения

    Отрывок из мемуаров Михаила Ромма "Устные рассказы" к теме "Этология в литературных примерах" с цитатами из обсуждения. Сабж…

  • Мой "римоновый" сад

    Рассказывала ( "Как я успеваю в марафон"), что идеи созревают, будто плоды на грядке. Разной степени готовности посты хранятся в файлах…

  • А нам пополам!

    Дождливым субботним вечером взностальгнулось - лента принесла бородатое неувядаемое - "Теория распределения на…

  • Страшные сказки... Нужны ли они нынешним детям?

    Наши любимые сказки, они в большинстве довольно странные. Даже самые расхожие, всем знакомые, полны дикими странностями, если вдуматься. Сплошь и…

  • "С ранцами, с ранцами по двору не шляйтесь"

    Педагогического опыта у меня с гулькин нос, год всего. На педпрактике. Университет тогда был заточен на технические специальности,…

  • #Раскопайсвоихнетленок. Блиц-конкурс на хештегах

    Давно не конкурсовались, отпуска, разъезды, погода была не для зависания в сети. Пришел домашний, пледовый ноябрь, впору заняться жужжеванием :)…