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

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

вопрос

Как сделать разный 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

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

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст