[Решено] Стиль вывода материала-добавление элементов - Вопросы по CSS

Как добавить какой-нибудь элемент к стилю вывода материалов в шаблоне. Например, чтобы вокруг кнопок "Подробнее" и "Добавить комментарии" была рамка или чтобы они были на каком-нибудь другом фоне. Да, тяжело понимается мой вопрос(просто я не знаю как его лучше сформулировать), поэтому выкладываю скрин, примерно того, чего я хочу:

Если я правильно понял вопрос, вот пример :


<div align="center">
<div   class="polosa">скрыть / показать</div>
</div>

Вот что получил -

Т.е элемент border:groove 2px; отвечает за рамку в 2px.

Да всё верно Но как это добавить именно к материалам?

через FireBug находишь class и в CSS добавляешь все что хочешь , или конкретно правишь статью.

класс статей art-Post-body Как я понял нужно добавить ещё один класс art-Post-...

То , что необходимо изменить , лучше всего засунуть в div со своим классом и от-туда уже плясать.

Так всё сделал, работает
Рамка появляется во всех материалах, а мне нужно что бы она появлялась не всегда, а только когда есть ссылка подробнее, т.е.
как я думаю нужна такая функция:

art-Post-... выводиться
если readmore-link присутствует в материале

Т.е. нужны познания в php, которые у меня равны 0.
Подправьте меня, если что не то несу, ибо ,ещё раз повторю, познания у меня в этом деле небольшие.

Т.е. надо каким угодно способом в некоторых материалах убрать эту рамку. У кого какие соображения?

а откуда кнопка Подробнее в самом материале? : )

templates/шаблон/html/com_content/article/default.php

там все условия для всего прописаны, надо тока прально перемещать их : ) или копировать.

артистер... фууууу : ))

Насколько я понимаю , элемент <a> со словом 'Подробнее'  имеет свой класс. Может к нему и обратиться

Класс readmore-link. С php ничего не получается, как бы без него?

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

<?php
 artxFragmentBegin(ob_get_clean());
 if ($this->params->get('link_titles') && $this->article->readmore_link != '')
  artxFragmentContent('<a href="' . $this->article->readmore_link . '" class="PostHeader">' . $this->escape($this->article->title). '</a>');
 else
  artxFragmentContent($this->escape($this->article->title));
 ob_start();
 ?>

артистеррр... бееее....

чессгря, я кажется не совсем понял, что именно нужно.

может правда, сначала в файрбаге посмотреть, какой класс для этого можно подправить?

Вот видишь какая рамка в первом посте, я сделал такую же. Но она теперь выводится во всех материалах. А мне нужно чтобы в некоторых еёё не было. Класс там jcomments-link если с включенным компонентом. Нужно как то привязать к нему что-ли эту рамку.

Я вообще не понимаю, откуда у тебя в материалах берется линк Подробнее? : )

Он появляется в блоге категории? В каких случаях он должен быть?

Да в блоге категорий. Мне нужно привязать к чему то эту рамку-есть "Подробнее" и "Комментарии"-есть рамка, нет-нет рамки

 : ))) я совсем запутался : ))))

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

Это вот насколько я понял, что нужно. И я не программист : ) т.е. получится примерно так
если ридми есть, то
  <div class="border">
    линк на комментарии
    если ридми есть, то
       линк на ридми
    конецесли
   </div>
конецесли : )))


сорри, что по-русски : )))

Да но только не обязательно комментарии в рамке-главное чтобы появлялась рамка вместе с комментариями:нет рамки-нет комментариев.

"Рамка" выводиться
если readmore-link(ну или jcomments-link присутствует в материале)

Я вот, что думал может стиль рамки то добавить в style.css JComments?

Вот это хорошая идея, так будет привязка именно к этому компоненту .

Да я пытался делать, вот код:

.art-Post-mk
{
 position: absolute;
  bottom: -16px;
   background: url(../images/content_bar.png);
   background-repeat: no-repeat;
   width: 599px;
   height: 40px;
   left: 0px;
   z-index: 0;
   margin:0px;
}

Но получается, что ссылки меняются местами, всё получается криво, короче хаос

в общем, без куска кода тут не разобраться : )

.comments-link, .readmore-link{bottom: 4px; font-size: 12px; float: right;background-repeat: no-repeat}
.comments-link {font-size: 12px;color: #4b73d4;background-position: 0 -27px}
.readmore-link {background: url(/images/line-art.png);float: right;font-size: 12px;font-weight: 700;color: #FF0000; background-position: 0 2px}

Это style.css

Вот сюда нужно вставить код, но так, чтобы всё было ровно как на картинке(1 пост)

А если так.
В шаблон JComments (связный с jcomments-link ) вставить ссылку на функцию JS, которая (функция) будет активировать определенный CSS
для рисования рамки, для необходимого элемента (class='')

Возможно и заработает, только как сделать то это

Приблизительно так :


\tpl\default\tpl_links.php

return '<a href="' . $link . '#addcomments" class="comment-link" onclick="mycss()" >' . JText::_('Add comment'). '</a>';

Пипец...сложновато

мне кажется, что вы куда-то не туда полезли : )))

выкладывай сайт в сетку

Денвер
Я вот что ещё сделал, вместо кнопки "показывать PDF иконку" я изображение этой кнопки заменил на свою рамку, все на странице легло и хорошо настроилось
Осталась одна проблема, изображение рамки осталось ссылкой pdf, всё облазил, но ни как не могу найти, где убрать.
Я думаю, это самый оптимальный вариант. Кнопка pdf мне всё равно не нужна, а так включил-появилась рамка ^-^удобно

Твой класс на кнопке "Подробнее" - class="readmore-link" ?

Если да, то посмотри файл "components/com_jcomments/tpl/default/tpl_links.php" строка 52


Можно попробовать добавить в CSS "components/com_jcomments/tpl/default/style.css" следующее :


Теперь при наведении  на кнопку "Подробнее" она будет в рамке.

Да всё правильно, рамка у меня отдельное изображение.
Вот это не знаете, как исправить?

Осталась одна проблема, изображение рамки осталось ссылкой pdf, всё облазил, но ни как не могу найти, где убрать.

Мне кажется, что это наиболее простое решение