Question

Раньше не обращал внимание, но полазив по форумам обнаружил что у меня только не работает вид цитат. Когда редактирую, с левой стороны становиться серая стандартная палочка, но в общем как

 

Здесь

 

А после сохранения это выглядит как обычная «табуляция» в ворд. Решил поставить себе простенький скрипт (нашел на форуме) вот этот:

 

.bbQuoteBlock {background:#fff26c;border-bottom:2px solid #e5d961;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.quoteMessage {border:0px !Important}

 

Сохранил его в таблицу стилей, но эффекта ноль. Скажите в чем проблема и если у кого есть другие варианты ( особенно нравиться, не знаю где видел, простенькая цитата, просто с двух сторон выделена большими кавычками( не будто на листе бумаги, а просто кавычки)) предлагайте. 

Или объясните, почему хоть стандартный вариант не работает так как надо? Может выделять цитаты в хтмл режиме надо?

Answer 1

И где проверять если модуль форум отключен http://ja-hozjain.ru/forum

Comments

Объясните зачем этот форум вообще нужен? У меня из модулей было активно только два, каталог статей и новости сайта. На кой мне этот форум? Лишняя вкладка только...  а... вы проверить просто хотите? или как там...в общем сейчас ковырял, ковырял ...спать хочу, я даже не понимаю что там надо сделать.   Мне бы просто цитаты как нибудь изменить и все. До завтра в общем...

---

Сергей Львов,

Да, проверить же нужно чтобы вам ответить. Нужен реальный пример цитат у вас на сайте и после по нему смотреть проблему, а нужен форум или нет, это вопрос более к вам.

---

Yuri_Geruk,

Ну вот например, отредактировал нормально эту статью - http://ja-hozjain.ru/load/zhivotnovodstvo/kury/pasterellez_u_kur_prichiny_lechenie_profilaktika/3-1-0-31

Везде где обзац начинается со слова ВНИМАНИЕ! там должна быть "цитата" 

---

Сергей Львов,

Стили которые у вас применены к классу .bbQuoteBlock а чтобы в статьях также применилось, нужно дополнительно применить к:

blockquote {} 

как-то так:

blockquote {
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

либо пропишите свои стили.

---

Yuri_Geruk,

Я так понял, то что я нашел в верху:

.bbQuoteBlock {background:#fff26c;border-bottom:2px solid #e5d961;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.quoteMessage {border:0px !Important}

Нужно впистать вместо этотого красного, да?

blockquote {
    padding: 2px 0;                  - это наверное толщина палочки
    border-style: solid;        
    border-color: #ccc;             - это я так понял цвет
    border-width: 0;
    padding-left: 20px;             - это возможно левый отступ
    padding-right: 8px;            -  наверно правый отступ
    border-left-width: 5px;       черт его знает
}

Или что тут делать? Вот этот скрипт который вы прислали, это обычный, нормальный. 

 

---

Сергей Львов,

Не вместо, а дополнительно прописать ниже:

blockquote { padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px; } 

так как стили что у вас выше, это для цитат форума, а стили с моего сообщения, это для цитат в других модулях. Просто добавьте в самый низ таблицы стилей и будет у вас также как и здесь на вопросах.

---

Yuri_Geruk,

Ну добавить, я добавил, тольк все равно цитаты выглядят как собственно здесь. Вот мои последние изменения:

.eMessage img, .eText img {float:inherit;}         вот уже не помню для чего?

.eText .infTitle img { width: 250px; }
.eText .infTitle a:nth-child(2) { display: block; }

.bbQuoteBlock {background:#fff26c;border-bottom:2px solid #e5d961;padding:20px;padding-bottom:50px;position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}  
.bbQuoteName {position:absolute;font-size:11px !important;padding:5px 10px !important;background:#FFF;left:20px;bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.quoteMessage {border:0px !Important}                      //    мой блок   //

blockquote {
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;                                //         ваш блок        //
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

И напомните пожалуйста как можно подписать в таблице стилей все изменения, а то уже не помню что где и для чего вставлял. Какие там коды чтобы ЦСС не считывался

два //

или */              как -то так вроде?

---

Сергей Львов,

Если вам не нужен такой же стиль цитаты как здесь, выделенное зелёным удалите, после заменить .bbQuoteBlock  на blockquote

---

Yuri_Geruk,

Вроде все заработало. Пусть пока така, пока серьезно не займусь - простенько и со вкусом. Спасибо!