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

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


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

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

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


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

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

Аватар возле последнего сообщения

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

Аватар возле последнего сообщения

Сообщение автор MakcMay в Вт 31 Июл - 18:23

Всем Привет, Помогите оформить как на скрине, красиво выглядит очень. Спасибо за все советы.

avatar
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 26
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Re: Аватар возле последнего сообщения

Сообщение автор Dana Domirani в Вт 31 Июл - 18:30

Красиво, но средствами сторонних скриптов это будет сильно перегружать главную страницу.



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Аватар возле последнего сообщения

Сообщение автор MakcMay в Вт 31 Июл - 18:36

ну если возможно помогите, thank
avatar
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 26
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Аватар возле последнего сообщения

Сообщение автор Dana Domirani в Пт 3 Авг - 19:22



Вариант для BB2

1. Для начала надо будет включить доступ гостей к просмотру профилей (иначе неоткуда будет загружать аватары). ПА > Пользователи > Особые права доступа > Посмотреть профиль : Гости
Если этого не сделать, то для гостей аватары отображаться не будут.

2. В шаблоне index_box (Главная страница - показ категорий) замените
Код:
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
на
Код:
<tr>
<th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
Чуть ниже замените:
Код:
<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
на
Код:
      <td class="row3" align="right" valign="middle">
                  <div style="width: 120px"><span class="gensmall">{catrow.forumrow.TOPICS} тем</span><br /><span class="gensmall">{catrow.forumrow.POSTS} сообщений</span></div>
      </td>
      <td class="row3 over" align="left" valign="middle">
                  <div class="avs" style="width: 220px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
Сохраните и опубликуйте (!) измененный шаблон, нажав на plus

3. В CSS добавьте настройки для превью аватара:
Код:
.avs a.inx img {
  float: left;
  width: 40px;
  height: 40px;
  padding: 1px;
  border: 1px solid #DDD;
  margin: 0 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
}

4. В ПА > Модули > Управление кодами JS
укажите "Активировать управление кодами Javascript :да"
и создайте новый файл
Название : аватары на главной
Расположение : в оглавлении
Код Javascript :
Код:
$(document).on('ready', function() {
    $('.forumline tr .row3.over .avs').each(function () {
        var touser = $(this).children('span').children('span').children('strong').children('a').attr('href');
        $(this).prepend('<a href="' + touser + '" class="inx"><img src="http://i34.servimg.com/u/f34/16/54/26/99/female10.png" alt="нет аватара" /></a>');
        $(this).children('a').load(touser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
    });
});
Сохраните.



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Аватар возле последнего сообщения

Сообщение автор MakcMay в Пт 3 Авг - 22:24

спасибо, Дана) думал очень сильно будет нагружать страничку, вроде нормально.

Только один баг, мне кажется если страничку во время ее обновления, не прокрутить до конца, показывает не все аватарки.
avatar
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 26
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Re: Аватар возле последнего сообщения

Сообщение автор Dana Domirani в Пт 3 Авг - 22:44

Случайно не аватар Vlad_Chepurnoi ?
http://r15.imgfast.net/users/1515/23/97/50/avatars/gallery/nfs10.jpg

У меня он и в отдельном окне не загружается.



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Аватар возле последнего сообщения

Сообщение автор MakcMay в Пт 3 Авг - 22:52


вот.

а у влада слетела была аватарка, наверное, я ему уже поставил.
avatar
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 26
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Re: Аватар возле последнего сообщения

Сообщение автор Dana Domirani в Пт 3 Авг - 23:19

Загрузилось достаточно шустро:



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Аватар возле последнего сообщения

Сообщение автор MakcMay в Пт 3 Авг - 23:25

какой браузер используете?

спасибо еще раз smile отличная система.
avatar
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 26
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Re: Аватар возле последнего сообщения

Сообщение автор Dana Domirani в Пт 3 Авг - 23:35

Проверяла Хромом и Оперой.



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Аватар возле последнего сообщения

Сообщение автор MakcMay в Пт 3 Авг - 23:42

Dana Domirani пишет:Проверяла Хромом и Оперой.

проверил в хроме, отлично, видимо мозила не очень. Тема идеальная думаю для интересных решений smile
avatar
MakcMay
 

Мужчина

Сообщения : 584
Возраст : 26
Регистрация : 2011-12-12
Благодарности : 102

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

http://pawno.wikiforum.net

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

Re: Аватар возле последнего сообщения

Сообщение автор Dana Domirani в Сб 4 Авг - 14:46

Вариант для Pun

1. Проверить, чтобы в ПА > Пользователи и группы > Профили — Общие настройки было указано Активировать развернутый профиль : Да

2. В шаблоне index_box (Главная страница - показ категорий) заменить:
Код:
<td class="tcr">
      <span>
      <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
      <!-- END switch_topic_title -->
      {catrow.forumrow.USER_LAST_POST}
      </span>
</td>
на
Код:
<td class="tcr">
      <div class="avs"><span>
      <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
      <!-- END switch_topic_title -->
      {catrow.forumrow.USER_LAST_POST}
      </span></div>
</td>
Сохранить, опубликовать (!)

3. В CSS добавить
Код:
.avs a.inx img {
  float: left;
  width: 40px;
  height: 40px;
  padding: 1px;
  border: 1px solid #DDD;
  margin: 0 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
}
Сохранить.

4. В ПА > Модули > Управление кодами JS
указать "Активировать управление кодами Javascript :да"
и создать новый файл
Название : аватары на главной
Расположение : в оглавлении
Код Javascript :
Код:
$(document).on('ready', function() {
    $('.avs').each(function () {
        var touser = $(this).children('span').children('strong').children('a').attr('href');
        $(this).prepend('<a href="' + touser + '" class="inx"><img src="http://i34.servimg.com/u/f34/16/54/26/99/female10.png" alt="нет аватара" /></a>');
        $(this).children('a').load(touser + ' div.main-content.clearfix.center img:eq(0)');
    });
});



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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


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