-
Posts
25 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Nigelist
-
punbb Уникальная иконка для каждого форума punbb
Nigelist replied to Nigelist's question in HTML Coding
Разобрался! Объявил !important для стиля иконки форума с новыми сообщения.- 2 replies
-
- уникальные иконки
- icon
-
(and 1 more)
Tagged with:
-
Имеется форум на платформе PunBB. Хочу закрепить уникальные иконки для каждого форума. Но никак не получается сменить иконку, когда на форуме появляются сообщения. Когда нет сообщений, используется такая конструкция: <div class="main-content"> <div id="forum24" class="main-item odd"> <span class="icon "><!-- --></span> </div> </div> И в этом случае иконки отображаются корректно. Когда появляются сообщения, то участок кода выглядит так: <div class="main-content"> <div id="forum24" class="main-item odd new"> <span class="icon new"><!-- --></span> </div> </div> В стилях использую такой код: .main-content #forum24.main-item .icon { background: url("/img/icons/debian_no_messages.png") no-repeat } .main-content #forum24.main-item.new .icon { background: url("/img/icons/debian_new_messages.png") no-repeat } В итоге иконка для форума новыми сообщения не меняется, хотя должна отобразится другая иконка. Подскажите, где ошибка?
- 2 replies
-
- уникальные иконки
- icon
-
(and 1 more)
Tagged with:
-
Спасибо! Но всё равно не понятно, как они тот же цвет ссылок задают. Или цвет меню. Видимо придется долго втыкать, пока не пойму.
-
Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот сама тема, на основе этой темы octopress генерирует статичные станицы.
-
wwt, спасибо! Получилось отлично! atlanta, а товарищ выше всё увидел... Но и Вам спасибо, за отзывчивость!
-
atlanta, вот ссылка на ресурс. Очень уж запутанные темы у Octopress.
-
Я не полностью обрисовал ситуацию. Но, для обычного абзаца у меня уже задано выравнивание по ширине. Нужно задать выравнивание именно для изображений.
-
Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?
-
Как убрать пунктирную обводку input'ов в firefox?
Nigelist replied to Nigelist's question in HTML Coding
SelenIT, если вы спрашиваете о работоспособности чекбоксов и радиобаттонов - они работают, но пунктирная линия осталась. -
Как убрать пунктирную обводку input'ов в firefox?
Nigelist replied to Nigelist's question in HTML Coding
SelenIT, спасибо работает!!! Сделал так: input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {border:0} Более короткое решение подсказали: input::-moz-focus-inner {border:0} -
Как убрать пунктирную обводку input'ов в firefox?
Nigelist replied to Nigelist's question in HTML Coding
Mr.Black, ты вообще об чем? Зачем мне стили ненумерованных списков, изображений и ссылок? Тем более для ссылок outline:none у меня стоит. Great Rash, тоже не помогло. -
Как убрать пунктирную обводку input'ов в firefox?
Nigelist replied to Nigelist's question in HTML Coding
Э-х-х, если все было так просто... Не помогает почему то... -
Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.
-
SelenIT, блин, даже IETester крашится, при ресайзе окна. Тяжеловатая функция... А вы в чем тестили? И можно ли сделать bottom не 20px, а 2px?
-
SelenIT, gordi, есть ли готовое решение для моего случая?
-
Именно так, в моем случае это мини-чат, и он у меня должен налазить на другие элементы дизайна, z-index специально задан.
-
psywalker, я правильно вписал код который вы дали?
-
psywalker, к сожалению работает некорректно, не позиционируется с помощью bottom. Тестирую с помощью IE Tester. #chatBox {width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81} * html #chatBox {position: absolute; top:expression(document.getElementsByTagName('html')[0].scrollTop+24+'px'); right:4px; bottom:2px;}
-
psywalker, нужно получить эмуляцию position fixed для IE6, но блок должен быть закреплен: right:4px; bottom:2px; Именно в bottom, а не с отступом от top'a. И в не зависимости от размеров окна, разрешения экрана, оставаться на месте. Возможно ли это реализовать с помощью expression.
-
psywalker, а не переделаете свой вариант для моего стиля. А то поставил ваш вариант и чат растянулся. #chatBox {width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81} По умолчанию чат у меня свернут и разворачивается вверх.
-
Не хотелось бы переделывать шаблон под этот метод. Мне в принципе хватило бы нормально написанного expression, даже несмотря на то что он кушает ресурсы. CSS-хаками бы сделал бы код активным только для IE6. З.Ы. решил попробовать что получится из этого. Как я и подозревал. Без подгона шаблона ничего хорошего: А переделывать весь шаблон, из-за одного мини-чата не хоцца.
-
YaD, опять таки, такой способ я находил. Вы ж сами говорите мол вставьте 100px, для отступа сверху. Мне этот вариант не подходит по той причинет, что во первых, разрешение на рабочем столе может быть разным. Во вторых высота окна тоже может быть разной. Great Rash, разве ваш вариант не тоже самое, что и это?
-
Та не не скажите. Осла многие используют. Попросил пяток знакомых прислать скрины своей страницы. Вот и обнаружились косячки. А по поводу вашего метода, читал как то заметки к такому методу : А по поводу expression, ничего против не имею. Просто я еще валенок в JS, потому и не смог приспособить готовые рецепты под себя. Не напишите мне вариант с expression?
-
Есть плавающий блок (position fixed) и во всех браузерах нормально отображается. А в IE6 position fixed оказывается не пашет. Искал в гугле, но там описаны способы закрепляющие блок в топе. А мне необходимо закрепить этот слой в боттом. Подскажите как это сделать? Вот CSS того самого блока: width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81
-
Спасибо, бум пробовать...