Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Картинка в статистике, растояние между категориями и фон для рекламы


Картинка в статистике, растояние между категориями и фон для рекламы

Сообщений 181 страница 200 из 355

181

Lidia-Lada
Не испортится - селектор .item2 можете убрать

0

182

Итак, проблемы в переключении дизайнов на http://arkania.magicrpg.ru/
1. Нет стиля блока в дополнительном поле профиля
http://s9.uploads.ru/t/Wyjwl.png http://sd.uploads.ru/t/BA6H3.png
Сам стиль:

Код:
/* Правка блока персонажа в профиле */
#profile-right li #game span {
  margin-left: -1.5em;
}
#profile-right li #game {
  margin-top: -4em;
}
#profile-right li #game #char, #game #char {
  font-size: x-large;
  font-family: '1 Harrington M'; 
  font-weight: bold;
}
#game:after {
  content: ":₪₪₪₪₪₪₪₪₪₪₪₪₪₪₪₪₪:";
  font-weight: bold;
content: url(http://sh.uploads.ru/zo2iJ.png);
content: url(http://sh.uploads.ru/7qYER.png);
  line-height: 28px;
}

Я его даже в HTML-верх продублировала


2. Подключила Дополнительные Контейнеры для HTML контента, подключаемые только к Определенному выбираемому Стилю

Свернутый текст

<!-- СМЕНА дизайна(или стиля) кнопочками -->
    <script type="text/javascript">
    var linkStyles='<link rel="stylesheet" type="text/css" href="';
    function setcOOkie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
    function getcOOkie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
    function clearSet(L){if(L){setcOOkie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcOOkie("changeStyle");clearSet(Lmem);
    </script>

<!-- Кнопочки -->
<style>#changeStyle img{opacity:.35;}
#changeStyle img:hover{opacity:1;}
.STYLselect{}
img.STYLselect{opacity:1!important;}
</style>
    <div id="changeStyle" style="bottom:5px;right:15px;position:fixed!important;z-index:100;">
    <img src="http://forumstatic.ru/files/0017/ab/1d/12879.png" alt="http://forumstatic.ru/files/0017/ab/1d/85869.css" title="Стандартный дизайн"/>
    <br>
    <img src="http://forumstatic.ru/files/0017/ab/1d/76859.png" alt="http://forumstatic.ru/files/0017/ab/1d/24884.css" title="Дизайн ''Свиток''"/>
    </div>
  <script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L);window.location=document.URL.replace(/#.\d+$/img,"");});</script>

<!-- Дополнительные Контейнеры для HTML контента, подключаемые только к Определенному выбираемому Стилю -->
<!-- Стандартный стиль -->
<style alt="http://forumstatic.ru/files/0017/ab/1d/85869.css" class=OnlyThisStyle>/*
          <!-- Индивидуальная шапка к теме или форуму -->
<script type="text/javascript">
var ftitle, index, findex;

ftitle = [
//Сюда записываем форумы
["Библиотека", "http://forumstatic.ru/files/0015/57/bb/27348.png"],

//Сюда записываем темы
["Смена аватара, статуса, ника и подписи", "http://forumstatic.ru/files/0015/57/bb/27348.png"]
];

$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").css("background-image", "url("+ftitle[findex][1]+")");}
</script>

          <!-- Аватар по умолчанию и для гостя / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'http://forumstatic.ru/files/0015/57/bb/24319.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'http://forumstatic.ru/files/0015/57/bb/46663.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

*/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>

<!-- Стиль "Свиток" -->
<style alt="http://forumstatic.ru/files/0017/ab/1d/24884.css" class=OnlyThisStyle>/*
          <!-- Индивидуальная шапка к теме или форуму -->
<script type="text/javascript">
var ftitle, index, findex;
ftitle = [
//Сюда записываем форумы
["Библиотека", "http://forumstatic.ru/files/0015/68/ac/35904.png"],
//Сюда записываем темы
["Смена аватара, статуса, ника и подписи", "http://forumstatic.ru/files/0015/68/ac/35904.png"]
];
$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").css("background-image", "url("+ftitle[findex][1]+")");}
</script>

          <!-- Разделение форума на блоки -->
<script type="text/javascript">
(function () {
  function setColspan () {
    if($(document).width()<541)$("#pun-viewforum table td[colspan='4']").attr("colspan",2);
    else $("#pun-viewforum table td[colspan='2']").attr("colspan",4);
  };  setColspan ();
  $(window).resize(setColspan)
}())
</script>

          <!-- Аватар по умолчанию и для гостя / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'http://forumstatic.ru/files/0015/68/ac/55418.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'http://forumstatic.ru/files/0015/68/ac/41668.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

*/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>

Но:
- Аватара по-умолчанию и для гостя нет (скриншоты выше и http://s0.uploads.ru/t/0LESX.png),
- Индивидуальной шапки для форума и темы нет (http://arkania.magicrpg.ru/viewforum.php?id=3)
- Правка для разделения форумов бдя второго стиля в мобильном стиле не работает (http://s4.uploads.ru/t/YVR1s.png)

Отредактировано Lidia-Lada (Вт, 27 Сен 2016 20:22:27)

0

183

Lidia-Lada написал(а):

1. Нет стиля блока в дополнительном поле профиля

А эта правка есть в обоих стилях ?
Ну или вставьте её в HTML верх ( будет на всех стилях)

0

184

Deff написал(а):

А эта правка есть в обоих стилях ?
Ну или вставьте её в HTML верх ( будет на всех стилях)

есть в обоих стилях и я в HTML верх поставила, но результата никакого
Добавлено спустя 2 минуты 40 секунд:
А еще не понимаю почему на примере при смене стилей нстраница не перезагружается и остается на одном и том же месте,  у меня перезагружается.

Отредактировано Lidia-Lada (Вт, 27 Сен 2016 19:11:55)

0

185

Lidia-Lada написал(а):

1. Нет стиля блока в дополнительном поле профиля

1. Настройки поля кривые(Администрирование-Поля профиля, нужное поле редактировать):
Поле текстовое, справо от названия, изменения ток Админам-модерам (Иначе HTML не работает!!!)

0

186

Lidia-Lada написал(а):

А еще не понимаю почему на примере при смене стилей нстраница не перезагружается и остается на одном и том же месте,  у меня перезагружается.

Там разные скрипты с контейнерами и без, без контейнеров - не перезагружается(незачем)
Перезагрузка нужна для того, чтобы скрылись контейнеры для старого стиля и запустились для нового
Желательно делать без контейнеров... я же сказал как - картинки ставим прозрачкой, а в стиле прописываем фон к этой прозрачке

0

187

Deff написал(а):

Желательно делать без контейнеров...

Но без них же никуда, поскольку в каждом стиле 2 скрипта отличаются.

Разница

Стандартный стиль

Стиль "Свиток"

<!-- Индивидуальная шапка к теме или форуму -->
<script type="text/javascript">
var ftitle, index, findex;

ftitle = [
//Сюда записываем форумы
["Библиотека", "http://forumstatic.ru/files/0015/57/bb/27348.png"],

//Сюда записываем темы
["Смена аватара, статуса, ника и подписи", "http://forumstatic.ru/files/0015/57/bb/27348.png"]
];

$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").css("background-image", "url("+ftitle[findex][1]+")");}
</script>

<!-- Индивидуальная шапка к теме или форуму -->
<script type="text/javascript">
var ftitle, index, findex;

ftitle = [
//Сюда записываем форумы
["Библиотека", "http://forumstatic.ru/files/0015/68/ac/35904.png"],

//Сюда записываем темы
["Смена аватара, статуса, ника и подписи", "http://forumstatic.ru/files/0015/68/ac/35904.png"]
];

$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").css("background-image", "url("+ftitle[findex][1]+")");}
</script>

<!-- Разделение форума на блоки -->
<script type="text/javascript">
(function () {
  function setColspan () {
    if($(document).width()<541)$("#pun-viewforum table td[colspan='4']").attr("colspan",2);
    else $("#pun-viewforum table td[colspan='2']").attr("colspan",4);
  };  setColspan ();
  $(window).resize(setColspan)
}())
</script>

<!-- Аватар по умолчанию и для гостя / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'http://forumstatic.ru/files/0015/57/bb/24319.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'http://forumstatic.ru/files/0015/57/bb/46663.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

<!-- Аватар по умолчанию и для гостя / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'http://forumstatic.ru/files/0015/68/ac/55418.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'http://forumstatic.ru/files/0015/68/ac/41668.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

Ну с Аватаром по-умолчанию и для гостя, можно картинку сделать прозрачной и в стиле прописать бэкграунд, поскольку там у картинки появляется класс img.defavtr и img.GuestAvtr. Может действительно "проканает"

Кстати http://arkania.rolebb.ru/viewtopic.php?id=55 здесь почему-то аватары гостей не http://forumstatic.ru/files/0015/57/bb/46663.png а как по-умолчанию http://forumstatic.ru/files/0015/57/bb/24319.png

и в самом профиле картинка не имеет класса img.defavtr на основном форуме http://arkania.rolebb.ru/profile.php?id=18

Как быть с разделением и индивидуальной шапкой?

Отредактировано Lidia-Lada (Ср, 28 Сен 2016 17:03:09)

0

188

Я добилась того, чтобы аватар по умолчанию был прозрачным пикселем. и назначила ему бэкграунд

<!-- Аватар по умолчанию и для гостя / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'http://my.forum4.ru/i/blank.gif'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'http://my.forum4.ru/i/blank.gif'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img class="defavtr" src="'+DefAvtr+'"/></div>');
</script>

Первый стиль:

/* Аватар по умолчанию и для гостя / Deff, Alex_63
-----------------------------------------*/
img.defavtr {
  background-image: url(http://forumstatic.ru/files/0015/57/bb/24319.png);
  width: 140px;
  height: 140px;
}

Второй стиль:

/* Аватар по умолчанию и для гостя / Deff, Alex_63
-----------------------------------------*/
img.defavtr {
background-image: url(http://forumstatic.ru/files/0015/68/ac/55418.png);
width: 140px;
height: 140px;
}

Но можно сделать так, чтобы для гостя аватар получал класс img.GuestAvtr, чтобы ему назначить для разных стилей разные бэкграунды?

0

189

Lidia-Lada
Можно менять не по классу, а по разным ссылкам вставленной прозрачки вместо авика (прозрачки залить в админку)
типа

img[src="Ссылка на первую прозрачку под гостем"] {
background-image: url(http://forumstatic.ru/files/0015/68/ac/55418.png);
width: 140px;
height: 140px;
}

img[src="Ссылка на вторую прозрачку под юзером"] {
background-image: url(http://forumstatic.ru/files/0015/68/ac/55418.png);
width: 140px;
height: 140px;
}

0

190

:glasses:  Про шапку к теме... наверно вместо картинки - указывать в массиве к конкретной теме уникальное название класса (мож сваяю к ночи или завтра)

0

191

Lidia-Lada написал(а):

Но можно сделать так, чтобы для гостя аватар получал класс img.GuestAvtr, чтобы ему назначить для разных стилей разные бэкграунды?

:glasses: Прописать для каждого стиля дополнительно:

.post[data-group-id=3] .pa-avatar .defavtr{
  background-image:url(ссылка на аватар для Гостя)!important;
}

и не нун извращаться с разными ссылками для прозрачек

0

192

http://arkania.rolebb.ru/viewtopic.php?id=55
у гостей бєкграунд не меняется(
Может потому что у него статус "Приходящий и уходящий"?


Ну еще хотела спросить. Можно ли только на CSS сделать так, чтобы пользователь-Пиарщик, и пользователь-Читатель меняли аватар со стилем?
Допустим им тоже сделать картинку прозрачнуюю 140х140, а нужное бэкграундом?

Отредактировано Lidia-Lada (Ср, 28 Сен 2016 19:07:49)

0

193

Lidia-Lada
Попробуйте добавить кавычки:

.post[data-group-id="3"] .pa-avatar .defavtr{

+1

194

Alex_63 написал(а):

Lidia-Lada
Попробуйте добавить кавычки:

Сработало.
А по похожему принципу, но с ID пользователя можно сделать

Lidia-Lada написал(а):

чтобы пользователь-Пиарщик, и пользователь-Читатель меняли аватар со стилем?
Допустим им тоже сделать картинку прозрачнуюю 140х140, а нужное бэкграундом?

0

195

Lidia-Lada
Ээ, - Ну если Пиар вход  в отдельной группе, то мон сделать, если нет  -то нет

+1

196

Alex_63 написал(а):

Lidia-Lada
Ээ, - Ну если Пиар вход  в отдельной группе, то мон сделать, если нет  -то нет

Да, в отдельной)
А на странице профиля тогда будет пусто?

0

197

Lidia-Lada написал(а):

Да, в отдельной)А на странице профиля тогда будет пусто?

Ну по идее Вы можете всё-таки использовать мою идею, поставив разные прозрачки-Аватары на Пиар-ник и на читателя
И использовав тот жа код(разный в разных стилях)

img[src="Ссылка на первую прозрачку под Пиар-ником"] {
background-image: url(http://forumstatic.ru/files/0015/68/ac/55418.png);
width: 140px;
height: 140px;
}

img[src="Ссылка на вторую прозрачку под Читателем"] {
background-image: url(http://forumstatic.ru/files/0015/68/ac/55418.png);
width: 140px;
height: 140px;
}

+2

198

Итак, с аватарами разобралась, с разделением форума на блоки тоже (просто кусочек

<script type="text/javascript">
(function () {
  function setColspan () {
    if($(document).width()<541)$("#pun-viewforum table td[colspan='4']").attr("colspan",2);
    else $("#pun-viewforum table td[colspan='2']").attr("colspan",4);
  };  setColspan ();
  $(window).resize(setColspan)
}())
</script>

перенесла. Теперь он для всех форумов)
Но как быть с индивидуальной шапкой?

0

199

Lidia-Lada

<script type="text/javascript">
var ftitle, index, findex;
ftitle = [
//Сюда записываем форумы
["Библиотека", "title-1"],
//Сюда записываем темы
["Смена аватара, статуса, ника и подписи", "title-2"]
];
$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").addClass(ftitle[findex][1]);}
</script>

Затем по классу ( .title-1, .title-2) - Прописываем нужную фоновую картинку в нужном файле стиля

+1

200

Deff
Alex_63
Спасибо Вам!

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Картинка в статистике, растояние между категориями и фон для рекламы