Freelance
Collaboration with freelancers
717 topics in this forum
-
- 14 replies
- 12.8k views
есть блок реклама (правый сайдбар). Нужно его растянуть до конца страницы. При значении heigh 100% он растягивается по мере заполнения. А он у меня пока пустой и под ним пустое место. Хочу чтобы он растягивался до конца страницы. Причем на всех страницах. Как это сделать? HTML: <div class="sidebar" id="sideRight"> <div class="reclam"><h2>Реклама</h2> </div> <center>Здесь может быть ваша реклама</center> </div><!-- .sidebar#sideRight --> CSS: #sideRight { float: right; width: 250px; margin-left: -250px; position: relative; background: #f9f9f9; } .sidebar { height:100%; border-le…
Last reply by To_wave, -
- 3 replies
- 1.5k views
Подскажите пожалуйста как можно реализовать, подобный блок, отдельно учитывая, его поведение при адаптиве, при уменьшение viewport уже ширины блока. Также то, что длина каждой надписи может меняться.
Last reply by radioactive, -
- 1 reply
- 1.4k views
Вот есть меню такого вида с версткой меню проблем нет, а вот с фоном который должен отображаться при наведении у выпадающего списка! Если у кого-то есть время или желание показать на живом примере, как это делается буду очень признателен psd макет
Last reply by Softlink, -
- 6 replies
- 1k views
Здравствуйте. как сверстать как на картинке? Пробовал так: <span style="vertical-align:top;"> Юридическая </span><span style="vertical-align:bottom;"> компания </span>но справа получается вот так:
Last reply by ishurgaya, -
- 2 replies
- 995 views
Коллеги, Хотел бы спросить, как Вы бы сверстали данный кусок макета, где идет рабочая ширина в 1200px ? Макет -
Last reply by dimapro0102, -
- 4 replies
- 1.5k views
Здравствуйте. Т.к. вопрос скорее для этого раздела, то вот он - как сделать автоматически-вставляющийся копирайт с www-адресом при копировании текста с моего сайта на сторонние? У новостных сайтов часто встречается такая фишка. Хотелось бы максимально простой вариант.
Last reply by bryknyk, -
- 8 replies
- 2k views
Нужно чтобы при нажатии другие блоки убирались, а не перекрывались. БЕЗ скриптов. /* css таба */ .tabs { position: relative; min-height: 350px; font-family: calibri; color: #404C59; } .tab { float: left; } .tab label { background:#ccc; ; position: relative; left: 1px; padding: 10px; background-color: #E6E6E6; } .tab [type=radio] { display: none; } .content { position: absolute; left: 0; background: #FAFAFA; right: 0; margin-top: 10px; padding:10px; } [type=radio]:checked ~ label { background: #FAFAFA; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size…
Last reply by alex1998, -
- 6 replies
- 1.6k views
Помогите сделать верстку этой картинки а то неделю уже мучаюсь и не чего нормально сделать не могу
Last reply by workerbeeviii, -
- 1 reply
- 1.5k views
Мне надо сделать вертикальное меню с выпадающими разделами, но мне нужно что бы код CSS не был громоздким. Заранее спасибо.
Last reply by npofopr, -
- 1 reply
- 1.5k views
Вывести сообщение при нажатии кнопки - очень простое дело, а как создать функцию, которая заменит одну картинку на другую?
Last reply by AlexZaw, -
Как сделать обработку input что бы при введние определенного пароля, блок становился видимым
by skoch244- 2 replies
- 1.1k views
Как сделать обработку input что бы при введние определенного пароля, блок который ниже с голубой тенью становился видимым (я знаю, он щас видимый но в сроком времени он приобретет display: none;) Пароль можно к примеру 236632 Очень надо!!!!
Last reply by skoch244, -
- 5 replies
- 1.6k views
Еще раз всем привет! Можно ли в этом скрипте сделать медленную перемотку вверх? Это скрипт кнопки "вверх" СКРИПТ: $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!!!
Last reply by Vic-Tor, -
- 7 replies
- 1.4k views
Просто прошу ткнуть в урок или мануал. Спасибо http://prntscr.com/27feio Потом еще из этого слайдер сделать, но хотябы сам тултип или может как то по другомуназывается
Last reply by xanthonyx, -
- 4 replies
- 1.2k views
http://welovepavel.esy.es/index.html Спасибо! IPad 4 Хром/сафари не работает
Last reply by Igorbee, -
- 1 reply
- 2.4k views
Добрый день. На одной из страниц сайта есть аккордеон. <div class="panel"> <a class="panel-heading" data-toggle="collapse" href="#collapse6">Заголовок</a> <div id="collapse6" class="panel-collapse collapse"> <div class="panel-body">текст </div> </div> </div> Открытый аккордеон имеет класс: <div id="collapse6" class="panel-collapse collapse in"> Скажите, как можно сделать ссылку на открытый аккордеон с других страниц сайта? Заранее спасибо!
Last reply by terminotor, -
- 1 reply
- 1.1k views
В общем, приходится часто перезапускать браузерную игрушку на работе - уже пальцы стер постоянно вручную вводить логин и пароль. Появилась идея сделать хтмл страничку, на которой будет кнопка при нажатии на которую откроется новое окно и в нем будет отправлена пост дата для авторизации в игре. Вот только знаний в этом деле у меня ноль без палочки, может быть кто-то поможет, а? Буду очень признателен, ей богу1
Last reply by Gureeddo, -
- 3 replies
- 2.4k views
Подскажите пожалуйста как сделать такие блоки? Уже все перепробовал не могу понять почему не получается на плюсике сделать такой Bg. Буду очень благодарен вам)
Last reply by AlexZaw, -
- 16 replies
- 3.1k views
Last reply by hypnocolor, -
- 1 reply
- 1.3k views
Такое без яваскрипта осуществимо? Если кому не трудно набросайте шаблон пожайлуста такой менюшки картинка почему не подгружается поэтому вот сыллка на неё. http://pixs.ru/showimage/menujpg_3568372_11922901.jpg
Last reply by SKSKSS2013, -
- 2 replies
- 1.1k views
http://htmlbook.ru/css/transition вот что я нашел... как сделать чтобы такая штурка выходила не при наведении мышки,а при клики на эту стрелку (ОСОБЕННО с планшета) https://qiwi.com
Last reply by Igorbee, -
- 3 replies
- 1.6k views
Сделать псевдолассом не получилось, на z-index не реагирует коричневый фон и закрывает собой кнопку.
Last reply by Great Rash, -
- 4 replies
- 951 views
http://cs605630.vk.me/v605630720/1f55/oVTNVVnBmKI.jpg
Last reply by rus, -
- 12 replies
- 3.4k views
Добрый день, подскажите, как сделать такую рамку для div (оригинал тут https://dailyhoro.ru/article/luchshie-zagovoryi-na-dengi-ot-natali-stepanovoj/)
Last reply by fowl, -
- 14 replies
- 2.6k views
Здравствуйте веб – мастера. Подскажите как сделать текст как и в psd файле с помощи css. В psd к тексту применяется обводка, тиснение и внутренне свечение. Пробовал задать text-shadow но эффект был не тот как в psd. Может есть еще css свойства, которые могут решить данную задачу? Вот ссылка http://datapic.ru/?v=13-04-03_gGMwtcPYvfAEoA4bwkMujkfvS.png
Last reply by Great Rash, -
- 7 replies
- 1.7k views
После почти сделанной верстки не получается прикрутить футер. Может быть я первоначально не правильно все верстал? Но переделывать жалко как-то. Футер должен быть на некотором расстоянии от контента, на всю ширину окна браузера. Прошу помощи http://prodpak.ru/ooo/
Last reply by nebovluje,
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-