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

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

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


Вы здесь » Единый форум поддержки » Новые возможности форумов » Боковая панель - установка, вопросы, проблемы


Боковая панель - установка, вопросы, проблемы

Сообщений 381 страница 400 из 412

381

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

0

382

kartyz
скрипт по ссылке вот => . Вариант Информационного Блока от Duka с облегченным заполнением Информацией

0

383

Спасибо Deff :cool:  оперативненько

0

384

И снова здрасте всем. У меня возник вопросец реализации: можно ли поместить этот блок за пределами таблицы форума (слева, например)? При этом не занимая сами объявления. Понятно, что этот кусочек...

</div></div></div><table width="100%" ><tr><td id="sidebar">
здесь можно попробовать сделать нечто подобное на блок крутой
</td><td style="padding: 0px;"><div><div><div>

...в HTML-вверх надо тогда поместить. Но при попытке этой разносит всю таблицу. Видимо, в стиле стоит настройка закрепления.

Отредактировано LostKei (Чт, 16 Июл 2015 16:18:52)

0

385

LostKei
Пробуйте в HTML верх

<style type="text/css">
#sidebar{
  position:absolute;
  margin-left:-10px;
  margin-top:50px;
}
</style>

0

386

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

Боковые сайдбары - за пределами полотна форума

Ставим в Объявление

Минимально необходимые части -выделены -желтым тёмным, а так же жирным(сss)
(*Фоновые картинки ставим свои

Краснo-коричневым - левый сайдбар - Сине-фиолетовым - правый (который не нужен -убираем - или оставляем оба

Отредактировано Deff (Чт, 12 Дек 2013 14:47:36)

а можно как-нибудь этот левый сайдбар объединить один?

0

387

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

а можно как-нибудь этот левый сайдбар объединить один?

Там написано, тот который не нужен - просто эту чать HTML не прописываем

0

388

Deff
нет, я не так выразился, наверное.)
Я поставил только левый сайдбар. но мне нужно, что бы он состоял не из трех частей, а из одной длинной. так можно?)

0

389

boom
Дайте ссылку на ресурс с проблемой

0

390

Deff
разобрался, спасибо и извините, что отвлек.)

0

391

Доброго времени суток. На форуме стоит панель от Duka. Все устраивает но...
-Смущают уж слишком большие отступы между форумом и панелью. Нельзя ли их как ни будь уменьшить?
-Боковая панель искажает форум при просмотре на мобильных устройствах. (В моем случае значение ширины панели 240px, и при просмотре форума через мобильный она занимает всю область экрана, смещая форум) Можно ли как нибудь адаптировать панель в этом плане? Или ввести правило не показывать панель при просмотре форума через моб. приложения?
-Третья проблема, скорее всего заключена не в панели, но так как я не особо силен в скриптах и стилях, то думаю что возможно и в ней. В любом случае без помощи профи мне не обойтись. Дело вот в чем: Ширина форума в той области, где стоит панель Уже, чем основная примерно на 10-15px.

http://s2.uploads.ru/t/AGCp0.png

Пробовал ковырять настройки панели, лазил в опциях стиля (Я использую опцию "Свой стиль"), но так и не смог исправить. Уж очень это напрягает пользователей, хочется сделать ширину форума одинаковой во всех его блоках. Возможно дело не в панели а в настройках категорий, в любом случае, все мои попытки исправить этот мелкий недочет были тщетны. Вот и решил попросить помощи здесь.

К сообщению прилагаю:
Адрес форума: http://rptrainz.ru/
html верх:

Развернуть

<!-- UserPanel by Fover -->
<script type="text/javascript">
navlink=false; // главное меню видимо, false - скрыто
ulink=true; // пользовательские ссылки видимы, false - скрыты
nav1 = ''; // Добавляем ссылку в панель навигации
nav2 = ''; // Добавляем ссылку в панель навигации
nav3 = ''; // Добавляем ссылку в панель навигации
unav1 = '<a href="http://rptrainz.ru/blogs.php?act=new">Написать в блог</a>'; // Добавляем ссылку в всплывающее меню
unav2 = ''; // Добавляем ссылку в всплывающее меню
unav3 = ''; // Добавляем ссылку в всплывающее меню
unav4 = ''; // Добавляем ссылку в всплывающее меню
unav5 = ''; // Добавляем ссылку в всплывающее меню
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0013/78/e2/86504.js"></script>
<!-- End UserPanel by Fover -->

<style type="text/css">
#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}
.Tems_And_messages {
display:inline-block;
width:116px;
}
.Add {
display:inline-block;
background-color:#E1E1E1; /*фон блока*/
border-radius:6px;
margin-top:5px;

padding:2px 7px;
}
.Tems_And_messages .right{
color:#000000; /*цвет количества тем и сообщений*/
font-style: italic;
}
</style>

<style type="text/css">
#pun-title .title-logo {background-image: url(http://s3.uploads.ru/d/QLMWY.png); background-repeat: no-repeat;}
</style>

<link rel="stylesheet" type="text/css" href="http://i.rusff.ru/f/ru/rusff/rusff.live.css?6" />
<script type="text/javascript" src="http://i.rusff.ru/f/ru/rusff/rusff.live.js?5"></script>
<script type="text/javascript">
$(function(){
      var obj = {
            text: 'Нравится пост? Рекомендуй другим участникам!',
            stat_live: true
      }
      try {
            obj.data = {
                  UserID    : UserID,
                  UserLogin : UserLogin,
                  UserAvatar: UserAvatar,
                  GroupID   : GroupID,
            }
      } catch(e){
            obj.data = {GroupID: 3}
      }

      rusffLive.init( obj );
});
</script>

<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 32px; width: 32px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}

tr#forum_f37 div.icon {background-image: url(http://s7.uploads.ru/d/hSEzr.png);  }
tr#forum_f37 div.inew {background-image: url(http://s7.uploads.ru/d/hSEzr.png);  }

tr#forum_f35 div.icon {background-image: url(http://s6.uploads.ru/d/ItwVD.png);  }
tr#forum_f35 div.inew {background-image: url(http://s7.uploads.ru/d/qCRW5.png);  }

tr#forum_f12 div.icon {background-image: url(http://s7.uploads.ru/d/NoxLh.png);  }
tr#forum_f12 div.inew {background-image: url(http://s7.uploads.ru/d/NoxLh.png);  }

tr#forum_f8 div.icon {background-image: url(http://s3.uploads.ru/d/1Dp56.png);  }
tr#forum_f8 div.inew {background-image: url(http://s3.uploads.ru/d/1Dp56.png);  }

tr#forum_f10 div.icon {background-image: url(http://s2.uploads.ru/d/ZsY7T.png);  }
tr#forum_f10 div.inew {background-image: url(http://s2.uploads.ru/d/ZsY7T.png);  }

tr#forum_f31 div.icon {background-image: url(http://s7.uploads.ru/d/2zI5s.png);  }
tr#forum_f31 div.inew {background-image: url(http://s7.uploads.ru/d/2zI5s.png);  }

tr#forum_f4 div.icon {background-image: url(http://s7.uploads.ru/d/odQ4c.png);  }
tr#forum_f4 div.inew {background-image: url(http://s7.uploads.ru/d/odQ4c.png);  }

tr#forum_f29 div.icon {background-image: url(http://s3.uploads.ru/d/mDAHK.png);  }
tr#forum_f29 div.inew {background-image: url(http://s3.uploads.ru/d/mDAHK.png);  }

tr#forum_f28 div.icon {background-image: url(http://s3.uploads.ru/d/qob1N.png);  }
tr#forum_f28 div.inew {background-image: url(http://s3.uploads.ru/d/qob1N.png);  }

tr#forum_f16 div.icon {background-image: url(http://s6.uploads.ru/d/8ATEM.png);  }
tr#forum_f16 div.inew {background-image: url(http://s6.uploads.ru/d/8ATEM.png);  }

tr#forum_f13 div.icon {background-image: url(http://s6.uploads.ru/d/FxJUh.png);  }
tr#forum_f13 div.inew {background-image: url(http://s6.uploads.ru/d/FxJUh.png);  }

tr#forum_f22 div.icon {background-image: url(http://s7.uploads.ru/d/HEjep.png);  }
tr#forum_f22 div.inew {background-image: url(http://s7.uploads.ru/d/HEjep.png);  }

tr#forum_f26 div.icon {background-image: url(http://s7.uploads.ru/d/X6L3u.png);  }
tr#forum_f26 div.inew {background-image: url(http://s7.uploads.ru/d/X6L3u.png);  }

tr#forum_f32 div.icon {background-image: url(http://s3.uploads.ru/d/yzfbg.png);  }
tr#forum_f32 div.inew {background-image: url(http://s3.uploads.ru/d/yzfbg.png);  }

tr#forum_f21 div.icon {background-image: url(http://s6.uploads.ru/d/bz3IC.png);  }
tr#forum_f21 div.inew {background-image: url(http://s6.uploads.ru/d/bz3IC.png);  }

tr#forum_f18 div.icon {background-image: url(http://s6.uploads.ru/d/pdQJr.png);  }
tr#forum_f18 div.inew {background-image: url(http://s6.uploads.ru/d/pdQJr.png);  }

tr#forum_f27 div.icon {background-image: url(http://s7.uploads.ru/d/mUTIv.png);  }
tr#forum_f27 div.inew {background-image: url(http://s7.uploads.ru/d/mUTIv.png);  }

tr#forum_f23 div.icon {background-image: url(http://s2.uploads.ru/d/tKy0i.png);  }
tr#forum_f23 div.inew {background-image: url(http://s2.uploads.ru/d/tKy0i.png);  }

tr#forum_f17 div.icon {background-image: url(http://s7.uploads.ru/d/5qm0n.png);  }
tr#forum_f17 div.inew {background-image: url(http://s7.uploads.ru/d/5qm0n.png);  }

tr#forum_f11 div.icon {background-image: url(http://s2.uploads.ru/d/3ICv6.png);  }
tr#forum_f11 div.inew {background-image: url(http://s2.uploads.ru/d/3ICv6.png);  }
</style>

<!-- Система блогов на форум © Alex_63 / Ч.1 в HTML верх -->
<script type="text/javascript">var BLOG = {};
// Настройки //
BLOG.last    = 1; // Вывод последних записей на Главную, 0 - выключено, 1 -включено
BLOG.view    = [0]; // Группы, допущенные к просмотру блогов; 0 - все группы
BLOG.groups  = [0]; // Группы, допущенные к созданию блогов, 0 - все группы (кроме Гостя)
BLOG.comment = 0; // Группы, допущенные к комментированию записей; 0 - все группы(кроме Гостя)
BLOG.fID     = 38; // ID форума для блогов
</script>
<style type="text/css">.category.BlogCat{display:none!important;}</style>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0016/f0/0a/72354.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0016/f0/0a/72355.js"></script>

Html Низ

Развернуть

<script type="text/javascript">
if (document.URL.indexOf("viewtopic.php") != -1) document.getElementById("pun-main").getElementsByTagName("h1")[0].innerHTML += "<span style='float: right; padding-left;'>Тему просмотрели: <b>" + FORUM.get('topic.num_views') + "</b> раз(а)</span>"
</script>

<script type="text/javascript">
$(document).ready(function(){
$('#pun-viewtopic div.post').each(function(){
var purl = $(this).find('.pl-email:first a').attr('href');
var pem = $(this).find('.pl-email:last a').attr('href');
var pls = purl.slice(purl.indexOf('id=')+3);var pweb = $(this).find(".post-links ul li.pl-website a");
var pwu = pweb.attr("href");
var sumb = String.fromCharCode(9660);
$(this).find("div.post-author .pa-author a").after(" <span style='cursor:pointer;' class='vprofo open'>"+sumb+"</span><div class='viewp' style='color: rgb(153, 153, 153);display: block;position: absolute;margin-left: 30px!important;width: auto;padding: 8px;background: #fff; border: 1px solid #cecece;'>• <a href='"+purl+"'>Посмотреть профиль</a><br />• <a href='http://admin.webtalk.ru/messages.php?action=new&uid="+pls+"'>Написать ЛС</a><br>• <a href='"+pem+"'>Написать E-mail</a><fweb><br>• <a href='"+pwu+"'>Веб-сайт</a></fweb></div>");
if(pweb.length){}else {$(this).find("fweb").replaceWith(" ");}
$(".viewp, .pl-email, .pl-website").hide();
$(this).find("div.post-author .pa-author .vprofo").click(function () {
$(this).toggleClass("open").toggleClass("close").next().toggle()});});});
</script>

<script language="JavaScript">
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {
document.write("<div id='messanger' class='section' style='position: fixed; right: 15%; top: 3%; z-index: 1000; width: 320px; height: 110px;'><h2 style='background-color: #2b587a; color: #ffffff; text-align: center;'>Оповещение</h2><div class='container' style='padding: 15px; text-align: center; background-color: #ebeaf0;'><span>Вам пришло новое личное сообщение</span><br /><br /> <span style='color: black;'>Чтобы прочесть его, нажмите на эту кнопку.</span><br /><br /><br /><a class='mess' onclick=\"window.open(href='/messages.php'); return false\" style='background-color: rgb(212, 212, 212); border-style: none; cursor: pointer; font-size: 20px;' >&nbsp;&nbsp;&nbsp;Прочитать&nbsp;&nbsp;&nbsp;</a></div><embed height='1' width='1' type='application/x-shockwave-flash' wmode='transparent' quality='high' src='http://promobil.kiev.ua/engine/classes/flashplayer/media_player.swf?MediaLink=http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3&amp;defaultMedia=1&amp;showPlayButton=false&amp;playOnStart=true'></div>");}
$(function(){$('.mess').click(function(){
$('#messanger').toggle();}); });
</script>

<script>if($("#navlogin").html()!=null)$("#pun-status p.container").hide();</script>










<script type="text/javascript">
    $('#pun-index .category td.tcl .tclcon').each(function() {
      var str='<br>';
      $(str).appendTo(this)
    });
    </script><style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 25px;
width: 25px;
}
.punbb td div.tclcon {
margin-left: 20px;
}
Div.icon {
background-image : url(http://www.iconsearch.ru/uploads/icons/ … cument.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://www.iconsearch.ru/uploads/icons/ … t-edit.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://www.iconsearch.ru/uploads/icons/ … nt-new.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://www.iconsearch.ru/uploads/icons/ … 24/gpg.png);
background-repeat: no-repeat;
}
</style>








<script>
var supermod = new Array("Scorp121","prostovasya347", "Артем Д", "Исаев Максим", "Володя", "Bumbarash")
var mod=document.getElementsByTagName("span")
var str
for(x in mod) if(mod[x].className=="modlist"){
for(y in supermod)
    if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
        mod[x].innerHTML=remName(mod[x].innerHTML,pos)
}
function remName(str,pos){
var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
if(pos2==-1) return("")
while(pos>pos2 && pos2!=-1){
    pos1=pos2
    pos2=str.indexOf("<A href",pos1+1)
}
if(pos2==-1){
    pos2=str.length-1
    pos1-=2
}
return (str.substring(0,pos1)+str.substring(pos2,str.length))
}
</script>















<script src="/export.php?type=js&max=10" type="text/javascript"></script>
<script type="text/javascript">
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h2></h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Новые сообщения в темах</th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}

var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>Общая статистика</h2>"+name+""
}
i++
}
</script>

<style type="text/css">
#pun {
width : 81%;
margin: 0  auto;
}
</style>










<script type="text/javascript">
$('#pun-viewtopic').map(function () {
var Loc = $(this).find('#pun-crumbs1 a:last').attr('href');
Loc = Loc.slice(Loc.indexOf('?id=')+4);
$(this).find('.postlink').append('<span style="padding-left:0px;padding-right:0px"><a rel="nofollow" href="http://'+window.location.hostname+'/post.php?fid='+Loc+'">Создать новую тему</a></span><span><a rel="nofollow" href="http://'+window.location.hostname+'/poll.php?fid='+Loc+'">Создать новый опрос</a></span>').css('width','auto');
})
</script>


<script type='text/javascript'>document.getElementById('pun-stats').getElementsByTagName('li')[2].childNodes[0].innerHTML = 'Нас уже:' ;</script>


<div id="pun-main" class="main">
<div id="pun-category1" class="category">
<h2><span>Реклама и партнеры</span></h2>
<div class="container"><br>
<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- плашка -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-1738127733089377"
     data-ad-slot="5857827048"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
<br><br></div>
</div>
</div>

<center><br>
    <a href="https://vk.com/tsm_development" target="_blank"><img height="31" width="88" border="0" src="https://www.tsmteam.ru/button88x31.gif" alt=""></a>
   <a href="https://vk.com/world_of_trainz" target="_blank"><img height="31" width="88" border="0" src="http://s2.uploads.ru/d/dpVk6.jpg" alt="" /></a>   
<a href="http://trainz-mp.ru/forum/index.php/" target="_blank"><img height="31" width="88" border="0" src="http://trainzup.com/image/mp.png" alt="" /></a>

<a href="http://xn----7sbagnlkzs1awm3jwb.xn--p1ai/" target="_blank"><img src="https://pp.vk.me/c624220/v624220888/43757/2aipedB1XBc.jpg" border="0" width="88" height="31" alt=
    "http://xn----7sbagnlkzs1awm3jwb.xn--p1ai/ " /></a>

<a href="http://www.fortrainz.ru/" target="_blank"><img alt="For Trainz" title="For Trainz - Дополнения для Trainz Railroad Simulator" src="http://www.fortrainz.ru/images/button.gif" /></a>
<a href="http://trainzsim.jimdo.com/" target="_blank"><img src="http://s009.radikal.ru/i307/1509/62/233267060099.gif" border="0" title=" trainz2012 " width="88" height="31" alt=
    " trainz2012 " /></a>
  <a href="http://vtl-trainz.at.ua/" target="_blank"><img src="http://vtl-trainz.at.ua/banner.png" border="0" alt="vtl-trainz" /></a>
 
<a href="http://parovoz.com/rrr/index.php?CAT=MISC&amp;LANG=RU&amp;ORDERBY=3" target="_blank"><img src="http://www.parovoz.com/rrr88x31.gif" border="0" title="каталог " width="88" height="31"
    alt="" /></a>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t14.11;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet--> <!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=34261120&amp;from=informer"
target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/34261120/3_0_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:34261120,lang:'ru'});return false}catch(e){}" /></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<script src="https://mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
<script type="text/javascript">
try {
    var yaCounter34261120 = new Ya.Metrika({
        id:34261120,
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
    });
} catch(e) { }
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/34261120" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><br>

    Copyright © Форум существует с 12.10.2015г. и принадлежит проекту "Русский поезд" В.Бражникова.<br>Любое использование материалов возможно только при условии активной ссылки на wwwRPTrainz.ru

<style type="text/css">
HTML, BODY {background-image: url(""); background-repeat: no-repeat; background-attachment: fixed;}
</style><script type="text/javascript">
var DefAvtr="http://s3.uploads.ru/d/C78Pp.png";
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>

<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 10%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/d/z0bAP.png" alt="Наверх" ></a>
<br/>
</div></center>




<div id=Inf_block_Right style="display:none">
    <!--НАЧАЛО-->
   <h2>Мини чат</h2><br>
   <center> <!-- BEGIN CBOX - wwwcbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 210px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 191px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#2B587A 1px solid;"><iframe src="http://www5.cbox.ws/box/?boxid=886758&boxtag=1xk57q&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain5-886758" id="cboxmain5-886758"></iframe></div>
<div style="position: relative; height: 129px; overflow: hidden; border:#2B587A 1px solid; border-top: 0px;"><iframe src="http://www5.cbox.ws/box/?boxid=886758&boxtag=1xk57q&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform5-886758" id="cboxform5-886758"></iframe></div>
</div>
<!-- END CBOX --></center>
<h2>Мы вконтакте</h2><br>
<center> <script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "210", height: "300", color1: 'E1E1E1', color2: '2b587a', color3: '5B7FA6'}, 87324905);
</script></center>
<h2>Полезные ссылки</h2><br>
   <p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://trainz2012.mybb.ru/viewtopic.php?id=3">Русификатор build 61388</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://trainz2012.mybb.ru/viewtopic.php?id=5">Поиск kuid</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://trainz2012.mybb.ru/viewtopic.php?id=27#p112">Поиск ПС</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://trainz2012.mybb.ru/viewtopic.php?id=13">Заказать перекраску</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://trainz2012.mybb.ru/viewtopic.php?id=22">Лаунчер от РП</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://trainz2012.mybb.ru/viewtopic.php?id=6">Помощь в установке</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://rptrainz.ru/pages/banneroobmen">Наша кнопка</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://rptrainz.ru/viewtopic.php?id=140">Скачать большой пак ПС</a></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><a href="http://rptrainz.ru/viewtopic.php?id=142">Пользовательский каталог</a></strong></span></p>

<h2>Новое видео на канале</h2><br>

<center><iframe width="220" height="170" src="https://www.youtube.com/embed/_l_tH0OFVNU" frameborder="0" allowfullscreen></iframe></center>
    <h2>Реклама</h2><br>
  <center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- квадрат -->
<ins class="adsbygoogle"
     style="display:inline-block;width:200px;height:200px"
     data-ad-client="ca-pub-1738127733089377"
     data-ad-slot="1592091041"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center> <br><center><a href="http://rptrainz.ru/viewtopic.php?id=130#p1652"/>Заказать рекламу</a></center>

    </div>
    <script type="text/javascript">
    var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
    var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
    if($(".punbb").attr("id")=="pun-index"){
      var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:1px;" id=News_';
      var block2="</div><br><br>";
    if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
    for(i=1; i<c.length; i+=2){
    LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
    }LeftSUM='<td id=LeftNews width=240px valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
    if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
    for(i=1; i<c.length; i+=2){
    RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
    }RightSUM='<td id=RightNews width=240px valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
      if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
    </script>

<script type="text/javascript">
li=document.getElementsByTagName("span")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Последним зарегистрировался")) != -1) li[f].innerHTML=s.substring(0,p)+"Приветствуем нового участника"+s.substring(p+27)
}
</script>

<style type="text/css">
html, body {background-image: url("http://s6.uploads.ru/d/yQXhU.png"); background-attachment: fixed; background-repeat: repeat;}
</style>

<!-- Система блогов на форум © Alex_63 / Ч.2 в HTML низ -->
<script type="text/javascript">
if(BLOG.view == 0 || $.inArray(GroupID,BLOG.view)!=-1)(function(){BLOG.setup();}())
else if(BLOG.view!=0)(function() {
  if(document.URL.indexOf('blogs.php')!=-1){$('#pun-main .info .container').html(BLOG.txterror);}
  if($('#pun-index').length){$('.category h2>span:contains("@Blogs")').parents('.category').remove();}
}());
</script>

Структуру style.css:

Развернуть

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 5px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width:200px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 27em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }

li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 0px 0px 0 0px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 0px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title table {
border: none;
height: 40px;
width: 100%;
}

#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title td.title-logo-tdr {
border: none;
width: 100%;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top:transparent;
  padding-left: transparent;
  height: transparent;
  width: transparent; /*должно соответствовать ширине форума*/
  font-weight: bold; /*делает ссылки жирными*/
  position: absolute!important;
  font-size: 0px; /*меняет размер шрифта*/
  z-index: 1; top: 0px!important; /*должно соответствовать высоте шапки, впрочем настраиваете на свой вкус*/
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-left: transparent;
  height: transparent;
  width: transparent; /*должно соответствовать ширине форума*/
  position: absolute!important;
  z-index: 1; top: 0px!important; /*должно соответствовать высоте шапки +15-20 пикселей, впрочем настраиваете на свой вкус*/
  font-size: 0px; /*меняет размер шрифта*/
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 0em 0em 0em;
  border-style: none none solid none;
  border-width: 0 0 0px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 0em 0 00em 0;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0em 0em 0em 0em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

Если нужно могу дать админку в ЛС. Надеюсь что мне помогут. Заранее благодарю и извиняюсь если что не так.

0

392

володя1991 написал(а):

. (В моем случае значение ширины панели 240px,

Нун ставить тогда ширину в %
Расстояние:
В НТМL верх

<style type="text/css">
#NEWS tr>td {
  border-spacing:0!important;
  padding: 0 4px;
}
</style>

0

393

Deff
Огромное спасибо. Значение в процентах помогло, по крайней мере часть форума теперь видно.  В остальном разобрался сам, почитав статьи и разобравшись в селекторах и значениях.

+1

394

У меня это выглядит вот так:
http://s7.uploads.ru/TePnw.png

Есть ли возможность растянуть скрипт по всей ширине ячейки? Заодно и сам форум, если можно

http://chiklino.ru

Отредактировано Бабушкин (Вт, 16 Фев 2016 18:27:46)

0

395

Бабушкин
Замените этот кусок кода

<script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:0px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=20% valign=top><div class=wrp1>'+LeftSUM+'</div></td>';/*alert(LeftSUM)*/;}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=20% valign=top><div class=wrp1>'+RightSUM+'</div></td>';alert(RightSUM);}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width 100% id="NEWS"><tr valign=top>'+LeftSUM+'<td id="MainCenter"><div class=wrp1>'+$("#pun-main").html()+'</div></td>'+RightSUM+'</tr></table>'); };
}
</script>

На такой:

<script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){

  var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:0px;" id=News_';
  var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=20% valign=top><div class=wrp1>'+LeftSUM+'</div></td>';/*alert(LeftSUM)*/;}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=20% valign=top><div class=wrp1>'+RightSUM+'</div></td>';alert(RightSUM);}

  if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% cellpadding=0 cellspacing=0 id="NEWS"><tr valign=top>'+LeftSUM+'<td id="MainCenter"><div class=wrp1>'+$("#pun-main").html()+'</div></td>'+RightSUM+'</tr></table>'); };
}
</script>
<style>#NEWS td{padding:0!important;}#NEWS #RightNews{padding-left:8px!important;}</style>

0

396

Бабушкин
1. Пост 392 не помогает ?
2. Отступ в первой колонке от белого

#LeftNews .container {
  padding:0 6px;
}

Добавить в конец стиля из поста 392

0

397

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

Бабушкин
Замените этот кусок кода

На такой:

Спасибо. Там сработало. Теперь возникла такая история:
http://s3.uploads.ru/DG4Ct.png

Подскажите, где установить отступ названия форума от верхнего и нижнего края?

0

398

Бабушкин
Попробуйте заменить

<style>#NEWS td{padding:0!important;}#NEWS #RightNews{padding-left:8px!important;}</style>

На

<style>#NEWS td{padding:0!important;}#NEWS #MainCenter{padding-left:8px!important;}</style>

0

399

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

Бабушкин
Попробуйте заменить

На

???

0 эмоций.

Отредактировано Бабушкин (Вт, 16 Фев 2016 18:48:53)

0

400

Теоретически -разобрался

http://s3.uploads.ru/hFiBt.png

Но чем заменить этот 0?

Отредактировано Бабушкин (Вт, 16 Фев 2016 18:51:26)

0


Вы здесь » Единый форум поддержки » Новые возможности форумов » Боковая панель - установка, вопросы, проблемы