Поиск по сайту

Результаты поиска по тегам 'css'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Поисковые системы
    • Поисковая оптимизация
    • Яндекс
    • Google
    • Другие поисковики
    • SMO
    • Каталоги
    • Инструкции и уроки
  • Основные форумы
    • Новости
    • Контекстная реклама
    • Партнерские программы
    • Сервисы, программы и скрипты
    • Дизайн
    • Домены
    • Биржа сайтов
    • Сайтостроительство
    • Хостинг
    • Финансы
    • Разное
    • Конкурсы
  • Работа
    • Правила раздела
    • Дизайн
    • Копирайт/Рерайт
    • SEO
    • SMO/SMM
    • Программирование
    • Разное
  • Другое
    • О нас
    • Black List
    • White List
    • Оффтопик

Найдено 33 результата

  1. Всем привет Столкнулся с такой проблемой. Нужно отредактировать css стили для <iframe> вставки. Данные выводимые через <iframe> тянутся с другого сайта, после загрузки моей страницы <iframe> грузит свой css. Есть ли способы решить эту проблему?
  2. Всем привет,я начинающий в сфере веб-разработки и мне нужна практика-портфолио прошу помочь мне с заполнением портфолио.
  3. Хочу подключать стили и скрипты плагинов только на определенных страницах wp, например только на тех страницах, где эти плагины используются. По id переподключать не вариант, т.к. страниц будет много, а конечный владелец сайта вряд ли что-то будет каждый раз перенастраивать. Допустим, я делаю новый шаблон записи/страницы и там подключаю необходимые файлы. Как их убрать из хэдера? Или я вообще всё не так думаю? И второй вопрос по асинхронной загрузке скриптов. Стоит ли заморачиваться? Ускорит ли это загрузку страниц. На днях пробовал на живом сайте при помощи плагина Asynс JS, вроде вообще ничего не изменилось. С defer кнопки соцсетей отвалились.
  4. Требуется немного доработать шаблон интернет-магазина: 1) Добавить к вариациям "в корзину" и количество 2) Сделать вывод товаров через поиск горизонтально, сейчас вертикально 3) Добавить текст в название товара на странице 4) Перевести два блока, пример - cart на корзина 5) Поправить текст в 2 кнопках элемента 6) Изменить положение и размер в шапке сайта суммы заказа Ваши предложения? Пациент - http://www.pryazhechka.ru
  5. Здравствуйте. 1. Пишу на php разного рода скрипты с нуля или на основе фреймворка Laravel. 2. Верстаю макеты как статические так и адаптивные. Готов взяться за небольшой заказ. Связь E-mail: kolian19971@ukr.net или лс WMID: https://passport.webmoney.ru/asp/CertView.asp?wmid=453677979125
  6. Привет, помогите найти, несколько часов не дали результата, нужно боковое меню для сайта, расположено с боку за пределами окна браузера, в правом верхнем углу иконка "Меню" при нажатии иконки меню выползает, в мобильном виде меню расположено сверху на всю длину и при нажатии опускается вниз толкая контент или накрывая его, не важно. Самое простое и интересное нашёл это вставляете после Боди до Контейнера, можно ли этот код переделать в мобильный вид? <!-- Правое меню --> <input type="checkbox" id="hmt" class="hidden-menu-ticker"> <label class="btn-menu" for="hmt"> <span class="first"></span> <span class="second"></span> <span class="third"></span> </label> <ul class="hidden-menu"> здесь ссылки </ul> /* Правый блок */ .hidden-menu {position:fixed; z-index:2; display:block; background:#333333; width:300px; height:100%; top:0; right:-300px; transition:right .5s; list-style:none; margin:0; padding:20px 30px 0px 30px; -webkit-transform:translateZ(0);-webkit-backface-visibility:hidden; box-sizing:border-box; overflow-y:auto;} .hidden-menu-ticker { display:none;} .hidden-menu-ticker:checked ~ .btn-menu { right:5px;} .hidden-menu-ticker:checked ~ .hidden-menu { right:0;} .hidden-menu-ticker:checked ~ .btn-menu span.first { -webkit-transform:rotate(45deg); top:10px;} .hidden-menu-ticker:checked ~ .btn-menu span.second { opacity:0;} .hidden-menu-ticker:checked ~ .btn-menu span.third { -webkit-transform:rotate(-45deg); top:-10px;} .btn-menu { position:fixed; z-index:3; top:5px; right:5px; width:25px; color:#FFFFFF; background:#333333; cursor:pointer; transition:right .5s; padding:5px; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;} .btn-menu span { position:relative; display:block; height:5px; background-color:#FFFFFF; margin:5px 0 0; transition:all .1s linear .5s;} .btn-menu span.first { margin-top:0;}
  7. Здравствуйте уважаемые форумчане! Уже продолжительное время пытаюсь привести дизайн сайта в порядок, но есть одна проблема, с которой не могу справиться. Пациент prodgoroda.ru Есть картинка в самом верху сайта, которая отображается только на главной странице. На изображении продукты. Так вот, никак не могу сделать так, чтобы для различный устройств это изображение имело нормальную адаптацию, причём без перекосов при сжатии. Понимаю например, что на устройствах с разрешением 360×640 картинка не может сжаться без перекосов. Но как сделать, чтобы боковые части отсекались при уменьшении экрана, а сам ансамбль продуктов был по центру? Если так можно реализовать, конечно. При разрешении 320×480 видно только часть корзинки... При разрешении 980×1280 картина уезжает вниз. Пользуюсь инструментами веб-разработчика в мозиле для визуализации сайта. Прошу помощи специалистов.
  8. Всем привет! Возникла нужда сделать нижнее меню на css, подскажите как правильно сделать. Необходимо, чтобы при просмотре через комп было так А при просмотре с телефона/планшета так Помогите собрать это всё воедино в css.
  9. Нужен хороший специалист в области JavaScript и CSS Надо исправить все ошибки которые выдает этот сервис https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2FPovar.me&tab=mobile Кто готов взяться пишите в личку. CMS: WP
  10. Нужен ресурс по функционалу как: http://sutochno.ru/ Бюджет обсуждается (для сочувствующих он 100 рублей) , предпочтение РФ, при необходимости оплачиваемый выезд к заказчику. Прошу предложения в личку без воды.
  11. Вот код шапки. html+css http://jsbin.com/wusekufina/edit?html,css,output чтоб правильно увидеть окно браузера, растяните часть jsbinA аутпут до 790+ пикселей. Как через js сделать при прокрутке страницы (на 50-100-200... пикс.) изменения шапки? Нужно чтоб меню стало в один ряд с логотипом, и уменьшился шрифт в самих пунктов меню. А при скроллинге обратно шапка стала на место. Пробывал такие варианты: $(window).scroll(function(){ var scrolled = $(this).scrollTop(); if( scrolled >= 107 ) { $('.main-navigation a').addClass('КЛАСС с изменениями'); } if( scrolled <= 107 ) { $('.main-navigation a').removeClass('КЛАСС с изменениями'); } }); не выходит ничего не меняет. window.onscroll = function(){ var html = document.documentElement, body = document.body; var BlkStyle = document.getElementById('block').style; /*--тут искал и бай КлассНаме, и икспас...---*/ if(html.scrollTop>49||body.scrollTop>49) { //alert() BlkStyle.borderColor="blue"; BlkStyle.height="34px"; } else BlkStyle.height=BlkStyle.borderColor=""; } И тут не могу понять. Прошу помощи.
  12. Есть одна страница из из адаптивного шаблона WP, надо поудалять лишние правила wp из кода страницы, оставив необходимый минимум, соотвецтвенно максимально почистить css от мусора. Сделать дубль этой страницы, переделав HTML5 в валидный XHTML, прописать нормально читаемые, не громоздкие русские шрифты, отдельно пару вариантов цветовых схем. Про все - за все, 3 дня и $30. Кто посчитает возможным сделать, напишите мне в ЛС.
  13. Всем привет! Как Вы считаете, насколько влияет количество подгружаемых на странице файлов CSS и JavaScript на продвижение сайта? На страницах сайта порядка 15 CSS и 45 JS. Интересно еще насколько это влияние велико (не самой скорости загрузки, а манипуляций с ЦСС и Ява файлами). Так как сейчас скорость загрузки, по сути, держится в пределах 0,3 - 0,7 сек. Если скомпонировать эти файлы в 2-5 (ЦСС), 5-10 (Ява) файла, то не станут ли они дольше грузится? И в итоге, возможно, толку от действий не будет. З.Ы. Не применяя сжатие самих файлов. З.З.Ы. https://developers.google.com/speed/pagespeed/insights/знакомо. Однако, интересует наглядное влияние. Спасибо!
  14. Будет ли сайт только на html и css хорошо индексироватся в поисковых системах и будет ли он пользоваться популярностью
  15. Всем привет! Подскажите в CSS можно прописать что бы при создании новостей он в название темы проставлял H1? И как найти nofollow если в самом коде его нет, а анализ показывает что ссылка закрыта от индексации Найденные ссылки Внутренние ссылки — 281, индексируется — 277 » nofollow http://regiondv.com/
  16. Ребята как можно реализовать затухание текста в анонсах как на 4pda.ru?
  17. Готов оказать бесплатную помощь для здешних форумчан: разбираюсь в HTML и CSS. Есть базовые знания по языкам php и SQL. Сразу объясняю, почему помощь бесплатная. Дело в том, что у меня мало опыта в этой сфере, но в синтаксисе я разбираюсь отлично, быстро обучаюсь, сталкиваясь с нестандартными ситуациями, в данный момент это то, что мне нужно. Заканчивал профессиональные курсы, веду свой собственный сайт спортивной тематики. Репутации на этом форуме у меня нет, но я надеюсь, что смогу заслужить доверие ребят с PR-CY. Времени у меня не так много, но по возможности я буду помогать даже когда ко мне будут обращаться с серьезными просьбами. Взамен прошу лишь честные отзывы о моей работе. P.S. Я конечно не очень опытный, но за кроссбраузерность не беспокойтесь, разберемся Пишем в личку
  18. Есть скрипт скрола, т.е. при нажатии на ссылку якоря он плавно опускает страницу к нужному блоку, но есть проблема, у меня фиксированное меню которое закрывает часть блока, как сделать что бы блок поднимался только на определенную высоту, не до конца страницы, а например не доходя 50px от верха? $(document).ready(function(){ $('a[href^="#"], a[href^="."]').click( function(){ // если в href начинается с # или ., то ловим клик var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 1000); // анимируем скроолинг к элементу scroll_el } return false; // выключаем стандартное действие }); });
  19. Здравствуйте. Нужна помощь в решении такой задачи. Есть, к примеру, поле для ввода <input type="text" >. Необходимо что бы все цифры при вводе в это поле выглядели как индексы, только выглядели. К примеру я ввожу H2O а вижу H2O Есть идеи как оформить? Возможно скрипт небольшой, так как стилями я не знаю как такое оформить, думаю невозможно. Спасибо.
  20. onload = function() { (new ShowHide('hide-text', 'caption-text')).init(); } Есть скрипт выпадающего меню при клике на него, но вот что бы его закрыть, нужно опять по нем кликнуть, как прописать так что бы оно закрывалось и при клике в другом месте страницы? Вот еще один код: function ShowHide(c,d){this.hideClass=document.getElementsByClassName(c);this.captionClass=document.getElementsByClassName(d);for(var b=this,a=this.hideClass.length;a--;)this.hideClass[a].style.display="none";this.init=function(){for(var a=b.captionClass.length;a--;)b.captionClass[a].onclick=function(){var a=this.parentNode.children[1];switch(a.style.display){case "none":for(var c=b.hideClass.length;c--;)b.hideClass[c].style.display="none";a.style.display="block";break;case "block":a.style.display="none"}},b.captionClass[a].onmousedown=b.captionClass[a].onselectstart=function(){return!1}}}void 0==document.getElementsByClassName&&(document.getElementsByClassName=function(c){for(var d=[],c=RegExp("\\b"+c+"\\b"),b=this.getElementsByTagName("*"),a=b.length;a--;)c.test(b[a].className)&&d.push(b[a]);return d});
  21. Из css body { background : #000000 url("../images/background.jpg")/*tpa=http://сайт.ru/www/сайт.ru/templates/1276/background.jpg*/ repeat-x top center; no-repeat; text-shadow: 0 1px 0 #f4f2ed; word-wrap: break-word; } Подскажите как фон сделать ссылкой? Заранее Спасибо!
  22. Всем привет. Весь интернет перекопал, не могу сделать так, что бы картинка ресайзилась. Width:100% не покатит, так как есть определенные условия. Картинке задается статичный размер в теге img (например ширина 300, высота 300). Как только экран например будет 150, то соответственно и картинка пропорционально должна уменьшиться. Пробовал max-width: 100% - в хроме работает, в остальных браузерах не хочет... Может быть кто то сталкивался уже с таким вопросом? Помогите пожалуйста.
  23. .mymore { margin-left: 70%; color:white; text-decoration: none; user-select: none; background: rgb(150,75,56); padding: .5em 1.1em; outline: none; } В итоге color:white; - не работает. Отображается цвет используемый для ссылок в теме. Как сделать чтобы отображался именно white?
  24. Всем привет! Как сделать брендинг как на этом сайте? http://kinogorod.net/ CSS нашел но html не могу понять где ? Вот css body { background-color: #000; padding-top: 240px; position: relative; background-image: url("/img/bgkino.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } HTML где? Обнесите пожалуйста. Заранее всем спасибо!
  25. Всем добрый вечер. Возникла одна проблема. Скорее всего это связано с CSS, но после долгих попыток я ничего не смог сделать. Чую, что нужно подправить всего лишь одну строчку, но я не в состоянии. Если требуются серьезные правки, то готов заплатить. Код меню: <div id="cssmenu"> <ul> <li><a href="/"><span>Главная</span></a></li> <li><a href="/news/"><span>Новости</span></a></li> <li><a href="/"><span>Новичкам</span></a></li> <li><a href="/"><span>DOTA 2</span></a></li> <li><a href="/"><span>DOTA 2</span></a></li> </ul> </div> CSS: #cssmenu{width:1000px; margin:34px auto; height:37px; display:block; padding:0;} #cssmenu > ul {list-style:inside none; padding:0; margin:0;} #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; } #cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; } #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} #cssmenu ul li.has-sub:hover > a{ background:#8cbb43; border-color:#fff; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;border: 2px solid #8cbb43;} #cssmenu ul li.has-sub > a:hover{background:#8cbb43; border-color:#fff;} #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#fff; border-radius:0 0 5px 5px; z-index:999; } #cssmenu ul li > ul{width:200px;} #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#202020; text-decoration:none;} #cssmenu > ul > li > ul > li a:hover{ background:#8cbb43;} #cssmenu {background: #fff;} #cssmenu{border-color:#8cbb43;} #cssmenu > ul > li > a{color:#202020;} #cssmenu > ul > li > a:after{border-color:#6ed1ff;} #cssmenu > ul > li > a:hover{background:#8cbb43;} Проблема заключается вот в этом: Как видите последняя ссылка в меню немного съезжает.