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

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

Персональное изображение для темы Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Вчера в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

Персональное изображение для темы

Участников: 2

Перейти вниз

Персональное изображение для темы Empty Персональное изображение для темы

Сообщение автор Kirkalita Июнь 17th 2013, 23:41

Как сделать вот так для каждой темы:
Персональное изображение для темы Jd6Ka

Я честно говорю - сначала искала в гугле) Но нашла только некоторые сайты, где описывалось как так сделать... Вот даю ссылки, может вам они помогут в решении моего вопроса:
Ссылка 1
Ссылка 2

Ещё очень хотелось бы, чтобы только на определённые разделы, хотя если такого не сделать... я и на это согласна)

BB2


Последний раз редактировалось: Kirkalita (Июнь 18th 2013, 19:51), всего редактировалось 1 раз(а)
Kirkalita
Kirkalita
 

Женщина

Сообщения : 100
Возраст : 13
Регистрация : 2012-08-15
Благодарности : 2

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

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Dana Domirani Июнь 18th 2013, 01:47

Там решение через php — для нас это не вариант, к сожалению.

Я делала через CSS:
Персональное изображение для темы Image_19


Персональное изображение для темы Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Kirkalita Июнь 18th 2013, 01:49

Dana Domirani, безумно буду рада и такому вариантуgirl_yes
А как так сделать?
Kirkalita
Kirkalita
 

Женщина

Сообщения : 100
Возраст : 13
Регистрация : 2012-08-15
Благодарности : 2

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

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Dana Domirani Июнь 18th 2013, 01:56

Извините, не успела дописать. Есть несколько минусов, о них предупрежу сразу:
- все картинки придется добавлять Вам, админу, вручную (но это даст возможность контролировать качество и размер иконок)
- если рецептов будет много, то CSS в конце концов закончится, и придется подключать внешнюю (т.е. искать сторонний сайт для хранения файла .css
- список тем будет существенно притормаживать, если не ограничить вывод по 10 тем на страницу

Если подождете, я сегодня проверю еще один способ реализации (хочу попробовать скриптом извлекать ссылку на картинку из описания темы и превращать в иконку). Если не получится — распишу предыдущий громоздкий способ.


Персональное изображение для темы Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Kirkalita Июнь 18th 2013, 02:05

Dana Domirani,
То что картинки будут добавлять админы - это замечательно) Наоборот буду рада этому, так как действительно контролирую с сестрой всё качество изображений и дизайна.
Ого, а я не знала что CSS заканчивается(((
Ага...Спасибо буду ждать вашего ответа)

Спасибо ещё раз !!!
Kirkalita
Kirkalita
 

Женщина

Сообщения : 100
Возраст : 13
Регистрация : 2012-08-15
Благодарности : 2

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

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Dana Domirani Июнь 18th 2013, 09:26

Получилось. Инструкция такова:

1) Ставить персональную иконку каждой теме будем через функцию описания темы. Предварительно ее надо включить в ПА > Общие > Сообщения и E-mail — Конфигурация > Показывать описание тем : Да
Внимание: добавлять туда какой-либо текст описания будет нельзя! Только прямую ссылку на фото!

2) Чтобы не было путаницы при создании тем, переименуем поле "Описание" в "Фото темы". Для этого в разделе Шаблоны > Запостить & Личные сообщения > шаблоне posting_body (Страница отправки сообщений) находим фрагмент
Код:
      <!-- BEGIN switch_description -->
      <tr>
      <td class="row1" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
      <td class="row2" width="78%">
         <span class="gen">
            <input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
         </span>
      </td>
      </tr>
      <!-- END switch_description -->
и меняем его на
Код:
      <!-- BEGIN switch_description -->
      <tr class="addtopimg">
      <td class="row1" width="22%"><span class="gen"><b>Мини-фото к теме</b></span></td>
      <td class="row2" width="78%">
         <span class="gen">
            <input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="1000" onkeypress="if (event.keyCode==13){return false}" />
                  </span><br /><span class="gen">Внимание! Ставьте только прямую ссылку на файл!</span>
      </td>
      </tr>
      <!-- END switch_description -->
Сохраняем, публикуем (!).
Результат:
Персональное изображение для темы Image_28

3) В разделе Шаблоны > Общие > topics_list_box (Показ тем) находим фрагмент
Код:
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>
и меняем на
Код:
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
                  <table border="0" class="temtab"><tr>
                    <td><!-- BEGIN switch_description --><img src={topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} class="temico" alt="Иллюстрация к рецепту" /><!-- END switch_description --></td>
                    <td><div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}
<h2 class="topic-title">
 <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<br /><span class="gensmall">{topics_list_box.row.TOPIC_TYPE}</span><br />                    
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span></td>
                   </tr></table>
      </td>
Сохраняем, публикуем.

4) В CSS ставим настройки для выравнивания содержимого ячеек и оформления мини-фото тем:
Код:
.temico {
width: 90px;
height: auto;
border: 2px solid #fff;
margin: 1px 2px 2px 1px;
-moz-box-shadow: 2px 2px 0px rgba(83, 83, 83, 0.5);
-webkit-box-shadow: 2px 2px 0px rgba(83, 83, 83, 0.5);
box-shadow: 2px 2px 0px rgba(83, 83, 83, 0.5);
}

.temtab td {
vertical-align: top;
text-align: left;
}
Сохраняем.
width: 90px — максимальная ширина изображения
height: auto — автоматически подбираемая высота изображения

5) По желанию: можно скрыть поле добавления картинки темы от простых пользователей.
Для этого создайте виджет с правами доступа для всех, кроме админа, и вставьте в него код:
Код:
<style type="text/css">
tr.addtopimg {display: none;}
</style>
Сохраните, добавьте в активированную колонку на форуме.


Все. Можно попробовать создать/отредактировать тему и добавить в соответствующее поле ссылку на фото — а потом посмотреть результат в списке тем:

Персональное изображение для темы Image_29

Персональное изображение для темы Image_30


Персональное изображение для темы Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

Персональное изображение для темы Empty персональное изображение для темы

Сообщение автор Kirkalita Июнь 18th 2013, 18:57

Dana Domirani, ооооо спасибо огромадное, шикарно просто!!! Сейчас буду устанавливать!!!)) Очень нравится!!!!
Kirkalita
Kirkalita
 

Женщина

Сообщения : 100
Возраст : 13
Регистрация : 2012-08-15
Благодарности : 2

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

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Kirkalita Июнь 18th 2013, 19:50

Dana Domirani, Безумно нравится!!! Уже установила и опробовала, нравится что у тех тем, у которых нет изображения - нету незаполненного пространства!!! Короче я радуюсь что теперь можно будет отшлифовать все выложенные уроки фотошопа и многие другие темы форума!

Спасибо вам огромаднейшее Персональное изображение для темы ToJ68
Kirkalita
Kirkalita
 

Женщина

Сообщения : 100
Возраст : 13
Регистрация : 2012-08-15
Благодарности : 2

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

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

Персональное изображение для темы Empty Re: Персональное изображение для темы

Сообщение автор Dana Domirani Июнь 18th 2013, 19:58

Очень рада, что понравилось!


Персональное изображение для темы Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

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

http://poltergeist-legacy.com/

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

Вернуться к началу


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