Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 16 replies
- 13.7k 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, -
- 15 replies
- 5.4k views
Подскажите какую нибудь простую программу для редактирования НТМЛ- кода прямо на сервере.
Last reply by bix, -
- 15 replies
- 8.1k views
Как лучше деактивировать ссылку, пока пользователь находится по адресу той самой ссылки. Хотелось бы, чтобы ссылки и с поисковиками дружили и легко вводились. Например: я на главной странице сайта, ссылка - "На главную", заменяется на обычный текст. Перехожу на другие страницы, ссылка снова в работе. Есть ли оптимальные варианты кроме PHP? Дело в том что я работаю с движком DLE, а там, просто так в шаблон PHP не встроить.
Last reply by Ялекс, -
- 15 replies
- 5.5k views
взял слово "раскрутка" в кавычки в том числе и по тому, что под этим не подрузамиваю ничего глобального (первое место в top100 и т.п.). Меня пока интересует самое малое. Вопрос в следующем. Стоит ли уделять внимание, при верстке сайта, на приемы, позволяющие "раскрутить" сайт? Какие это приемы? Пожалуйста...
Last reply by t3s, -
- 15 replies
- 6.8k views
Подскажите пожалуйста .Как можно реализовать такую систему в css.То есть есть страница на ней все по русски.А допустим при нажатии кнопки все языки на английский меняются.может быть как то выпадающим списком это сделать ? Просто есть вариант дублировать код и перевести его на английский.А вот как реализовать изменение его по одному адресу мне не известно.Подскажите пожалуйста какие есть варианты
Last reply by SelenIT, -
- 15 replies
- 6k views
Вот интересно, у меня есть галерея, она закрыта паролем(без пароля страница просто не загрузится и вас перекидывает на другой ресурс), написана она в Flash(ну зто защита от прямого копирайта). Интересует есть ли возможность защитить страницу от принскрина?
Last reply by Victor Ananiev, -
- 15 replies
- 5.9k views
Итак, случилась в студии беда - очень умный заказчик захотел офлайн версию сайта для CD-презентации. Проблема заключалась в том, что некоторые разделы должны были вести на сайт, а некоторые на офлайн версию. Мы люди ленивые, мы любим поисковики ... долгое время помучавшись с бывшим любимцем Teleport Pro понял что теперь это не вариант. В тяжелых поисках отыскал вот такую шароварную програмку - WebCopier Pro. Из плюсов - поддержка русского интерфейса, фильтры URL с масками ввода и еще пара мелочей. Кряк найти можно. Всем советую
Last reply by Stan, -
- 15 replies
- 7.1k views
Как защитить шаблон сайта от кражи? Сейчас в Интернет массово воруются дизайны сайтов. Можно ли как-то обезопасить себя от воровства?
Last reply by Justnewone, -
- 15 replies
- 5.6k views
ГрамОтный народ, подскажите. с чего начинается веб дизайн?( если HTML в общем освоен), какой следующий шаг стоит предпринять, (если в будущем я хотела бы заниматься созданием сайтов для различных фирм и чп, те объять необъятное за раз , понятно не планирую) И вообще насколько профессионально считается создание сайтов (дизайн и тп) и кодов при помощи программ...ну логично, что я с ходу не выучила все коды CSS!?!
Last reply by psywalker, -
- 15 replies
- 9.9k views
Здравствуйте, товарищи по несчастью! Я имею в виду тех верстальщиков, которым каждый день приходится сталкиваться с закруглением углов у различных блоков. И за что его так дизайнеры любят... Хочу поделиться с вами еще одним способом закругления углов, который я совсем недавно придумал. Он использует всего одну картинку, не использует background-position (так что .png24 будет нормально отображаться с хаком в ИЕ6) и полностью резиновый. Плюсы: - одна картинка; - тянется по ширине и по высоте (по контенту); - сменить дизайн можно очень быстро. Минусы: - блок не может быть резиновым по высоте; - 7 контейнеров; - использует .png24 картинку, так что для ИЕ6 нужен хак; - код стр…
Last reply by Great Rash, -
- 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, -
- 14 replies
- 6.7k views
Один человек мне посоветовал сделать так: Главную страницу index.html (располагаем как всегда) в корневом каталоге. Остальные страницы помещаем в разные папки расположенные в корневом каталоге. И каждую страницу называем index.html Задумка такая, что бы при переходе на страницу указывался путь: http://www.*****.**/название папки/ Впринципе оно работает, но корректно ли вообще так делать? Как на это реагируют поисковики.
Last reply by Fed, -
PSD макеты
by Onveg- 14 replies
- 5.1k views
Здравствуйте. Учусь блочной верстке - хотелось бы на реальных примерах. У кого есть дизайн сайтов в PSD - поделитесь пожалуйста (старых, ненужных и пр. ). Заранее благодарен.
Last reply by rmaksim, -
- 14 replies
- 4.7k views
Я вот задумался вот над чем, W3C катится в сторону XML. Достоинства этого формата ясны. Мир Web'a это (пока?) мир HTML. Его заслуги очевидны. Но время идет и заслуги заслугами, а достоинства тоже надо иметь. Что сейчас может дать нам HTML? Что потенциально может дать HTML? Может быть вопросы выше звучат однобоко, я просто пытался обозначить область рассуждений, конкретный вопрос в сопоставлении XML и HTML: XML vs HTML. Кто победит в Web'e, почему. ДОСТОИНСТВА одного и другого. Мне очень интересно. Пожалуйста.
Last reply by SelenIT, -
- 14 replies
- 7.9k views
Есть следующая задача... Поисковая форма, в которой есть несколько блоков с всевозможными инпутами, селектами и прочим. Если пользователь заполняет хоть что-то в одном из инпутов любого блока, то нужно автоматически дизейблить все оставшиеся блоки. Возврат в начальное состояние всех форм блока энейблит блоки. Есть кнопка "очистить", которая очищает все инпуты, и энейблит все блоки. Кнопка "отправить" отправляет данные только того блока, который активный в данный момент времени. Кто каким образом решал бы?
Last reply by s0rr0w, -
- 14 replies
- 8.2k views
Здравствуйте. Возникла необходимость использовать anti-aliasing для шрифта при верстке сайта. Дизайнер в фотошопе использовал сглаживание шрифтов и теперь заказчик требует точного совпадения шрифта на сайте. Возможно ли какое-то решение в этом случае?
Last reply by Searcher, -
- 14 replies
- 8k views
Собственно сабж. Теоретически, если Unicode шрифты в системе не кастрированные, то оно и так нормально выводится, но ни один Windows-шрифт работать и корректно отображать шрифт Брайля не захотел. Выводить картинками - не хочется. Флеш в данном случае использовать тоже нет особо желания. Или каждый символ делать слоем с точками? Есть какие-нибудь мысли? PS - заставлять пользователя подгружать скрипты дело хоть и не хлопотное, но не хочу.
Last reply by Dimitry Wolotko, -
- 13 replies
- 5.5k views
Приветствую, Вас, жители сего форума. Мне вот стало интересно - под какие браузеры мы верстаем странички и под каким стандартом? Если быть точнее - в каких браузерах вы проверяете сделанную работу. Так же стало интересно, с выходом каждой новой версии браузера, поднимается ли стоимость верстки ориентируясь на его поддержку. Да и вообще, сколько на сей день стоит верстка среднего по сложности проекта(1 топовая страница + 2 внутрених) под все распрастраненные браузеры. Приведу список браузеров: - Internet Explorer 6 - Internet Explorer 7 - Internet Explorer 8 (beta) - FireFox 2 - FireFox 3 - Opera 9.2 - Opera 9.5 - Safari 3 for Windows Вроде никого не забыл. В общем есть п…
Last reply by Old Nick, -
- 13 replies
- 5.7k views
Да, да, я знаю, что этой теме стопицот лет в обед, что Якоб Нильсен до сих пор считает (до 2007-го считал как минимум) это одной из 10 страшнейших ошибок веб-дизайна, что Strict-разновидности действующих стандартов это тупо запрещают, что "удержать пользователя на сайте" таким макаром очень трудно (если вообще возможно), и т.д., и т.п. Лично меня вообще любые бесконтрольно размножающиеся окошки бесят, сам всегда открываю второстепенные ссылки колесом, и их target меня мало волнует. Но. Сегодня у нас с коллегами вышел жаркий спор по сабжу (началось с вопроса, нужен ли он в поддержке очень старого корп. сайта, где сабж исторически присутствовал года этак с 2003-го), и у са…
Last reply by Март, -
- 13 replies
- 4.5k views
Несколько лет никто (и я в том числе) не мог найти решение надоедливой проблемы, касаемой абсолютного позиционирования в ячейках таблицы, в браузере Firefox. Но, так случилось, что рывшись долгое время в поисках этого решения я на него всё таки наткнулся, и спешу поделиться им с вами в этой статье. Абсолютное позиционирование в ячейках таблицы, в Firefox Отдельное спасибо Илюхе (SelenIT). Пока писалась статья, мы с ним узнали много нового и интересного
Last reply by Yazon_Nile, -
- 12 replies
- 6.9k views
Технология такая. Рисую макет в Photoshop; делаю рамочки для меню и для контента. Далее перекидываю его (макет) в ImageReady размечаю его по куска (фрагментам). Далее IR сохраняет мне отдельно фрагменты в .jpg и генерирует код на таблицах. Затем я корректирую код, там где нет графических элементов, удаляю картинку и подкладываю фон такого же цвета, что и макет. Таким образом на фоне вношу содержание меню и контента (они в отдельных ячейках). Все хорошо, все замечательно.. Только, ест-но, получается, что макет заданных размеров, а значит вся таблица и ячейки, где располагаются графические фрагменты, а также меню и конткет тоже заданных размеров. Соот-но, текстом мне ну…
Last reply by iipo, -
- 12 replies
- 5.4k views
Господа, интересует подробная пошаговая инструкция по созданию видео на Flash и дальнейшему использованию на странице. Как конвертировать видео в FLV, понятно. Вопрос в том, как все это поставить на страницу.
Last reply by KORN, -
- 12 replies
- 7.9k views
<div style="position:absolute; right=10; bottom=10"><table boder=0 background=graph/transparent.png> <tr><td> <font face=arial size=-2 color=aaaaaa>.:: Sp@m design :: 2007 :: Magistr code ::.</font> </td></tr> </table></div> </body> ну, дык, вот... надо было, чтоб это отображалось в нижнем правом углу браузера... в ИЕ вс? норм, а в ФФ, как ни странно, не работает (как будто, там нет style="position:absolute; right=10; bottom=10")
Last reply by Emm, -
- 12 replies
- 11.1k views
Я недавно закинул сай на Narod.ru, что мне зделать чтобы его можно было находить в посковиках?, подскажите пожалуйста????
Last reply by vazonov11, -
- 12 replies
- 18.2k views
Если кто-нибудь хоть раз сталкивался с такой проблемой, как вставка некой формулы в html, но без таких хитростей как типа: 1234 X=——- 5678 и не вставкой обычной картинки. Просто я попробовал в word'е написать несколько формул в MS Equation, а файл сохранить как html. Сразу конечно же интересно было посмотреть на код полученного, ну и что вы думаете? Он там такого понаписал, за всю жизнь не разбер?шся. Как я понял он каким то образом просто вставил в html MS Equation как некий обьект, но он там столько понаписал. Так вот я хотел бы узнать можно это сделать как-нибудь по другому.
Last reply by Furius,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-