Я нашла другой способ, а именно, - сделать всё своими ручками.
Для начала я поставила боковую панель, Как тут

Код:
<div id=Inf_block_Left style="display:none">
    <!--НАЧАЛО-->
    <h2><input type='button' value='Самые свежие новости' onClick=location.href='http://lib.0pk.ru/pages/news'></h2>
    <h2>МОМЕНТАЛЬНЫЙ ЧАТ</h2><br>
<iframe src='http://nika.tora.ru/gest/gest.html' width='204' height='243' scrolling='no'></iframe>
    <h2>3</h2>
    Текст
    <h2>4</h2>
    Текст
    </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:5px;" 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=220 valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
      if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
    </script>

получилось красяво!

Но мне оказалось мало и я начала "извращаться":
в HTML верх поставила такой вот скриптик - "Кликабельность категорий"

Код:
<!-- clickability categories :D -->
<style id="Hidecategor">#pun-index .category{display:none}</style><script>
var st00="<style>#pun-index #pun-category",st02=".category{display:block!important;}</style>";
var a=document.URL,b=a.replace('http://'+location.hostname+'/=&pun-category','');
if( a!=b){ $("#Hidecategor").after(st00+b+st02);} else $("#Hidecategor").replaceWith("");
$(document).ready(function(){var c='<a href="http://'+location.hostname+'/=&';
$(".category").each(function(){var L=$(this).attr("id"),L1=$(this).find("h2 span:last");
L1.html(c+L+'" ><span style="color:'+L1.css("color")+';">'+L1.text()+'</span></a>') ;});;})
</script><!-- //End-/clickability categories :D -->

Затем, каждую категорию переписала в блокнотик:

Основной раздел: http://lib.0pk.ru/=&pun-category1
Наша библиотека: http://lib.0pk.ru/=&pun-category2
...

- а затем "убила" всю страничку, вставив в HTML верх

Код:
<style>
.category {display:none}
</style>

так это стало выглядеть:
http://uploads.ru/t/2/M/a/2MaID.png

Затем я вставила в html низ такой вот код:

Код:
<script type="text/javascript">
var news=''
var news2=''
var tablo='<div id="pun-category0"><h2><div class="catleft"><!-- --></div><span>Навигация</span><div class="catright"><!-- --></div></h2><div class="container"><table cellspacing="0"><thead><tr><th scope="col">Новости</th><th scope="col">Категории</th></tr></thead><tbody class="hasicon"><tr><td class="t1" width="50%">'+news+'</td><td class="t2" width="50%">'+news2+'</td></tr></tbody></table></div></div>'
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=="main"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+tablo+"<br>"+name+""
}
i++
}
</script>

и стало выглядеть
http://uploads.ru/t/Q/s/7/Qs7fu.png

Затем  стала заполнять из блокнота ссылки на категории в скрипте в строке var news2

var news2='<a href="http://lib.0pk.ru/=&pun-category1">Основной раздел</a><br><a href="http://lib.0pk.ru/=&pun-category2">Наша библиотека</a>'

и тут я вспомнила, что у меня есть ещё один сайт на бесплатном хостинге: http://www.wallst.ru/ На него залила по ftp уже заранее заготовленную страничку в одну из папок. Получился адрес к этой страничке: http://nika.tora.ru/lib0pk/start.html

дополнив скрипт в строчке var tablo

var tablo='<div id="pun-category0"><h2><div class="catleft"><!-- --></div><span>Навигация</span><div class="catright"><!-- --></div></h2><div class="container"><table cellspacing="0"><thead><tr><th scope="col">Новости</th><th scope="col">Категории</th></tr></thead><tbody class="hasicon"><tr><td class="t1" width="50%">'+news+'</td><td class="t2" width="50%">'+news2+'</td></tr><tr><td colspan="2"><iframe src="http://nika.tora.ru/lib0pk/start.html" style="width: 100%; height: 640px;"></iframe></td></tr></tbody></table></div></div>'

в ифрейм упаковала страничку, сздав в таблице объединённую строчку столбцов

и конечный результат:
http://uploads.ru/t/L/O/e/LOe5a.png

Отредактировано semina (2012-01-06 06:25:10)