Leaderboard
Popular Content
Showing content with the highest reputation on 10/04/2012 in Posts
-
Собственно, вот, написал плагин для поля ввода input[type=number] Опции плагина: wrap - класс для обвертки, так же есть возможность указания нескольких классов через пробел, по-умолчанию 'insWrap' btnU - класс кнопки инкремента (▲) значение поля, по-умолчанию 'ins-btnU' btnD - класс кнопки декремента (▼) значение поля, по-умолчанию 'ins-btnD' com - опция устанавливает по какому data-атрибуту будет осуществляться синхронизация нескольких полей, по-умолчанию 'com' tmpl - параметр позволяющий выбрать структуру html кода, по-умолчанию 'ab'. Возможный аббревиатуры: 'ab', 'ba', 'aa', 'bb', а так же вольный html-шаблон. 'ab' : устанавливает кнопки (▲) и (▼), после и перед (соответственно) полем. 'ba' : устанавливает кнопки (▲) и (▼), перед и после (соответственно) поля. 'aa' : устанавливает обе кнопки после поля. 'bb' : устанавливает обе кнопки перед полем. html-шаблон : позволяет записать html-структуру в виде строки. Например: tmpl : '<div class="test">|<div class="up"></div><div class="down"></div></div>' Символ вертикальной черты "|" указывает в какую позицию будет установлено поле ввода. Черта должна быть одна и только одна! Так же следует явно указать классы, которые будут являтся оберткой и кнопками! [*]tch - булевый параметр вкл\откл принудительную инициализацию события change на поле ввода при изменении его значения под средством функциональных клавиш, по-умолчанию true [*]wheel - булевый параметр вкл\откл событие mousewheel (требует подключения плагина jquery.mousewheel), по-умолчанию false UPD: Перенес, теперь на GitHub! Скачать Страничка с примерами2 points
-
Привет, народ, верстальщики в частности Для вас имеется хорошая новость. У нашего постоянного посетителя Softlink-а появился отличный макет для вёрстки, который он любезно нам предоставил Скачать Макет Скачать Задание опишет сам автор макета, т.е. Softlink. Удачи!1 point
-
Сильно не разбирался, но так как ширина макета фиксированная можно самому по центру установить: .wk-gallery-wall.polaroid { position: relative; z-index: 0; left:здесь значение на которое пододвинуть; }1 point
-
Да вот пока помалкивают все. Друзья не стесняйтесь, подползайте ближе)) Обнаружил тут ещё олдового горожанина Scrum в чине Эксперта, но не совсем понятно как часто он заходит на форум. Хочу предложить к обсуждению вот это заведение в качестве возможного места проведения. Одновременно и не слишком пивняк, и не совсем ресторан. Ну и демократичное вполне. Ваше мнение?1 point
-
1 point
-
Попробуй это: <style> .main { background: lightblue; white-space: nowrap; overflow-x: auto; } .main > div { display: inline-block; } </style> <div class="main"> <div>Текст1</div> <div>Текст2</div> <div>Текст3</div> <div>Текст4</div> <div>Текст5</div> <div>Текст6</div> <div>Текст7</div> <div>Текст8</div> </div> Результат:1 point
-
1 point
-
1 point
-
А зачем ты нам об этом говоришь? Не ну, что ты не понимаешь, что этот макет был выложен специально для этого человека? Вот он и сообщает, что мы зря его заставляем верстать такие сложные вещи.1 point
-
1 point
-
Привет, други! Как поставил мне задачу заказчик. Все фикс. Абсолютно все блоки фиксированной шириной и длиной. Справа белые кнопки - ссылки. Блок под хедером - тоже со ссылками(двумя, картинка и текст). В описании фильма есть оценки - 6.0 и 6.1. Т.е. слева от них блок к которому они относятся. Слайдер листает сразу по 5 фотографий. Обратите внимание на "ухи" слайдера - они одного фона с блоком. Скролл-бар справа от комментариев я не верстал, т.к. отпала необходимость у заказчика, но для тренировки можете сверстать В футере стрелочки - это якорь наверх. Еще есть один маленький косячок. Дизайнер немного на рассчитал размер и сделал мин. ширину в 1055пк. В общем смотрите сами, но я все подогнал под 1024 без скролла. p.s. так как все фикс, то можно вставлять блоки прямо картинками, но так не интересно, так что юзайте css3 И будьте внимательны к детальками p.p.s. в портфолио размещать работу не рекомендуется, т.к. это будет реальный сайт(ну заказчик попросил).1 point
-
1 point
-
-1 points
-
-1 points
-
-1 points
-
-1 points
-
вот я например собираюсь фильмы на сайт выкладывать мне как под каждый фильм по отдельной странице запиливать или как???-3 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-