HTML Coding

29542 questions in this forum

1. как реализовать select из картинок?

   типо

   Asked by voodoo, October 9, 2008

   0 votes
   6 answers
2. Как реализовать select стиль

   Как реализовать такое?

   Asked by aquapasha, March 29, 2013

   0 votes
   2 answers
3. Как реализовать большой адаптаптивный хедер

   Люди добрые, подскажите, как реализовать такую адаптацию хедера и навигации для адаптивного сайта (особенно , как перенести "подать заявку", личный кабинет и поиск после навигации на маленьких разрешениях?). Как вариант наверное можно делать 2 навигации и ява скриптом скрывать/отображать нужную? Или без отдельной мобильной версии сайта тут не обойтись?

   Asked by vip, January 11, 2015

   • адаптивная верстка
   0 votes
   12 answers
4. Как реализовать всплывающие подсказки

   Необходимо что бы для картинок по-умолчанию выводились всплывающая подсказка "текст 1". При нажатии на кнопку эта же всплывающая подсказка менялась на "текст 2". То есть, на страничке есть несколько картинок у которых при наведении всплывает "текст 1", внизу странички кнопка при нажатии меняет подсказку на "текст 2". как-то можно такое реализовать, желательно и для наведения и для клика по картинках.

   Asked by alleclf, May 24, 2012

   0 votes
   1 answer
5. Как реализовать выбор элемента из списка

   Вот для примера код списка: <form id="myform" > <select id="mymenu" > <option value="http://site1.ru">Москва</option> <option value="http://site2.ru">Питер</option> <option value="http://site3.ru">Владивосток</option> <option value="http://site4.ru">...</option> </select> <input type="button" value="Go" onclick="window.location= document.forms[0].mymenu.options[document.forms[0].mymenu.selectedIndex].value"> </form> Данная форма при выборе из списка элемента и клике по кнопке открывает сайт выбранного города. Если список будет очень большой (около 2000 городов) можно ли пер…

   Asked by alleclf, February 8, 2013

   0 votes
   3 answers
6. Как реализовать гориз. выпад. меню на css (см. пример)

   Как реализовать такое меню как тут: http://www.mozilla-europe.org/ru/firefox/ Там не используются скрипты, только css, такое мне и нужно

   Asked by barman, December 28, 2010

   0 votes
   1 answer
7. Как реализовать градиент с прозрачностью?

   Есть круговой градиент (кроссбраузерный), однако его фон полностью непрозрачный. Очень хорошо смотрится, если фон за градиентом - однотонный цвет (тот, в который градиент переходит), но если фон за градиентом - картинка, тогда градиент смотрится громоздким блоком. Возможно ли создать круговой градиент, указанный ниже, для перехода белого цвета из центра в прозрачный (такое как бы растворение/свечение)? background: -moz-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -ms-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -o-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -webkit-radial-gradient(circle, #33…

   Asked by Resager, October 5, 2012

   0 votes
   2 answers
8. Как реализовать данный эффект

   Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?

   Asked by black_c, March 22, 2017

   • верстка
   0 votes
   0 answers
9. Как реализовать декоративные полосы?

   Часто в макетах встречаю такие нестандартные решения, как они создаются? Мб вы ранее сталкивались с этим, покажите код пожалуйста .. Я так подразумеваю что возможно сделать на псевдо-элементах, и бордерах? Или вазможно как-то сделать на флексбоксах адаптивно? Или вообще с помощью SVG рисуется? Спасибо! ИЗОБРАЖЕНИЕ

   Asked by Hasiev, August 15, 2017

   0 votes
   4 answers
10. как реализовать еффект меню

    Подскажите как можно сделать такой эффект как тут на сайте , сначала меню исчезает а потом появляется только после того как дошло до определенной высоты и уже другим цветом! Вот пример сюда пытаюсь вставить

    Asked by virtas, June 25, 2015

    • еффект меню
    0 votes
    1 answer
11. Как реализовать календарь, как гугл.календарь?

    Имеется такая лента событий: Собственно при клике на один из баров в этой ленте открывается описание этого события. Вся лента скроллится по горизонтали драг'н'дропом. Есть ли какие-нибудь похожие наработки/библиотеки?

    Asked by posthack, January 9, 2016

    0 votes
    1 answer
12. Как реализовать кнопку mute?

    Как реализовать кнопку mute? добавил фоновый звук на страницу <embed src="http://www.podst.r/user_files/2/3800/snow_wind_128.MP3" hidden="true"></embed>хочу сделать отдельную кнопку для включение выключение звука на странице.. для вместо <button> использую обычный рисунок (с hover в стиле), а вот как задать команду для остановки аудио не знаю.. Уважаемые форумчане, помогите нубу

    Asked by jjhollywood37, November 13, 2013

    • кнопка
    0 votes
    9 answers
13. Как реализовать линии связи между блоками?

    Добрый день. На сайте нужно реализовать подобное: А именно интересуют пунктирные линии между блоками, их вообще возможно сделать силами CSS? Пока вставила картинкой весь блок, но это не очень устраивает, потому что нужен редактируемый текст в блоках. Спасибо.

    Asked by mankutila, July 26, 2015

    0 votes
    1 answer
14. Как реализовать мобильное меню как у гугла?

    День добрый! Подскажите как реализовать мобильное меню как у гугла, чтобы его так же можно было двигать, не смог найти примеров в интернете, может кто видел подобное или подскажет в каком направлении двигаться.

    Asked by Ратибор, November 5, 2017

    0 votes
    4 answers
15. Как реализовать на CSS

    Есть сайт http://planeta-kino.com.ua/ Там основной фон растягивается пропорционально на всю ширину экрана (это понятно как делать), но там еще центр картинки всегда остается на определенной высоте от верха, то есть при растягивании экрана картинка увеличивается так что центр остается на месте а верх обрезается. Там реализовано скриптами, как такое реализовать на css? (точно знаю что можно) Спасибо! На данный момент у меня такой код: html (<img class="rezina" src="img/background.png"/>) css (.rezina { position:fixed; z-index:-1; width:100%; min-width:800px;} )Растягивание работает отлично, но как закрепить середину? Спасибо

    Asked by by_roxe, December 22, 2011

    0 votes
    3 answers
16. Как реализовать на JavaScript

    Есть модальное окно, есть видео на сайте, по окончанию просмотра видео нужно вывести модальное окно, только в том случае если просмотрели до конца .. Модалку умею делать, как логику такую к JS прикрутить? Видео с ютуба. К проекту подключен iframe__api

    Asked by Hasiev, October 3, 2017

    0 votes
    2 answers
17. Как реализовать наклонные ленты через всю высоту страницы?

    Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?

    Asked by monochromer, November 4, 2015

    • html
    • css
    • landing page
    • лэндинг
    0 votes
    2 answers
18. Как реализовать не обычную кнопку?

    Добрый день. Подскажите как правильно реализовать такую кнопку? Сложности возникли с этими углами( Подобные кнопки встречаются на сайте во многих местах и с разными размерами!

    Asked by Ant-tur, October 24, 2022

    0 votes
    2 answers
19. Как реализовать необычное решение?

    Здраствуйте уважаемые знатоки! Самому ни как не додуматься как реализовать.... в низу страницы вставлена карта, вторая её половина находится в футере, как всё это состыковать??????+ еще и шаьлон резиновый :dash:/> :dash:/> :dash:/> Выручайте!!!!!!

    Asked by al_hagen, November 12, 2012

    0 votes
    13 answers
20. Как реализовать переход в HTML5 баннере через тег <a href=””> если в коде тега нет

    Здравствуйте! Прошу помощи, имеются шаблоны HTML5 баннеров и для рекламной системы необходимо что бы обработка в сех клик событий, вызывающих переход на сайт рекламодателя должна быть реализована строго через тег <a href=””> . В коде самого баннера таких тегов нет, ссылки прописаны через // GWD Predefined Function gwd.actions.gwdDoubleclick.exit('gwd-ad', 'id', 'http://site.com, true, true); }; и <gwd-exit metric="id" url="http://codecanyon.net/user/demonswith"></gwd-exit> </gwd-doubleclick> Как то можно это исправить?

    Asked by Alisa_nois, February 10, 2017

    • html5
    0 votes
    1 answer
21. Как реализовать подгон фона под разрешение?

    Добрый вечер! Подскажите, как реализовать чтобы фон обрезался под разное разрешение?

    Asked by andys, June 21, 2011

    0 votes
    5 answers
22. Как реализовать подобную секцию?

    Подскажите как правильно такое нарисовать? Может быть canvas? Пробовал на нем, но линия какая-то размытая получается и не знаю как в произвольных точках этой кривой рисовать круги Возможно за это отвечает какой-нибудь jquery плагин? Вот скриншот http://www.fotolink.su/v.php?id=03b5a0c45dd734ab866094f13307e8a5

    Asked by WebNewbe, August 31, 2017

    • html
    • css
    • js
    • верстка
    0 votes
    3 answers
23. Как реализовать подобный скролл?

    http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg

    Asked by posthack, February 10, 2014

    0 votes
    4 answers
24. как реализовать поиск на сайте

    Доброго времени суток! Подскажите как реализовать поиск на сайте,чтобы при вводе слова находились выражения или ссылки где содержится данное слово? только без php

    Asked by tanaka, February 5, 2012

    0 votes
    3 answers
25. Как реализовать прозрачность кнопок?

    Нужно реализовать прозрачную кнопку (как на первом рисунке) но при попытке сделать так через <button> и соответствующие свойства CSS прозрачность исчезает, хотя если открыть соответствующий "png" фотошопом, то прозрачность видна. Вопрос: как можно реализовать прозрачность? Через обычную ссылку с рисунком внутри тоже пробовал - не получается. #main_image_left_button { position: relative; top: -150px; left: -5px; background-image: url(../images/index/main_image_left_button.png); background-size: 100%; border: none; height: 66px; width: 32px;}Должно быть так: Выходит так:

    Asked by centurionkz, September 25, 2015

    0 votes
    8 answers