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

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

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


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


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

Сообщений 321 страница 340 из 355

321

Alex_63
Все равно не пойму почему не переносятся подфорумы:( на http://beads.artbb.su/ в форумы в категории "Хобби участников"(

0

322

Alex_63
http://beads.artbb.su/blogs.php?act=show&blog=72
Как аватар комментирующего сделать по центру .punbb #BlogTable .left_cnt .pa-avatar

Решила правки к стлю блогов сделать просто дополнением к общему стилю, поскольку буду делать еще один стиль.
Добавлено спустя 5 минут 48 секунд:

И еще: можно, чтобы у комментирующих пол тоже картинкой отображался?

Отредактировано Lidia-Lada (Пт, 25 Ноя 2016 12:14:17)

0

323

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

Все равно не пойму почему не переносятся подфорумы

Буду править трабл с двойными кавычками... Быстро не обещаю, т.к проблема достаточно сложная

0

324

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

Как аватар комментирующего сделать по центру .punbb #BlogTable .left_cnt .pa-avatar

В Первом Окне стилей добавка синим

.punbb #BlogTable .left_cnt .pa-avatar {
  min-height: 100px!important;
  max-height: 100px!important;
  text-align:center!important;
}
.punbb #BlogTable .left_cnt .pa-avatar>img{
  float:none!important;
}

+1

325

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

И еще: можно, чтобы у комментирующих пол тоже картинкой отображался?

Можно попробовать заменить скрипт на

<!--Пол пользователя картинками-->
<script type="text/javascript">
$(function(){$(".pa-sex").each(function(){
if (this.innerHTML.indexOf("Мужской")!=-1)this.innerHTML="Пол: "+"<img src='/i/blank.gif?=male' />";
if (this.innerHTML.indexOf("Женский")!=-1)this.innerHTML="Пол: "+"<img src='/i/blank.gif?=female' />";
});});
</script>

+1

326

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

http://beads.artbb.su/
а можно снежный .helper "присобачить на "Последние записи в блогах"?

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

Напомните завтра(лучше с утра) - Сейчас убегаю...

Повторяюсь) Но тут
Этот .helper:

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

<!--Новогоднее-->
<style>
#pun-navlinks, .category, #pun-stats, li.pa-avatar, .multipage {position: relative;}
.helper {
  background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat scroll 0% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_c_b.png) no-repeat scroll 50% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_r_b.png) no-repeat scroll 100% 0% !important;
  display: block;
  height: 30px;
  left: -10px;
  padding: 0 5px;
  position: absolute;
  margin-top: -17px;
  width: 101%;
}
.post .helper {
  display: none;
}

li.pa-avatar:after {
  background: url(https://lifeunion.ru/styles/SHNewYear/lapy.png) no-repeat scroll left transparent;
  background-size: 215px auto;
  content: "";
  display: block;
  height: 100px;
  width: 215px;
  left: -25px;
  margin-top: -30px;
  position: absolute;
}
li.pa-avatar {margin-bottom:45px;}

@media screen and (max-width: 540px) {
.helper {
  background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat scroll 0% 0%!important;
}
}
</style>
<script>
$(document).ready(function() {
$(".category, #pun-stats, .multipage, #pun-stats .lastblogs, #post-form, .post, #pun-redirect").prepend("<span class='helper'></span>");
});
</script>

Отредактировано Lidia-Lada (Ср, 14 Дек 2016 03:14:30)

0

327

Lidia-Lada
Замените код Новогодних Украшений на такой:

Код:
<!-- Новогоднее © kolobdur74, Alex_63, Домовой -->
<style type="text/css">
#pun-navlinks,.category,#pun-stats,li.pa-avatar,.multipage,.lastblogs {position:relative;}
#pun-navlinks:before,.category:before,#pun-stats:before,.multipage:before,.lastblogs:before {
  background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat 0 0, 
              url(https://lifeunion.ru/styles/SHNewYear/snow_c_b.png) no-repeat 50% 0, 
              url(https://lifeunion.ru/styles/SHNewYear/snow_r_b.png) no-repeat 100% 0;
  display:block;content:"";
  height:30px;width:100%;
  top:-17px;left:-5px;
  padding:0 5px;
  position:absolute;
} 
li.pa-avatar:after {
  background:url(https://lifeunion.ru/styles/SHNewYear/lapy.png) no-repeat scroll left transparent;
  background-size:215px auto;
  content:"";display:block;
  height:100px;width:215px;
  left:-25px;margin-top:-30px;
  position:absolute;
}
li.pa-avatar {
  padding-bottom:33px;
}
</style>

0

328

http://beads.artbb.su/viewtopic.php?id=1#p131
есть на аватарке уголки а как их переместить по углам аватарки? уже сделала
А вот как сделать такие же уголки на аватарках на странице профиля? http://beads.artbb.su/profile.php?id=2

Отредактировано Lidia-Lada (Чт, 15 Дек 2016 02:16:15)

0

329

Lidia-Lada
:glasses: Ну наверно  в скрипте оборачивания аватарки добавить

$(document).ready(function(){
    var imgWrp = "/i/blank.gif"; // Ccылка на картинку;
    imgWrp = '<img class="TL" src="'+imgWrp+'" style="position:absolute;z-index:100;"/><img class="TR" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/><img class="BL" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/><img class="BR" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/>'
    $("div.post-author ul li.pa-avatar img[alt],#viewprofile #profile-left li img").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});

Ну  и в стилях оформить соответственно, ток вместо li.pa-avatar подставлять #profile-left li

0

330

Alex_63
что-то не получилось у меня( опять выгоняют и нет возможности покопаться

0

331

/* Счётчик файлов
-----------------------------------------*/
table#filetable tbody {counter-reset: section;}
table#filetable tbody td.tcl:before {
  counter-increment: section;
  content: counter(section) ". ";
  }
/* Счётчик страниц
-----------------------------------------*/
div#pun-admin_pages table.adcontainer tbody {counter-reset: section;}
div#pun-admin_pages table.adcontainer tbody td.tcl:before {
  counter-increment: section;
  content: counter(section) ". ";}
/* Счётчик пунктов в опросе
-----------------------------------------*/
.poll2 tbody {counter-reset: section;}
.poll2 tbody td:not([class="tac"]):nth-child(1) span:before {counter-increment: section; content: counter(section) ". ";}
/* Счётчик участников
-----------------------------------------*/
#pun-userlist .usertable  tbody {counter-reset: section;}
#pun-userlist .usertable  tbody td.tcl:before {
  counter-increment: section;
  content: counter(section) ". ";}
/* Счётчик ЛС
-----------------------------------------*/
#pun-messages #profile fieldset tbody {counter-reset: section;}
#pun-messages #profile fieldset tbody td.tcl:before {
  counter-increment: section;
  content: counter(section) ". ";}
/* Счётчик на странице Статистика форума
-----------------------------------------*/
#pun-statistic #active_users tbody, #pun-statistic #max_visit_time tbody, #pun-statistic #most_invites tbody, #pun-statistic #administration tbody, #pun-statistic #max_views_topics tbody, #pun-statistic #max_posts_topics tbody {counter-reset: section;}
#pun-statistic #active_users tbody td.tcl:before, #pun-statistic #max_visit_time tbody td.tcl:before, #pun-statistic #most_invites tbody td.tcl:before, #pun-statistic #administration tbody td.tcl:before, #pun-statistic #max_views_topics tbody td.tcl:before, #pun-statistic #max_posts_topics tbody td.tcl:before {
  counter-increment: section;
  content: counter(section) ". ";}

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

0

332

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

что-то не получилось у меня( опять выгоняют и нет возможности покопаться

Так и не получилось?

0

333

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

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

Сейчас количество загруженных файлов отображается цифрой под списком Файлов, цифры(нумерацию каждого файла) Админ сервиса выключил кодом на странице админфайлов
Исходный Пост поправил(пояснил про неактуальность).. Думаю Romych не будет против

0

334

Alex_63
Поставила

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

<!--Ставим рамки для Аватара -->
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt], #viewprofile #profile-left li img{
  display:block;
  padding:0;
}
li.pa-avatar .Wrp-ava img.TL, li.pa-avatar .Wrp-ava img.TR, li.pa-avatar .Wrp-ava img.BL, li.pa-avatar .Wrp-ava img.BR,
#BlogTable .left_cnt .pa-avatar .Wrp-ava img.TL, #BlogTable .left_cnt .pa-avatar .Wrp-ava img.TR, #BlogTable .left_cnt .pa-avatar .Wrp-ava img.BL, #BlogTable .left_cnt .pa-avatar .Wrp-ava img.BR {
  position:absolute;
  z-index:100;
  width:20px;
  border: 0;
  box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
}
li.pa-avatar .Wrp-ava img.TL, #profile-left li .Wrp-ava img.TL {
  background: url(http://forumstatic.ru/files/0017/d6/f9/32771.png) top left no-repeat;
  background-size: 20px;
  left: 2px;
  top: 0px;
}
li.pa-avatar .Wrp-ava img.TR, #profile-left li .Wrp-ava img.TR {
  background: url(http://forumstatic.ru/files/0017/d6/f9/31262.png) top right no-repeat;
  background-size: 20px;
  right: 2px;
  top: 0px;
}
li.pa-avatar .Wrp-ava img.BR, #profile-left li .Wrp-ava img.BR {
  background: url(http://forumstatic.ru/files/0017/d6/f9/37568.png) bottom right no-repeat;
  background-size: 20px;
  right: 2px;
  bottom: 2px;
}
li.pa-avatar .Wrp-ava img.BL, #profile-left li .Wrp-ava img.BL {
  background: url(http://forumstatic.ru/files/0017/d6/f9/44874.png) bottom left no-repeat;
  background-size: 20px;
  left: 2px;
  bottom: 2px;
}
</style>
<script>
$(document).ready(function(){
    var imgWrp = "/i/blank.gif"; // Ccылка на картинку;
    imgWrp = '<img class="TL" src="'+imgWrp+'" style="position:absolute;z-index:100;"/><img class="TR" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/><img class="BL" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/><img class="BR" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/>'
    $("div.post-author ul li.pa-avatar img[alt],#viewprofile #profile-left li img").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->

но что-то нет результата

0

335

Lidia-Lada
Попробуйте так  (Не тестил - но должно сработать

Код:
<!--Ставим рамки для Аватара --> 
<style type="text/css">
.punbb .Wrp-ava img[alt]{
  display:block;
  padding:0;
}
.punbb .Wrp-ava img.TL, .punbb .Wrp-ava img.TR, .punbb .Wrp-ava img.BL, .punbb .Wrp-ava img.BR {
  position:absolute;
  z-index:100;
  width:20px;
  border: 0;
  box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
}
.punbb .Wrp-ava img.TL  {
  background: url(http://forumstatic.ru/files/0017/d6/f9/32771.png) top left no-repeat;
  background-size: 20px;
  left: 2px;
  top: 0px;
}
.punbb .Wrp-ava img.TR {
  background: url(http://forumstatic.ru/files/0017/d6/f9/31262.png) top right no-repeat;
  background-size: 20px;
  right: 2px;
  top: 0px;
}
.punbb .Wrp-ava img.BR {
  background: url(http://forumstatic.ru/files/0017/d6/f9/37568.png) bottom right no-repeat;
  background-size: 20px;
  right: 2px;
  bottom: 2px;
}
.punbb .Wrp-ava img.BL {
  background: url(http://forumstatic.ru/files/0017/d6/f9/44874.png) bottom left no-repeat;
  background-size: 20px;
  left: 2px;
  bottom: 2px;
}
</style>
<script>
$(document).ready(function(){
    var imgWrp = "/i/blank.gif"; // Ccылка на картинку;
    imgWrp = '<img class="TL" src="'+imgWrp+'" style="position:absolute;z-index:100;"/><img class="TR" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/><img class="BL" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/><img class="BR" src="'+imgWrp+'" style="position:absolute;z-index:100;width=20px;"/>'
    $("div.post-author ul li.pa-avatar img[alt],#profile-left li img").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->

0

336

Alex_63
Для гостя видны уголки, но я не могу убрать тень у них. Ни в какую. Плюс бусинки на задний план уехали:( Для зарегистрированных пользователей так же. Только в скрипте полного профиля не отображаются эти уголки. Может конфликт? Можно это дело решить?.

0

337

Lidia-Lada
1. Ну Во-первых добавить синим в Первом Окне стилей (Тады уберется тень на уголках

li.pa-avatar img, #viewprofile li div img[alt] {
  width: 156px;
  height: auto;
  border-style: solid;
  border-width: 0 2px 2px;
  border-color: #263e59;
  box-shadow: 0 0 10px#263e59!important;
-webkit-box-shadow: 0 0 10px #263e59!important;
-moz-box-shadow: 0 0 10px #263e59!important;
}

2. Во-вторых попробовать переставить скрипт Рамки Выше скрипта просмотра профиля

+1

338

На счет рамок  :cool:

А можно в скрипте  Скрипты от пользователей 3 сделать так, чтобы не изображения прописывать, а класс или ИД добавлять, а фоновую картинку для всех прозрачкой сделать? И чтобы звездочки-бусинки не добавлялись, а картинки ранга менялись.
И чтобы это дело отражалось также на странице профиля?

А еще чтобы при наведении кроме слов "Более Х сообщений" было написано сам ранг. Например 7 бусинок - это звание "Гуру". В итоге віводилось бы

Гуру
(Более 1000 сообщений)

Плюс этот скрипт с чем-то конфликтует (ищу с чем) Надо было ставить выше скрипта "Выделяем жирным поля профиля"

Отредактировано Lidia-Lada (Сб, 17 Дек 2016 18:15:41)

0

339

Lidia-Lada
Чот не получилось у мну ...(Напомните завтра - посмотрю еще раз

0

340

Lidia-Lada
Ну как-то так (У картинки Ранга будет всплывающий титл,
Красное - ставим свое, в таком формате:
"Доп-класс | Звание",кол-во постов,
Селектор у картинки будет соотв-но .img-zwezda.Доп-класс

<style>      /* Аналог ранга скриптом */
li.pa-zwezda {
position:relative;
z-index:100;
margin-top:-5px;
margin-bottom:-0px;
margin-left: 3px;
color:red;
}
li.pa-zwezda img{
width:100px;  /*Ширина картинки */
}
</style>

<script type="text/javascript">
var MyZwzd=[
"zv-1 | Звание1",21,
"zv-2 | Звание2",101,
"zv-3 | Звание3",501,
"zv-4 | Звание4",1001,
"zv-5 | Звание5",5001,

"End"];

$(".post-author .pa-posts").each(function () {
var zw=0;zw=$(this).html().replace('Сообщений: ','');zw=Math.floor(zw),ZWleng=MyZwzd.length-2;//alert(MyZwzd[1])
if(zw>=MyZwzd[1]){var L1=[],L2=[],a=false;for(i=0; i<ZWleng; i+=2){j=ZWleng-i;
L1[i/2]=Math.floor(zw/MyZwzd[j]);if(L1[i/2]>0){a=true};L2[i/2]=MyZwzd[j-1];zw=zw-MyZwzd[j]*L1[i/2];}

if(a){$(this).parent("ul").children(".pa-title").after('<li class="pa-zwezda"></li>');
for (var i=0; i<L1.length; i++){if(L1[i]>0){var Z=L2[i].split(' | ');
   var zwzdaImg='<img src="/i/blank.gif" class="img-zwezda '+Z[0]+'" title="<b>'+Z[1]+'</b><br/>(Более '+(MyZwzd[ZWleng-i*2]-1)+' cообщений)"/>';
   for (var x=0; x<L1[i]; x++){$(this).parent("ul").children(".pa-zwezda").append(zwzdaImg);break};break}}}};});
$(".pa-zwezda img[title]").tipsy({html:true,fade:true,gravity:"s"});
</script>

+1


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