Foren / National / Russian / Скины и дизайн / CSS Форума

Подскажите....

TestQest
#1 15. September 2013, 03:30

Здравствуйте...

Пытаюсь на форуме сделать посредством css ограничение на ширину отображаемых картинок, но ничего не получается.

С комментариями к новостям кстати справился, а форум не даётся.

 

Dr2005alex
#2 15. September 2013, 05:18

Покажите код из форума и что пишете в css.

WebKaa.ru - Cotonti Relax
TestQest
#3 15. September 2013, 10:00

Вот смотрите. Проблема ограничения размера img в комментариях решается в site/themes/mythemes/cssdefault.css

7 строка в отрывке кода


 

/* 8. Comments
-------------------------------------------------- */

.comments1, .comments2	{ margin-bottom:10px; float:left; position:relative; }
.comments1				{ width:20%; }
.comments2				{ width:80%; }
.comments2 img			{ max-width: 490px; max-height: 800px; }

Но найти такой же момент для форума, я не могу.

Вам показать весь CSS файл? Это дефолтная тема nemesis в Cotonti Siena 0.9.14

Added 4 minutes later:

Можно было бы конечно применить

img          { max-width: 490px; max-height: 800px; }

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

А какого нибудь плагина для реализации данного функционала я не нашёл.

Да и на самом деле указать вручную в css раздельно для комментов и форума было бы предпочтительнее, ввиду разности размеров текстовых полей.

Dr2005alex
#4 15. September 2013, 10:32

Ширина и высота аватарки задается в настройках плагина (расширения) User Images Смотрите там пункт Администрирование

WebKaa.ru - Cotonti Relax
TestQest
#5 15. September 2013, 10:56

Речь не о аватарке, а об изображениях в постах форумах, например через [img]

Dr2005alex
#6 15. September 2013, 15:10

Так пропиши в css правила для текста.в файле forum.post.tpl

там есть кусок кода 

                        <div>
                            {FORUMS_POSTS_ROW_TEXT}
                            {FORUMS_POSTS_ROW_UPDATEDBY}
                        </div>

Добавь класс и пропиши правила в css.

WebKaa.ru - Cotonti Relax
TestQest
#7 15. September 2013, 16:03

Спасибо. Хоть и первый раз в жизни делал, но получилось.

 

Добавил в tpl файл

<!-- ##########################ADDED####################### -->
						<div class="imgres">
						<div>
							{FORUMS_POSTS_ROW_TEXT}
							{FORUMS_POSTS_ROW_UPDATEDBY}
						</div>
						</div>
						<!-- ##########################ADDED####################### -->

И добавил в css файл:

/* Add for forum image resize
-------------------------------------------------- */

.imgres img { max-width: 725px; max-height: 500px; }

И всё заработало...!!!

Для вас обыденность, а для меня это чудо!!! )))

Dr2005alex
#8 15. September 2013, 16:10

Гудд, поздравляю! Но я бы не добавлял лишний div  а просто прописал бы в существующий, в нем и так нету класса.

Вот так

<div class="imgres">
    {FORUMS_POSTS_ROW_TEXT}
    {FORUMS_POSTS_ROW_UPDATEDBY}
</div>

 

WebKaa.ru - Cotonti Relax
TestQest
#9 15. September 2013, 16:55

Спасибо. Исправил.

Green
#10 26. November 2014, 09:01

Dr2005alex  Самый заслуживающий уважения пользователь ,на всех форумах относится к чайникам хорошо,не то что многие другие.