Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как сделать разный css для картинок в краткой новости?

Как сделать разный css для картинок в краткой новости?


     31.03.2016    Все вопросы » Стили (CSS)    787

вопрос
Как сделать разный css для картинок в краткой новости? Например, для картинки слева - один CSS, для правой - другой.

В вордпрессе это сделать довольно просто тегами img alignleft, img alignright, для которых прописываются разные стили. Здесь. к сожалению, такого не получается...

Ответа пока нет


7 комментариев

Westus
Юзер

Westus - 31 марта 2016 16:12 -

Можно взглянуть на html код из вордпреса?

mkkenzie
Юзер

mkkenzie - 31 марта 2016 17:27 -


joydo
Юзер

joydo - 31 марта 2016 19:09 -

mkkenzie, в вашем случае, css прописывается для картинок с классами alignleft, alignright, aligncenter.
Для того чтобы к картинкам приписывались данные теги сделайте
Найти в файле engine/classes/parse.class.php
else return "<!--dle_image_begin:{$info}--><a href=\"{$url}\" onclick=\"return hs.expand(this)\" ><img src=\"$url\" width=\"{$config['tag_img_width']}\" height=\"{$out_heigh}\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--dle_image_end-->";

Заменить на
else return "<!--dle_image_begin:{$info}--><a href=\"{$url}\" onclick=\"return hs.expand(this)\" ><img src=\"$url\" width=\"{$config['tag_img_width']}\" height=\"{$out_heigh}\" class=\"align{$align};\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--dle_image_end-->";

найти
else return "<!--dle_image_begin:{$info}--><img src=\"{$url}\" style=\"float:{$align};\" {$alt} /><!--dle_image_end-->";

заменить на

else return "<!--dle_image_begin:{$info}--><img src=\"{$url}\" class=\"align{$align};\" style=\"float:{$align};\" {$alt} /><!--dle_image_end-->";

Перестроить новости, ко всем картинкам добавиться нужный класс
p.s делал на 11 версии, но думаю и для других подойдет

mkkenzie
Юзер

mkkenzie - 31 марта 2016 19:42 -

Спасибо, но честно скажу, мало что не понял... заменил я в том файле все. Естественно, теперь нужно как-то в css прописать, но какими тегами?

ravchik
Юзер

ravchik - 31 марта 2016 21:18 -

img.alignleft {свои стили}
img.alignright {свои стили}.

joydo
Юзер

joydo - 31 марта 2016 21:29 -

mkkenzie,
То, что написал я, добавляет например при
img=left класс к картинке alignleft, как у вас в примере css
Кстати, данный фишка работает только с img, для medium и thumb нужно поменять тоже самое в том же файле, т.е добавить class=\"align{$align};\"

mkkenzie
Юзер

mkkenzie - 31 марта 2016 21:53 -

Спасибо, щас буду разбираться)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх