CSS Форума

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

Tags: Css
Форум

TestQest	#1 15. September 2013, 03:30
Members	Здравствуйте... Пытаюсь на форуме сделать посредством css ограничение на ширину отображаемых картинок, но ничего не получается. С комментариями к новостям кстати справился, а форум не даётся.

Dr2005alex	#2 15. September 2013, 05:18
Team Thanked: 58 mal	Покажите код из форума и что пишете в css. WebKaa.ru - Cotonti Relax

TestQest

#3 15. September 2013, 10:00

Members

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

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

CSS

        
              /* 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
Team Thanked: 58 mal	Ширина и высота аватарки задается в настройках плагина (расширения) User Images Смотрите там пункт Администрирование WebKaa.ru - Cotonti Relax

TestQest	#5 15. September 2013, 10:56
Members	Речь не о аватарке, а об изображениях в постах форумах, например через [img]

Dr2005alex	#6 15. September 2013, 15:10
Team Thanked: 58 mal	Так пропиши в 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

Members

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

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

XML/XHTML

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

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

CSS

        
              /* Add for forum image resize
-------------------------------------------------- */
 
.imgres img { max-width: 725px; max-height: 500px; }

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

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

Dr2005alex

#8 15. September 2013, 16:10

Team
Thanked: 58 mal

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

Вот так

PHP

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

WebKaa.ru - Cotonti Relax

TestQest	#9 15. September 2013, 16:55
Members	Спасибо. Исправил.

Green	#10 26. November 2014, 09:01
Members	Dr2005alex Самый заслуживающий уважения пользователь ,на всех форумах относится к чайникам хорошо,не то что многие другие.