Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 25 replies
- 11.5k views
Столкнулся с таким пожеланием дизайнера: - сайт должен растягиваться; - при этом у сайта есть поля слева и справа от области контента. При разрешении >= 1280px, эти поля составляют 8% от ширины. - при разрешении <= 1024 поля должны исчезать и всё пространство браузера должна занимать область контента. - при разрешении 1024 - 1280 с поля просто должны быть, видимо, какого-то переходного размера. Интересно, вообще возможно, чтобы поля то были, то не были? Разумеется, всё это без javascript'а.
Last reply by @LEXXX_NF, -
- 3 replies
- 3.6k views
Что такое ХЕДЕР и как с ним работать?
Last reply by Vlad, -
- 2 replies
- 3.8k views
нужен вот такой блок, чтобы всплывал при наведение на кнопу "заказать" подскажите, я знаю как то через jQery делают....
Last reply by JIucky, -
- 3 replies
- 2.4k views
Добрый день! Необходима подсказка - есть ли возможность вставлять на страницу данные из внешнего файла (текст, картинку)? Слышал краем уха, что такое возможно в shtml.... Вопрос как... А может быть и в hml можно подгружать? Посоветуйте что-нибудь. Заранее благодарен.
Last reply by Dimitry Wolotko, -
- 3 replies
- 2.2k views
Здравствуйте! Скажите - можно ли сделать так, чтобы на страницу загружалась определенная часть внешнего текстового документа или страницы html? Именно какую-то заданную часть...
Last reply by rmaksim, -
- 12 replies
- 18.1k views
Если кто-нибудь хоть раз сталкивался с такой проблемой, как вставка некой формулы в html, но без таких хитростей как типа: 1234 X=——- 5678 и не вставкой обычной картинки. Просто я попробовал в word'е написать несколько формул в MS Equation, а файл сохранить как html. Сразу конечно же интересно было посмотреть на код полученного, ну и что вы думаете? Он там такого понаписал, за всю жизнь не разбер?шся. Как я понял он каким то образом просто вставил в html MS Equation как некий обьект, но он там столько понаписал. Так вот я хотел бы узнать можно это сделать как-нибудь по другому.
Last reply by Furius, -
Кто как считает, какую цмс лучше использовать для инернет магазина??? может лучше свою писать?
Last reply by Dimitry Wolotko, -
- 24 replies
- 16k views
Так порой случается, что необходимо в PHP сформировать «человекопонятную» дату. То есть что-то в виде «4 февраля 2010 14:35:48». Представим, что у нас есть какие-то новости на сайте и у этих новостей должна быть дата, когда новость была добавлена. Новости хранятся в БД MySQL. Наиболее подходящий, как я раньше считал, для преобразования даты вариант хранениея: UNIX_TIMESTAMP в поле типа INT, так как, если бы это был DATETIME, то перед преобразованием даты при помощи функции PHP date(), нам бы приходилось делать strtotime(). Однажды оказалось, что следующая конструкция отнимает слишком много времени: $months=array('01'=>'января', '02'=>'февраля', '03'=>'марта', '0…
Last reply by Plaurnereag, -
- 2 replies
- 2.6k views
Как сделать так, если я использую один и тотже файл меню на все страницы <TBODY> <?php require('menu.php');?> <td class="main_column"> чтобы кликнутая ссылка меню была выделена тегом ? Как это динамически реализовать?
Last reply by nikvah, -
- 2 replies
- 4.1k views
Итак, возникла необходимость, сопвпавшая с желанием, разобраться в CSS-expressions. Задача тривиальна — эмулировать hover для произвольного элемента. Чтобы не разводить кучу мелких файлов, решил все костыли для IE объединить в одном, и использовать expression, чтобы встроить JavaScript в CSS, который, в свою очередь, подключается через Conditional Comments. Выглядит это сейчас таким образом: hover: expression( function() { onmouseover = function() { className = "over"; } onmouseout = function() { className = ""; } }() ); Проблема очевидна — обработчики постоянно назначаются заново, при каждом чихе над страницей. Не тормозит в данном сл…
Last reply by rash, -
- 1 reply
- 2.1k views
Гдето тут когдато было обсуждение, не нашел. Там кто то давал ссылочку на програмку. Ели кто знает - поделитесь {...перенесено в Теория kiD}
Last reply by кукумбер, -
- 5 replies
- 3.6k views
В общем, после очередного совокупления с этими зубчиками, я психанул и в свободные выходные написал генератор зубчиков из градиентов. Все сделано откровенно на коленке, но задачу свою выполняет. Возможно кому-то еще пригодится. Если кто еще не понял о чем речь, то суть сводится к получению вот такой штуки на градиентах: На github выкладывать, смысла особого не вижу, так что живет оно в моем паблике на jsfiddle. Ссылка на jsfiddle: http://jsfiddle.net/alexriz/nfaxengc/ Не много комментариев: .app-tooth { background-image: linear-gradient(rgba(51,70,135,1), rgba(51,70,135,1)), /* background */ linear-gradient(-45deg, rgba(51,70,135,1) 50%, …
Last reply by Get to heaven, -
- 1 reply
- 1.8k views
Допустим есть сайт на котором при переходе от одной странице к другой меняется только текстовый контент. Ни структура, ни оформление не меняется. Мое желание: что бы все страници генирились (физически их бы не существовало) на основе соответствующих им XML. Какие технологии (html , php, xslt, js ...)надо использовать и как? Спасибо.
Last reply by Bolmazov, -
- 4 replies
- 7.3k views
Небольшое предисловие: В компании, где я работаю, строго запрещено иметь нелицензионный софт, поэтому иногда приходится извращаться. Если вы ярый сторонник торрентов, то можете смело проходить мимо, ибо для вас всё сильно проще. А остальным я предлагаю решение, которое я гуглил месяцами, но все равно не нашел ничего похожего. Наткнулся я на него совершенно случайно. Итак погнали... Задача: сгенерировать иконочный шрифт из макета, который нам отдали в PSD. Что нам понадобится: 1) Photoshop (думаю версия не имеет значения, например у меня CS5) 2) Inkscape (опенсорсный векторный редактор) 3) Любой текстовый редактор (у меня Sublime Text 2) 4) https://cloudconvert.org - са…
Last reply by Great Rash, -
- 12 replies
- 4.1k views
Сразу говорю, что усиленно на эту тему материал не изучал, может для кого-то будет баян. В поиске здесь получилось найти только это: Итак, имеется следующаяя конструкция: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>думаю про заголовки</title> <style type="text/css"> h1 { display:inline; margin:0; padding:0; } </style> </head> <body> <h1><img src="header.gif" width="200" h…
Last reply by Mordraug, -
- 12 replies
- 4.2k views
собственно вопрос - какие можно использовать для изображений на сайте. насколько я знаю в интернете 100% работают RGB, B&W, Индексные цвета, Grayscale... можно ли например как-то заставить отображаться KARTINKA.JPG в CMYK на сайте?
Last reply by lyapiss, -
- 72 replies
- 28k views
Часто верстальщики сталкиваются с проблемой – необходимо сделать графический блок, в котором может находиться любой контент, с возможностью его растягивания, как по высоте, так и по ширине. Предлагаю простой метод решения данной проблемы. На все про все два файла графики Статья Пример
Last reply by psywalker, -
- 10 replies
- 3.6k views
— Нужно учитывать каждую мелочь. Давайте обсудим! Форум или форумы? Лично я считаю, что правильно надо писать форумы. Кстати, эта ошибка (как я уже написал — на мой взгляд, я считаю это ошибкой) присутствует и на Вашем сайте. Для начинающих — это один форум. HTML — второй форум. CSS — ещё один форум. Обсуждение работ — ещё форум... Итого, у Вас 19 форумов. А Вы всё это множество форумов обозвали словом в единственном числе — форум. Правильно ж рассуждаю? Как лучше писать на форумах чей-либо ник? Лично я делаю его полужирным. Но вот недавно шарился в сети: довольно часто встречается запись вида @ник. То есть, перед ником впритык подписывают символ @. Но меня смущает вот ч…
Last reply by MoLoToK, -
- 6 replies
- 6k views
А вот захотелось мне попробовать писать скрипты для фотошопа. Знал же ведь давно, что делать это можно, причём используя мой любимый JS. Но не писать же "Hello World" в конце концов - не спортивно это как-то. Да и хочется создать что-то более-менее полезное для сообщества. Мы верстальщики, конечно ни разу не дизайнеры, но я стал за собой замечать, что частенько поучаю дизайнеров делать так а не эдак. И вот подумал как-то раз: дай-ка я для коллег замучу чо-нить полезное. Короче, давайте уже без лишних слов делать гриды, а? Значит так, первым делом нам надо заиметь Photoshop CC, потом нам нужно будет выполнить самую скучную часть работы, а именно прочитать …
Last reply by prodx, -
движки или ? 1 2 3
by bald- 50 replies
- 25.8k views
доброго времени суток. —————————- недавно я пролистывал подобную тему на форуме но как-то не придал этому значения. а теперь мне стало интересно мнение людей опытных. 1)саит обязательно должен иметь движок(если да то посоветуйте, что хорошее и что нет) 2)или есть другие средства заменяющие движок я просто вообще не в курсе всей этой штуки.
Last reply by WINzero, -
- 5 replies
- 3.4k views
Выбираю готовую CMS для будущего сайта webref.ru, самому писать не хочется, тем более хороших движков в последнее время появилось довольно много. Активно поизучал Drupal, очень понравилась эта система, за счет дополнительных модулей можно делать практически все, что требуется. В остальных случаях можно доработать под себя, напрямую правя PHP-код. Ожидается 6-ая версия Друпала, которая будет еще лучше, чем текущая. Старый противник Друпала - Joomla, почему-то принято их традиционно сравнивать между собой. Система мощная, но до недавнего времени была лишена некоторых необходимых средств, например, добавление каментов отсутствовало как класс. Панель управления Джумлы произво…
Last reply by Mordraug, -
- 6 replies
- 3.9k views
Интересно как это сделано без перечеркнутых элеменов на практике? Читаем теорию. Ключевое слово: inline-block;
Last reply by homm, -
- 25 replies
- 8.9k views
Сейчас большинство дизайнов оптимизируется под разрешение 1024х768. При этом часть из них далется статичными по ширине, часть "резиновыми". Но даже "резиновый" дизайн не спасет, если пользователь дотягивает до отметки 1600х1200 и более (знаю, что по статистике таких пока не много, но это пока). Представим ситуацию, что завтра все пользователи мира вдруг перешли на большое разрешение (болеше тех же самых 1600х1200). И практически на всех сайтах картинки и текст стали очень мелкими, да и вообще весь сайт превратился в маленький квадратик в центре браузера. Большинство пользователей не поймут что произошло и уйдут с сайта (а я в этом абсолютно уверен). НО! В современных брау…
Last reply by Justnewone, -
- 5 replies
- 3k views
Вопрос на засыпку: могут ли понравиться динамические ключевые слова поисковикам? Я, например, хочу там разместить метки из блога, метки товаров магазина. Я конечно предполагаю, что мой сайт могут посчитать сатэлитом, или как их там еще называют... А как думаете вы?
Last reply by AMD, -
- 25 replies
- 6.9k views
собрался писать регистрацию для сайта и .... в дальнейшем планируется сделать большой портал, с кучей всяких сервисов и форумом. Поэтому изначально надо правильно продумать как делать регистрацию. Варианта 2, либо мне подстраиваться под какой-либо движок форума, либо потом самому форум писать? Мне еще надо чтобы на форуме был свой Личный кабинет, а на сайте уже другой я не думаю что смогу сделать форум типа IPB или VBulletin, но это впринципе и не обязательно... но я ведь полюбому наделаю в движке кучу дыр и меня потом легко взломают но я как то вообще против всех чужих движков, хочется свое что то делать %) скорей всего вы скажите подстраиваться под уже готовый форум …
Last reply by vvsh,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-