Search the Community

Showing results for tags 'CSS'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Skype


Местоположение


Интересы


Ваш сайт


Профиль ID

Found 39 results

  1. 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});
  2. Из 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; } Подскажите как фон сделать ссылкой? Заранее Спасибо!
  3. Всем привет. Весь интернет перекопал, не могу сделать так, что бы картинка ресайзилась. Width:100% не покатит, так как есть определенные условия. Картинке задается статичный размер в теге img (например ширина 300, высота 300). Как только экран например будет 150, то соответственно и картинка пропорционально должна уменьшиться. Пробовал max-width: 100% - в хроме работает, в остальных браузерах не хочет... Может быть кто то сталкивался уже с таким вопросом? Помогите пожалуйста.
  4. .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?
  5. Всем привет! Как сделать брендинг как на этом сайте? 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 где? Обнесите пожалуйста. Заранее всем спасибо!
  6. Всем добрый вечер. Возникла одна проблема. Скорее всего это связано с 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;} Проблема заключается вот в этом: Как видите последняя ссылка в меню немного съезжает.
  7. Добрый день. Подскажите как сделать чтобы на первом слайде (только там пока полностью заполнена информация) http://test.instrument76.ru/work/second.html при уменьшении окна уменьшался текст "Дизайн проект квартиры в Москве для семьи из четырех человек. Требовалось выделить место для спальни, сделать гардеробную и освободить место в гостиной. Результатом стала почти трехкомнатная квартира." min-width и max-width - не работают, скорее всего из-за прописанных свойств у тега HTML. Допустим минимальный размер 300 и максимум текст может увеличиваться до 500 пикселей (текст через position:absolute, установлено свойство right и top. Поэтому увеличиваться текст будет в левую сторону). Т.е. причиной считаю большую фоновую картинку, или может я её неправильно разместил, тогда как правильно сделать? Если не понимаете, что я тут написал - напишите, объясню еще разок.
  8. Давно хотел спросить, но все забывал. Каким бы странным не было заглавие, оно на все 100 отвечает теме вопроса =) Я постоянно меняю дизайн сайта. Меняю понемногу, не кардинально. С каждым разом появляется необходимость создавать СSS-стили и, не сложно понять, в какой то момент в файлах CSS появляется "космический" мусор который негде не используется. Так вот вопрос: Как вы с таким боретесь? Есть ли программы или же методы для поиска таких элементов. Да, многие просто с нуля пишут новый дизайн, но я привык понемногу "эволюционировать" свой сайт. Для меня такая проблема очень даже актуально.
  9. Проблему решил.
  10. подскажите, что сделать в css, чтобы маленькие фотографии были прямо под большой, и обтекали описание товара, т.е. если описание товара длинное, допустим сначала отображались по 5 фотографий-миниатюр, а как только описание закончено, фотографии опять во всю ширину? Пациент тут - удален
  11. Всем привет! Помогите пожалуйста разобраться с css-кодом. Мы имеем вот такие социальные кнопки. Как изменить код, чтобы при наведении курсора на социалки, они подсвечивались РАЗНЫМИ цветами, а не одинаковым зеленым? Код из CSS: #socialbut a { color:#ccc; display:block; font-size:13px; padding:5px 0; text-align:center; width:100px; } #socialbut ul li a span { background:url('../images/socialb.png') no-repeat; display:block; font-size:0; height:30px; margin:2px auto 0; width:30px; z-index:10; } #socialbut ul li a span.vk { background-position:0 -34px; } #socialbut ul li a span.twitter { background-position:0 -68px; } #socialbut ul li a span.google { background-position:0 -99px; } #socialbut ul li a span.fb { background-position:0 -133px; } #socialbut ul li a span.ok { background-position:0 -170px; } #socialbut a:hover { color:#fff; background:url('../images/arrow-left.png') 0 50% no-repeat scroll #8bb312; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset; text-shadow:0 1px 1px rgba(0,0,0,.3); } Заранее, спасибо!
  12. Привет всем! Ребята, умельцы css, нужна ваша небольшая помощь. Вот сайт http://s-pozitiv.ru/ , везде отображается хорошо, в firefoxe беда какая-то, меню и лого немного уплывают в сторону. Буду очень признателен за помощь!
  13. Есть кусок меню из подвала сайта такого кода: <footer class="pagefooter"> <dl class="nav_footer"> <dt><a href="$tablink"><span>tabtext</span></a></dt> <dd> tab content </dd> <dt><a href="$tablink2"><span>tabtext2</span></a></dt> <dd> tab content2 </dd> </dl> </footer> На сайте - джейквери есть. Хочется сделать так, чтобы было как на яндексе, т.е. при клике на заголовок табы, он в dt - открывалось содержимое табы, оно в dd, при двойном клике - переход на страницу по ссылке. Где только это вопрос не задавал, даже на хэшкоде не ответили.
  14. Всем привет, помогите решить вопрос! Подскажите пожалуйста как сделать при наведении на фотку всплывающую картинку как на http://news.mail.ru/incident/15191986/?frommail=1 нужно это сделать через css, знаю как сделать отдельным div-ов но как через css не понимаю, т.к. background ... не помогает т.к. он находится за фоткой, а не поверх неё! Спасибо!