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

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


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

Мы в социальных сетях



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

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


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

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

Хочу изменить виджет последние темы

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

Хочу изменить виджет последние темы

Сообщение автор BaDoGood в Сб 17 Сен - 16:06

Виджет "Последние темы" используется на форуме для информирования о новых сообщениях. Проблема в том, что в виджете текст отображается в размере 10px, который установлен в качестве основного в настройках форума, что не очень удобно. При попытке изменять основной шрифт на 12px, читабельность виджета значительно улучшается, но это изменяет шрифт на всем форуме и влияет на визуализацию форума в целом. Наверное, шрифт виджета можно изменить через коды CSS, но к сожалению уровень моей продвинутости в данном направлении для этих манипуляций недостаточен. Можно ли изменить шрифт виджета "Последние темы" и как это сделать, желательно пошагово?

P.S. При попытке решить данную проблему, попытался установить сторонниий виджет. Однако, обнаружилась следующее: при обращении к RSS-каналу, дается ссылка на первое сообщение обновленной темы, а не на новое сообщение в теме, как хотелось бы. Есть ли решение?

Спасибо!

BaDoGood
Новичок

Сообщения : 4
Возраст : 34
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-09-17

http://badogood.rossiaforum.com

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

Re: Хочу изменить виджет последние темы

Сообщение автор Da Vinchi в Сб 17 Сен - 19:03

@BaDoGood пишет:Виджет "Последние темы" используется на форуме для информирования о новых сообщениях. Проблема в том, что в виджете текст отображается в размере 10px, который установлен в качестве основного в настройках форума, что не очень удобно. При попытке изменять основной шрифт на 12px, читабельность виджета значительно улучшается, но это изменяет шрифт на всем форуме и влияет на визуализацию форума в целом. Наверное, шрифт виджета можно изменить через коды CSS, но к сожалению уровень моей продвинутости в данном направлении для этих манипуляций недостаточен. Можно ли изменить шрифт виджета "Последние темы" и как это сделать, желательно пошагово?

P.S. При попытке решить данную проблему, попытался установить сторонниий виджет. Однако, обнаружилась следующее: при обращении к RSS-каналу, дается ссылка на первое сообщение обновленной темы, а не на новое сообщение в теме, как хотелось бы. Есть ли решение?

Спасибо!
В CSS найти или добавить вот такой кусок
Код:
a:link {
    color: #2b2b2b;
    text-decoration: none;
    background-color: white;
    font-size: 12px;
}
Тут
Код:
font-size: 12px;
Это размер шрифта 12 пикселей.

Прошу учесть, что этот метод увеличит шрифт на всех кликабельных ссылках.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

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

Re: Хочу изменить виджет последние темы

Сообщение автор BaDoGood в Вс 18 Сен - 17:09

@Da Vinchi пишет:Прошу учесть, что этот метод увеличит шрифт на всех кликабельных ссылках.
К сожалению не совсем то, что нужно. Хотелось бы изменить только виджет.

BaDoGood
Новичок

Сообщения : 4
Возраст : 34
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-09-17

http://badogood.rossiaforum.com

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

Отдельный виджет последних тем.

Сообщение автор Феникс в Вс 18 Сен - 18:05

Виджет в ваш форум, который будет отображать последние темы в определенном подфоруме. Пример:


1 - Шаг:
Давайте создадим виджет:

Код:
<div id="newsareal1" class="newsareal"> </div>
Теперь сохраните.

2 - Шаг:
Создаем новый Javascript

Теперь вставляем следующий код, ВНИМАНИЕ,  каждая платформа имеет свой код:


phpBB2:

Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/INSERIRE QUI IL LINK div.topictitle:lt(11)");
});

phpBB3:

Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/INSERIRE QUI IL LINK div.topic-title-container:lt(11)");
});

PunBB И Invision:

Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/INSERIRE QUI IL LINK a.topictitle:lt(11)");
});

Не забудьте забить
Все страницы

Теперь найдите

Код:
INSERIRE QUI IL LINK
нужно вставить окончание ссылки, форум, который вы хотите отобразить в виджете, например:

Код:
f4-blabla-comunicazione
Когда закончите, сохраните и все.

4 - Шаг:
Теперь мы идем, чтобы добавить CSS-код, версия:

phpBB2:

Код:
.newsareal div.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
.newsareal div.topictitle:hover {
background-color: #D8DEDE;
}
.newsareal div.topictitle a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}

phpBB3:

Код:
.newsareal div.topic-title-container {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
.newsareal div.topic-title-container:hover {
background-color: #D8DEDE;
}
.newsareal div.topic-title-container a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}

PunBB И Invision:

Код:
.newsareal a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
.newsareal a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}




Немного о настройках:
Зайдите на форум, который Вы хотите поместить в виджет и посмотрите в адресную строку в конец ссылки. Увидите вроде этого /f15-forum.
Замените на свою. (11) - количество последних тем в показе.
Изображение в настройках CSS поставить можете на свое усмотрение. Главное, подогнать в нужный размер. У меня 18*18px. Можно разместить несколько виджетов, меняя переменные /f15 и #newsareal1 на нужные. Скрипты можно разместить несколько в одном, а вот виджеты каждый отдельно. В таблице верхнюю часть кода со ссылкой придется так же писать отдельно. В двух пониже можно через запятую прописать эти переменные.

Пример:
Код:
#newsareal1,#newsareal2,#newsareal3 div.topic-title-container:hover ....

ну и далее по тексту. smile


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 414
Возраст : 44
Карма : Без предупреждений
Благодарности : 74
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Re: Хочу изменить виджет последние темы

Сообщение автор Феникс в Вс 18 Сен - 18:09

Левая колонка виджетов - это взяты последние темы с нескольких подфорумов.



Это, как альтернатива Вашим пожеланиям. Других способов их удовлетворить нет.


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 414
Возраст : 44
Карма : Без предупреждений
Благодарности : 74
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Re: Хочу изменить виджет последние темы

Сообщение автор BaDoGood в Пн 19 Сен - 11:51

Спасибо, Феникс. Интересно, но сложновато. Решил все проще: зашел в ПА в шаблон Последние темы (mod_recent_topics) и сделал так:
Код:
<!-- BEGIN classical_row -->
 <!-- BEGIN recent_topic_row -->
 » <a href="{classical_row.recent_topic_row.U_TITLE}"><span style="font-size: 12px;"><span style="color: #AA0000">{classical_row.recent_topic_row.L_TITLE}</span></span></a><br />{BY}&nbsp;
,
одновременно изменив размер шрифта и цвет ссылки.

Затем еще добавил разделитель:
Код:
<!-- BEGIN switch_poster_guest -->
 {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->

 {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
<hr width=200 align="left" color="#4D4D4D">

Получилось так:


В идеале еще бы конечно аватар пользователя (как в разделе "Последние сообщения" в каталоге тем на форуме) и начало текста сообщения... wink

BaDoGood
Новичок

Сообщения : 4
Возраст : 34
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-09-17

http://badogood.rossiaforum.com

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

Re: Хочу изменить виджет последние темы

Сообщение автор BaDoGood в Пн 19 Сен - 12:34

@BaDoGood пишет:При попытке решить данную проблему, попытался установить сторонниий виджет. Однако, обнаружилась следующее: при обращении к RSS-каналу, дается ссылка на первое сообщение обновленной темы, а не на новое сообщение в теме, как хотелось бы. Есть ли решение?
С этим можно что-то сделать? Не смог найти в Панели администратора настройку новостных каналов.

BaDoGood
Новичок

Сообщения : 4
Возраст : 34
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-09-17

http://badogood.rossiaforum.com

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

Аватар в виджете последние темы

Сообщение автор Феникс Вчера в 18:03

@BaDoGood пишет:В идеале еще бы конечно аватар пользователя (как в разделе "Последние сообщения" в каталоге тем на форуме) и начало текста сообщения...

Итак, скрипт работает без проблем, необходимо внести небольшие изменения в исходный виджет. Перейти к Панель Управления > Оформление > Портал Шаблоны > и откройте шаблон mod_recent_topics 
Добавить в начало шаблона :
Код:
<div id="recentTopics">

и добавьте в конец шаблона :
Код:
</div>

Сохранить и опубликовать 


Установка

Перейти к Панель администратора > Модули > Управление кодами JavaScript

Название : последние темы аватар
размещения : на всех страницах

Код:
$(function(){  var style = document.createElement('STYLE'), css = '.mini_ava2>img{height:20px;margin-right:5px;width:20px;}';  style.type = 'text/css';  if (style.styleSheet) style.styleSheet.cssText = css;  else style.appendChild(document.createTextNode(css));  document.getElementsByTagName('HEAD')[0].appendChild(style);           if(!window.localStorage) return;           // Default avatar        var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';           // Time of cache 24h*60m*60s*1000ms - one day        var caching_time= 24*60*60*1000;           // Time of cache in case of error 60s*1000ms - one minute        var caching_error= 60*1000;           var set_avatar= function(id) {            $('.mini_ava2.member'+id).html('<img src="'+get_avatar(id)+'" />');        };           var get_avatar= function(id) {            if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))            {                localStorage.setItem('d_ava'+id, default_avatar);                $.get('/u'+id, function (d){                    localStorage.setItem('t_ava'+id,+new Date);                    localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);                    set_avatar(id);                });            }            return localStorage.getItem('d_ava'+id);        };           var to_replace= {};           $('#recentTopics a[href^="/u"]').each(function(){            to_replace[$(this).attr('href').substr(2)]= 1;            $(this).before('<span class="mini_ava2 member'+$(this).attr('href').substr(2)+'"></span>');        });           for(i in to_replace)        {            set_avatar(i);        };       });

Результат:


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 414
Возраст : 44
Карма : Без предупреждений
Благодарности : 74
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

Аватар в виджете последние темы

Сообщение автор Феникс Вчера в 21:34

Либо этот скрипт без вмешательства в шаблоны.

Код:
/****
 * Aplicación: Avatar en el Widget de Últimos Temas
 * Descripción: Esta aplicación muestra el avatar del usuario/a en el widget de últimos temas.
 * Versión: 1.03172014-jq1.9.1 - Narmer (Menés, Meni)
 * Hecho y Optimizado por JScript - 17/Marzo/2014
 * Ver más en: http://ajuda.forumeiros.com
 * Copyright (c) 2014 JScript <jscriptbrasil at live dot com>
 * Optimizado por Araik - 26/08/2016 en: http://asistencia.foroactivo.com/
 * Este trabajo es libre. Puedes alterarlo o distribuirlo bajo los terminos de la  WTFPL, Version 2.
 **/

jQuery(function() {
   var oConfig = {
      sInfo: '<!--' +
         '* Application: Avatar in: Lattest Topics' +
         '* Description: This application can displays the members avatar.' +
         '* Version: 1.03172014-jq1.9.1 - Narmer (Menés, Meni)' +
         '* Made and Optimizations by JScript - 2014/03/17' +
         '-->',
      sDefaultAvatar: 'http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png',
      sCSS: '<style>' +
         '.jsUserPhoto.widget {' +
         'float: left;' +
         'margin-top: 3px;' +
         'margin-right: 10px;' +
         '}' +
         '.jsUserPhoto {' +
         'background: none repeat scroll 0 0 #FFFFFF;' +
         'border: 1px solid #D5D5D5 !important;' +
         'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
         'padding: 1px;' +
         '}' +
         '.jsUserPhoto_mini {' +
         'height: 30px !important;' +
         'width: 30px !important;' +
         '}' +
         '</style>'
   };

   // Add CSS
   jQuery(oConfig.sCSS).insertBefore('body');

   // Show member avatar in Recent Topics Widget!
   var oTarget = $('div#comments_scroll_div').find('a[href^="/t"]'),
      iLen = oTarget.length,
      index = 0;

   oTarget.prepend('<a class="jsUserPhoto widget" href="#" title="No avatar!"><img class="jsUserPhoto_mini" src="' + oConfig.sDefaultAvatar + '" alt="" /></a>');

   oTarget.each(function() {
      var oThis = $(this),
         findUser = oThis.nextAll('a[href^="/u"]').first(),
         container = oThis.find('.jsUserPhoto_mini'),
         storIMG = '',
         userUrl = '',
         topicUrl = '';

      if (findUser.length) {
         userUrl = findUser.attr('href');
         oThis.find('a.jsUserPhoto.widget').attr('href', userUrl).attr('title', findUser.text());
         storIMG = sessionStorage.getItem(userUrl); // Read object from sessionStorage, more fast!
         if (storIMG) {
            container.attr('src', storIMG);
         } else {
            // if not, then only request per session!!!
            jQuery.get(userUrl, function(data) {
               storIMG = jQuery('#emptyidcc .row1.gensmall img:eq(0), #profile-advanced-right .module:first .inner img:eq(0), #profile-advanced-right .main-content img:first, #profile-advanced-right .box-content.profile.center img:first', data).attr('src');
               if (storIMG !== undefined) {
                  container.attr('src', storIMG);
                  // Saving object in sessionStorage
                  sessionStorage.setItem(userUrl, storIMG);
               }
            });
         }
      } else {
         topicUrl = oThis.attr('href');

         var oData = sessionStorage.getItem(topicUrl); // Read object from sessionStorage, more fast!
         if (oData) {
            oData = JSON.parse(oData);
            container.attr('src', oData.storIMG);
            oThis.find('a.jsUserPhoto.widget').attr('href', oData.userUrl).attr('title', oData.userName);
            oThis.append('<br>' + oData.userPname);
         } else {
            jQuery.get(topicUrl, function(data) {
               storIMG = $('.postdetails.poster-profile:first, .postprofile:first dt, .user-basic-info:first, .postprofile-details.postdetails:first dt', data).find('> a[href^="/u"] img').attr('src');
               if (storIMG !== undefined) {
                  container.attr('src', storIMG);
               }
               var oUrl = $('span.name, p.author, h4.username', data).first(),
                  userUrl = oUrl.find('a:last').attr('href'),
                  userName = oUrl.find('a').text(),
                  userPname = oUrl.html();
               oThis.find('a.jsUserPhoto.widget').attr('href', userUrl).attr('title', userName);
               oThis.append('<br>' + userPname);

               var oData = {
                  storIMG: storIMG,
                  userUrl: userUrl,
                  userName: userName,
                  userPname: userPname
               };
               // Saving object in sessionStorage
               sessionStorage.setItem(topicUrl, JSON.stringify(oData));
            });
         }
      }
   });
});

Результат


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 414
Возраст : 44
Карма : Без предупреждений
Благодарности : 74
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

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

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


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