Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Xan_Kriegor в Сб 27 Июн - 6:05



Нужно: сделать отступ, чуть вниз, а также выровнять иконки - сделать более ровно, примерно так:

название иконки название иконки название иконки
название иконки название иконки название иконки
название иконки название иконки название иконки

Помогите в этом вопросе 17

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Re: Как выровнять иконки условных обозначений?

Сообщение автор IceQueen в Сб 27 Июн - 14:41

В шаблоне viewforum_body - Показ форума - замените
Код:
<!-- BEGIN switch_legend -->
<ul class="pun-legend">
   <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" />&nbsp;{L_FOLDER_NEW_IMG}</li>
   <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" />&nbsp;{L_FOLDER_HOT_NEW_IMG}</li>
   <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" />&nbsp;{L_FOLDER_LOCKED_NEW_IMG}</li>
</ul>
<ul class="pun-legend">
   <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" />&nbsp;{L_FOLDER_IMG}</li>
   <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" />&nbsp;{L_FOLDER_HOT_IMG}</li>
   <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" />&nbsp;{L_FOLDER_LOCKED_IMG}</li>
</ul>
<ul class="pun-legend">
   <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_ANNOUNCE_IMG}</li>
   <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" />&nbsp;{L_FOLDER_STICKY_IMG}</li>
   <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
</ul>
<!-- END switch_legend -->

на

Код:
<!-- BEGIN switch_legend -->
<table class="pun-legend-table">
<tr>
<td>
<ul class="pun-legend">
   <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" />&nbsp;{L_FOLDER_NEW_IMG}</li>
   <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" />&nbsp;{L_FOLDER_HOT_NEW_IMG}</li>
   <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" />&nbsp;{L_FOLDER_LOCKED_NEW_IMG}</li>
</ul>
</td>
<td><ul class="pun-legend">
   <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" />&nbsp;{L_FOLDER_IMG}</li>
   <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" />&nbsp;{L_FOLDER_HOT_IMG}</li>
   <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" />&nbsp;{L_FOLDER_LOCKED_IMG}</li>
</ul>
</td>
<td><ul class="pun-legend">
   <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_ANNOUNCE_IMG}</li>
   <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" />&nbsp;{L_FOLDER_STICKY_IMG}</li>
   <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
</ul>
</td>
</tr>
</table>
<!-- END switch_legend -->

Сохраните, опубликуйте. А потом добейте в CSS:

Код:
table.pun-legend-table {
margin: 0 auto;
}
ul.pun-legend {
  list-style-type: none;
  margin: 0;
  text-align: left;
}

ul.pun-legend li {
  display: block;
  margin: 0;
  padding: 4px 0;
}



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Как выровнять иконки условных обозначений?

Сообщение автор Xan_Kriegor в Сб 27 Июн - 22:55

IceQueen, благодарю! Все получилось. Еще коротенький вопросик:
Можно ли изменить имена этих обозначений, к примеру, можно вместо "Новые сообщения [ Популярная тема ]" сделать "[ Горячая тема ] Есть новые сообщения"?

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Re: Как выровнять иконки условных обозначений?

Сообщение автор IceQueen в Сб 27 Июн - 23:08

Именно в легенде условных обозначений - можно, без проблем. Просто замените переменные, отвечающие за текст, на собственный текст.

Вот тут http://help.forum2x2.ru/t19106-topic#151093 расписано что есть что.

Т.е. берете строку
Код:
<li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" />&nbsp;{L_FOLDER_NEW_IMG}</li>
и переписываеет
Код:
<li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" />&nbsp; [Новые посты в этой теме!]</li>



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Как выровнять иконки условных обозначений?

Сообщение автор Xan_Kriegor в Сб 27 Июн - 23:49

IceQueen, 13 все получилось! Ты прелесть! rose solved

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения