Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 2 replies
- 5.4k views
IE поддерживает ряд свойств позволяющих раскрасить полосы прокрутки на странице, в блоке или текстовом поле. Это scrollbar-arrow-color и ему подобные свойства. Опера с версии 7 тоже поддерживает эти свойства, но при соблюдении некоторых условий. В старых версиях надо было прописать в файле opera6.ini в блоке [user Prefs] такую строку: Enable Scrollbar Colors=1 В современных версиях это делается через настройки: Настройки > Общие настройки > Расширенные > Содержимое > Настроить стили > Включить стилизацию полос прокрутки У меня Опера 10.60, но эта настройка работает нестабильно. То появляется цвет на скролбаре, то исчезает. От чего это может зависеть?
Last reply by Vlad, -
- 7 replies
- 11.8k views
У меня вот тут возникла довольно специфическая проблема - вставить контент, генерируемый скриптом, в определенное место на странице. Контент генерируется при помощи методов DOM createElement и appendChild поэтому вставить на странице его при помощи document.write не получится. Долго придумывал решение и наконец придумал такое: 1) назначаем скрипту id 2) в самом скрипте находим его же по id 3) вставляем нужный контент при помощи insertBefore Как это выглядит в коде: <body> <!-- задаем id скрипту --> <script type="text/javascript" id="script"> // ищем самого себя var self = document.getElementById('script'); // создаем тестовый элемент var tes…
Last reply by s0rr0w, -
- 16 replies
- 13.8k views
И снова здравствуйте, друзья и коллеги по несчастью! Вот выдалась свободная минутка и я спешу поделиться с вами совсем недавно (30 минут назад) найденным решением для стилизации селекта. Не секрет, что для многих это очень большая проблема, особенно когда попадается тупой заказчик и такой же дизайнер Итак без лишних слов качаем картинку select_bg.gif и разбираемся в коде: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;ch…
Last reply by psywalker, -
- 1 reply
- 7.8k views
Ознакомиться с уроками можно по адресу htmlmaster.info
Last reply by Justnewone, -
- 27 replies
- 28.4k views
Копался в файликах с полезными решениями, которые я для себя сохраняю и наткнулся на интересную разработку (почти что собственного приготовления) Довольно часто, при верстке "резиновой" странички, возникает необходимость выровнять список со ссылками (допустим меню) по ширине. Казалось бы без таблиц тут никак не обойтись... Однако, около месяца назад (когда кто-то на форуме озадачился этой проблемой) я придумал довольно простое кроссбраузерное решение без использования таблиц. Без лишних слов привожу код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:la…
Last reply by SelenIT, -
- 15 replies
- 24.5k views
Да-да, оно возможно! Кроссбраузерно, без скриптов, без отрицательных магринов, для текста любой высоты! Совершенно случайно нарвался в гугле на этот способ и хочу поделиться с вами товарищи. Вот немного подрихтованный мной код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { …
Last reply by SelenIT, -
- 15 replies
- 10k views
Здравствуйте, товарищи по несчастью! Я имею в виду тех верстальщиков, которым каждый день приходится сталкиваться с закруглением углов у различных блоков. И за что его так дизайнеры любят... Хочу поделиться с вами еще одним способом закругления углов, который я совсем недавно придумал. Он использует всего одну картинку, не использует background-position (так что .png24 будет нормально отображаться с хаком в ИЕ6) и полностью резиновый. Плюсы: - одна картинка; - тянется по ширине и по высоте (по контенту); - сменить дизайн можно очень быстро. Минусы: - блок не может быть резиновым по высоте; - 7 контейнеров; - использует .png24 картинку, так что для ИЕ6 нужен хак; - код стр…
Last reply by Great Rash, -
Учимся верстать 1 2
by Fu-tai- 27 replies
- 29.8k views
Долго у меня напрашивался этот цикл статей и вот наконец изливаюсь. А цикл этот вот о чём. Вёрстка и верстальщик. Основы профессии если хотите и логика действий при вёрстке. Решил разделить пока на две статьи. И предлагаю ознакомится с первой. Верстальщик кто-он? И так поехали. Не хотелось бы скатиться до популизма и повторения много раз описанных истин, поэтому постараюсь писать как можно понятнее и всё-таки передать мысль закладываемую в текст. В сети множество примеров статей и вообще материала о принципах вёрстки, инструментах, методиках написания кода, семантике и т.?д. Но я ещё ни-разу не встречал статьи рассказывающей о том с какого бока подойти к этому процессу, с…
Last reply by larionov-sphere, -
- 23 replies
- 14.5k views
Здравствуйте, уважаемые форумчане! Увидел такую запись <meta name="keywords" content=""> Что происходит, если, как в данном случае, не прописать ключевые слова? Сайт, кстати, занимает лидирующую позицию в выдаче ПС.
Last reply by antmike, -
- 72 replies
- 28.6k views
Часто верстальщики сталкиваются с проблемой – необходимо сделать графический блок, в котором может находиться любой контент, с возможностью его растягивания, как по высоте, так и по ширине. Предлагаю простой метод решения данной проблемы. На все про все два файла графики Статья Пример
Last reply by psywalker, -
- 25 replies
- 11.8k views
Столкнулся с таким пожеланием дизайнера: - сайт должен растягиваться; - при этом у сайта есть поля слева и справа от области контента. При разрешении >= 1280px, эти поля составляют 8% от ширины. - при разрешении <= 1024 поля должны исчезать и всё пространство браузера должна занимать область контента. - при разрешении 1024 - 1280 с поля просто должны быть, видимо, какого-то переходного размера. Интересно, вообще возможно, чтобы поля то были, то не были? Разумеется, всё это без javascript'а.
Last reply by @LEXXX_NF, -
- 74 replies
- 22.7k views
Не издеваюсь ) решил изложить своё (правильное) видение. 1. предложения должны иметь смысл. "срочное изготовление паспорта" - смысла не содержит. "изготовление паспорта за 10 дней" - содержит. 2. Минимизация количества слов. "Промышленный альпинист будет необходим, когда производятся высотные работы, включающие в себя спил или удаление деревьев." - плохо. "Промышленный альпинист необходим для спила и удаления деревьев." - лучше 3 Расстановка слов в предложении по релевантности. Если речь - о спиле деревьев, а не об альпинистах, то: "Для спила деревьев необходим промышленный альпинист" 4. расстановка предложений в тексте по релевантности. 5. Если какой-то элемент на сайте …
Last reply by s0rr0w, -
Собственно недавно наткнулся на веселенький формат SVG, который даже поддерживается IE6 Собственно вопрос - будет ли толком работать альфа-канал в ie6 если картинка будет сделана в формате SVG?? зы: В общем хотелось бы услышать мнения экспертов,да и вообще про жизнеспособность данного формата
Last reply by rus, -
- 1 reply
- 2.7k views
Такая вот странная тема... Хочется услышать ваши мнения по поводу изменения, корректировки, отшлифовки, правки и т.п. дизайна, верстки и даже функционала УЖЕ в процессе работы сайта. Насколько, по вашему мнению, это оправдано и как пользователи могут отреагировать на изменения во внешнем облике сайта? Конечно, рассматриваются случаи, когда автор дизайна, верстки и т.д. является (по совместительству ) и админом сайта. Знаю, такие случаи иногда попадаются. Сам думаю, что положительной стороной всего этого является то, что сайт приводится в наиболее гармоничный вид, а отрицательной то, что этот процесс может никогда не завершиться, а постоянные изменения могут вызвать у по…
Last reply by s0rr0w, -
- 36 replies
- 20k views
Начинал я сайты делать с таблиц. Это были простенькие и не оч красивые сайты, одно слово - первые Вот сейчас пытаюсь перейти на стили и вместо таблиц использовать слои. Открытым для меня остается вопрос "тягучести" сайта со стилями. И имеет ли смысл полностью отказываться от таблиц и переходить на стили? Сейчас творю на xhtml 1.0 Transitional + CSS. вот для примера последняя работа полностью на CSS http://www.reichauto.com.ua/ , но он не "резиновый".
Last reply by Ялекс, -
- 5 replies
- 4.8k views
Пишут, что на странице лучше указывать оба варианта указания ключевых слов: <meta name="keywords" content="" /> <meta http-equiv="keywords" content="" /> Что скажите? Обязательно ли оба? А также с точки зрения поисковых систем, поскольку именно исходя из того, что, мол, разные ПС понимаю разные варианты.
Last reply by EGORR, -
Открытие=)) 1 2
by Yahoo!- 29 replies
- 10.3k views
Очень хорошо помогло такое свойства против IE 6 как * {zoom: 1} Если запихнуть в коментария, то + валидность и IE 6 делается послушным + самое безопасное свойство. Как вам идея? За перво-открывателя себя не считаю, но просто хочу узнать, что вы об этом методе думаете?
Last reply by Fenix, -
- 2 replies
- 3.3k views
Есть простенький сайт на Html, его надо обновить и перенести на Джумлу+возможно будет смена хоста. Вопрос как сделать так чтобы он не потерял положение в поисковиках? Собираюсь с помощью ЧПУ жёстко задать ссылки как и были, но панацея это или нет? Товарищи плизз порекомендуйте как быть? Зранее БОЛЬШОЕ СПС все откликнувшимся!!!
Last reply by dandandan, -
- 0 replies
- 3.1k views
День добрый. Попросили занятся ребилдом сайта ( http://studcard.com.ua/index_rus.php ) Вобщем надо натянуть на ЦМС. Т.к. давно работаю на DLE (Data Life Engine) не хочу ему изменять. Вопрос: на том сайте при нажатии на кнопку всплывает окно, вот как мне надо построить код, чтобы каждое окно можно было бы редактировать с админки?? Припустим я построю сетку статичных страниц, потом укажу их в окнах через инклуд... Как думаете, выйдет? (если указывать, то через полный путь начиная с шттп:// ?? ) Заранее спасибо
Last reply by Yarus$, -
- 9 replies
- 9.7k views
Вот задумался как проверить код на кроссбраузерность. Можно установить все броузеры и проверять в них, но в win нельзя поставить IE 6 и IE 7. Что делать? А может есть мультиброузер где несколько броуз объединены.
Last reply by dandandan, -
- 20 replies
- 11.1k views
всем привет. подскажите что нужно для того чтобы саит отображался в поисковых машинах (гугл, яндекс, ... )
Last reply by bbsalex, -
движки или ? 1 2 3
by bald- 50 replies
- 26.5k views
доброго времени суток. —————————- недавно я пролистывал подобную тему на форуме но как-то не придал этому значения. а теперь мне стало интересно мнение людей опытных. 1)саит обязательно должен иметь движок(если да то посоветуйте, что хорошее и что нет) 2)или есть другие средства заменяющие движок я просто вообще не в курсе всей этой штуки.
Last reply by WINzero, -
- 2 replies
- 3.8k views
нужен вот такой блок, чтобы всплывал при наведение на кнопу "заказать" подскажите, я знаю как то через jQery делают....
Last reply by JIucky, -
- 2 replies
- 3.7k views
Здравствуйте. Есть несколько вопросов по регистрации сайта. Сегодня зарегистрировал доменное имя.ru на www.nic.ru за 600руб./год. Что необходимо делать дальше для размещения сайта? Сайт у меня всего 3 странички, общий объем 2 Мб. Сайт сделан в Microsoft Front Page, ни почты, ни форума, ничего прочего там нет. На www.nic.ru предлагается хостинг "почта" за 120руб/мес., 250МБ.SMTP, POP3, IMAP. Мне это обязательно подключать? Мне ведь это все не нужно. Объясните пожалуйста, заранее спасибо.
Last reply by Xenium, -
- 4 replies
- 3.8k views
Возможно тема такого рода уже была, поиск ни о чём не сказал. Не факт, что всё это будет работать. Но хочется собрать здесь все самые нужные и не очень, интересные и не очень ссылки в помощь HTML-верстальщику. У меня к примеру уже накопилось кое-что, пАделUSь. how should like it to be: 1. Выкладывать ссылку на (пример, статью, ресурс) + короткий тизер (описание); 2. Не нужно выкладывать ссылки на статьи, где нет конкретного примера, который без проблем можно было бы скачать и разобрать; 3. Не стоит выкладывать ссылку на сайт, решение задачи которого не является актуальным решением; 4. Затрагиваются тематики: CSS, HTML, css-design (шрифты, работа с изображениями и не зна…
Last reply by BassEast,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-