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

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


     31.03.2016    Стили (CSS)    511

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

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

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


Комментарии пользователей (7)

Westus
4

189 | 28

Westus - 31 марта 2016 16:12 - Юзер

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

mkkenzie
3

mkkenzie - 31 марта 2016 17:27 - Юзер


joydo
4

171 | 31

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
3

mkkenzie - 31 марта 2016 19:42 - Юзер

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

ravchik
66

375 | 123

ravchik - 31 марта 2016 21:18 - Юзер

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

joydo
4

171 | 31

joydo - 31 марта 2016 21:29 - Юзер

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

mkkenzie
3

mkkenzie - 31 марта 2016 21:53 - Юзер

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

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

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