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

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

вопрос

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

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

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

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

Юзер

191

Westus - 2016-03-1031 марта 2016 16:12 - #54403

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

Юзер

mkkenzie - 2016-03-1031 марта 2016 17:27 - #54407

Показать / Скрыть текст

}
.center {
    margin: 0px auto;
    clear: both;
}
p img {
    padding: 0;
    max-width: 100%;
}
img.alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    border: 5px solid #EEEEEE;
    padding: 0px;
    margin-left: 0px;
}
img.alignright {
    float: right;
    margin-top: 7px;
    margin-left: 10px;
    margin-bottom: 7px;
    border: 5px solid #EEEEEE;
    padding: 0px;
    margin-right: 0px;
}
img.aligncenter {
    margin-top: 7px;
    margin-right: auto;
    margin-bottom: 7px;
    margin-left: auto;
    display: block;
    border: 5px solid #EEEEEE;
    padding: 0px;
    clear: both;
}
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

Юзер

176

joydo - 2016-03-1031 марта 2016 19:09 - #54414

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 - 2016-03-1031 марта 2016 19:42 - #54417

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

Юзер

453

ravchik - 2016-03-1031 марта 2016 21:18 - #54418

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

Юзер

176

joydo - 2016-03-1031 марта 2016 21:29 - #54419

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

Юзер

mkkenzie - 2016-03-1031 марта 2016 21:53 - #54422

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

Sud3n | Как решить проблему индексации DLE в пои ... ³

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ³

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ³

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***