Перейти к содержимому


Фотография
- - - - -

Как изменить размер текстовых блоков и контейнеров на сайте?

блок контейнеры форум css

Лучший Ответ NeLo, 09 Апрель 2014 - 11:27

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

 

Блоки с текстом темы и сообщений можно уменьшить в размерах (в данном случае по ширине), используя CSS-стиль width.

 

Для того, чтобы понять, какому элементу страницы нужно указать новую ширину, нажмите на него правой кнопкой мыши в своем броузере и выберите "Исследовать элемент" или "Показать код элемента" или любое другое действие, которое отправит Вас в debug-консоль броузера.

 

1-debug-console.png

 

После этого мы увидим, что нужный нам элемент, т.е. блок сообщения темы, имеет класс "message-block".

 

В файлах CSS-стилей, описание размеров, цвета и других параметров элемента на странице, который имеет определенный class происходит через "точку":

.class { width: 80% }

В нашем случае стиль блока будет выглядеть так:

.message-block { width: 80% }

Добавить этот стиль нужно в файл forum.css, используя FTP-доступ к стилям своего клан-сайта.

 

3-edit-styles-forum.png

 

Также можно и в самом шаблоне добавить этот стиль. Откройте шаблон forum/v_forum_content_topic.php и найдите следующий участок кода, изменив его как показано на скриншоте ниже. Результат будет аналогичный предыдущему варианту (изменению CSS-стилей сайта). (но не рекомендуется так делать, т.к. шаблон может быть изменен обновляющим скриптом при установке обновлений):

 

2-edit-template-forum-content-topic.png

 

В результате получаем:

 

4-after-edit-site-files.png

 

Не обязательно использовать параметр width : 80%.

Можно экспериментировать, указывать ширину в пикселях, смещение, сдвиг, пока блок не будет выглядеть так, как хочется.

 

Если вопрос решен – пожалуйста, напишите об этом в теме.

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 2

#1 poWAReHok

poWAReHok

    Начинающий

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 09 Апрель 2014 - 09:18

Здравствуйте! На мой взгляд блок сообщений выглядит слишком громадным и съедает много пространства:

 

5250120.jpg

 

Подскажите где и как отредактировать стили, чтобы выбрать свой размер этих блоков?

 


Сообщение отредактировал NeLo: 10 Апрель 2014 - 11:02
Заголовок темы изменен для помощи другим пользователям найти ответ на похожий вопрос

  • NeLo это нравится

#2 NeLo

NeLo

    Разработчик

  • Guildmaker Team
  • PipPipPipPipPipPipPipPip
  • 795 сообщений

Отправлено 09 Апрель 2014 - 11:27   Лучший Ответ

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

 

Блоки с текстом темы и сообщений можно уменьшить в размерах (в данном случае по ширине), используя CSS-стиль width.

 

Для того, чтобы понять, какому элементу страницы нужно указать новую ширину, нажмите на него правой кнопкой мыши в своем броузере и выберите "Исследовать элемент" или "Показать код элемента" или любое другое действие, которое отправит Вас в debug-консоль броузера.

 

1-debug-console.png

 

После этого мы увидим, что нужный нам элемент, т.е. блок сообщения темы, имеет класс "message-block".

 

В файлах CSS-стилей, описание размеров, цвета и других параметров элемента на странице, который имеет определенный class происходит через "точку":

.class { width: 80% }

В нашем случае стиль блока будет выглядеть так:

.message-block { width: 80% }

Добавить этот стиль нужно в файл forum.css, используя FTP-доступ к стилям своего клан-сайта.

 

3-edit-styles-forum.png

 

Также можно и в самом шаблоне добавить этот стиль. Откройте шаблон forum/v_forum_content_topic.php и найдите следующий участок кода, изменив его как показано на скриншоте ниже. Результат будет аналогичный предыдущему варианту (изменению CSS-стилей сайта). (но не рекомендуется так делать, т.к. шаблон может быть изменен обновляющим скриптом при установке обновлений):

 

2-edit-template-forum-content-topic.png

 

В результате получаем:

 

4-after-edit-site-files.png

 

Не обязательно использовать параметр width : 80%.

Можно экспериментировать, указывать ширину в пикселях, смещение, сдвиг, пока блок не будет выглядеть так, как хочется.

 

Если вопрос решен – пожалуйста, напишите об этом в теме.



#3 poWAReHok

poWAReHok

    Начинающий

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 10 Апрель 2014 - 01:50

Спасибо большое ) да, вопрос решен. Очень приятно, что вы заботитесь о своих подопечных :)


  • NeLo это нравится





Темы с аналогичным тегами блок, контейнеры, форум, css

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных




Яндекс.Метрика