Настройка портала

Здравствуйте!
Возникла проблемка с установкой портала. Он открывается вместо главной страницы, а вот вместо новостей видно только пустое поле. Выглядит это вот так:

Код портала позаимствован у одного из участников форума:

открыть

<div id="My1" style="display:none">
<style>
/* CSS reset */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding:0;
}
html,body {
margin:0;
padding:0;
overflow-y: hidden;
}
table {
border-collapse:collapse;
border-spacing:0;
}
img {
border:0;
}
ol,ul {
list-style:none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/* General Demo Style */
body{
font-family: 'Electrolize', Arial, sans-serif;
font-weight: 400;
font-size: 15px;
color: #fff;
}
a{
text-decoration: none;
}
.clr{
clear: both;
}
/* Top Bar Style */
.codrops-top{
line-height: 24px;
font-size: 11px;
background: rgba(255, 255, 255, 1);
text-transform: uppercase;
z-index: 9999;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 24px;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-moz-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-o-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-ms-animation: slideOut 0.5s ease-in-out 0.3s backwards;
animation: slideOut 0.5s ease-in-out 0.3s backwards;
}
.codrops-top a{
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
text-shadow: 0px 1px 1px #fff;
display: block;
}
.codrops-top a:hover{
background: #fff;
}
.codrops-top span.right{
float: right;
}
.codrops-top span.right a{
float: left;
display: block;
}
/* Demo Buttons */
#codrops-demos{
position: fixed;
z-index: 2000;
top: 50px;
right: 50px;
}
#codrops-demos a{
display: inline-block;
font-size: 12px;
width: 60px;
height: 24px;
color: #000;
line-height: 24px;
text-align: center;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
background: rgba(255,255,255,0.9);
text-transform: uppercase;
}
#codrops-demos a:hover{
background: #ddd;
color: #000;
}
#codrops-demos a.current-demo,
#codrops-demos a.current-demo:hover{
background: #000;
color: #fff;
cursor: default;
}
@-webkit-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-moz-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-o-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-ms-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
html, body {
height:100%;
}
body {
width: 100%;
background: #F0F0F0;
}
#header{
position: absolute;
z-index: 2000;
width: 235px;
top: 50px;
}
#header h1{
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
padding: 20px;
background: #000;
}
#navigation {
margin-top: 20px;
width: 235px;
display:block;
list-style:none;
z-index:3;
}
#navigation a{
color: #444;
display: block;
background: #fff;
background: rgba(255,255,255,0.9);
line-height: 50px;
padding: 0px 20px;
text-transform: uppercase;
margin-bottom: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
font-size: 14px;
}
#navigation a:hover {
background: #ddd;
}
.maincontent{
right: 40px;
left: 280px;
top: 0px;
position: absolute;
padding-bottom: 30px;
}
.maincontent h2{
font-size: 70px;
padding: 10px 0px 20px 0px;
margin-top: 52px;
color: #fff;
color: rgba(255,255,255,0.9);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.panel{
min-width: 950px;
max-width: 1100px;
width: 100%;
height: 98%;
overflow-y: auto;
overflow-x: auto;
margin-top: -190%;
position: absolute;
background: #000;
box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
z-index: 2;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.panel:target{
margin-top: 0%;
background-color: #00009A;
}
#home:target ~ #header #navigation #link-home,
#news:target ~ #header #navigation #link-news,
#about:target ~ #header #navigation #link-about,
#contact:target ~ #header #navigation #link-contact{
background: #000;
color: #fff;
}
#works {
padding: 15px 0px;
}
#works li{
display: inline;
}
#works li a{
padding-right: 10px;
}
#works img {
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
padding: 12px;
background: rgba(255,255,255,0.9);
}
#form p{
background: #fff;
color: #000;
}
#form input, #form textarea{
background: #000;
color: #fff;
border: none;
}
#form textarea{
width: 493px;
height: 100px;
}
#form label{
padding-right: 10px;
}
.footnote a{
color: #ddd;
}
.boxrss {
margin-bottom: 5px;
width: 100%;
min-width: 720px;
height: auto;
background-color: #ffffff;
color: #000;
border: 2px solid #D4D4D4;
border-radius: 0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
-khtml-border-radius: 0 0 8px 8px;
box-shadow: 0 0 15px #A9A9A9;
padding: 20px 5px;
}
.post_title {
margin-bottom: 5px;
margin-top: 8px;
height: auto;
background-color: smoke;
border: 2px solid lightsteelblue;
padding: 3px 3px 4px;
}
#bib iframe {max-width: 100%;}
#bib img {max-width: 100%;}
#bib .postimg {position: relative; display: block; margin: 0 auto;}
#bib {overflow: hidden;}
#bib1 iframe {max-width: 100%;}
#bib1 img {max-width: 100%;}
#bib1 .postimg {position: relative; display: block; margin: 0 auto;}
#bib1 {overflow: hidden;}
#bib2 iframe {max-width: 100%;}
#bib2 img {max-width: 100%;}
#bib2 .postimg {position: relative; display: block; margin: 0 auto;}
#bib2 {overflow: hidden;}
#bib3 iframe {max-width: 100%;}
#bib3 img {max-width: 100%;}
#bib3 .postimg {position: relative; display: block; margin: 0 auto;}
#bib3 {overflow: hidden;}
.ellipse{
float: left;
}
.page_navigation , .alt_page_navigation{
padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a{
padding:3px 5px;
margin:3px;
color:white;
text-decoration:none;
font-family: Tahoma;
font-size: 12px;
background-color: lightsteelblue;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px px;
text-align: center;
}
.active_page{
background-color:white !important;
color:black !important;
}
.quote-box {
padding: 8px;
margin: 5px;
background-color: whitesmoke;
color: #333;
border: 1px solid #e5e5e5;
border-top: 3px solid #1d9fde;
border-bottom: 2px solid #c5c5c5;
}
.code-box {
padding: 8px;
margin: 5px;
background: #F7FCFF;
color: #333;
border: 1px solid #e5e5e5;
border-top: 3px solid #1d9fde;
border-bottom: 2px solid #c5c5c5;
overflow: auto;
}
a {
color: #3b8ebc;
}
</style>

<table style="width: 1100px" border="0" frame="void" rules="none" align="center">
<tbody>
<tr>
<td>

<div class="codrops-top">

<center><a href="/=&forum">
<strong>ФОРУМ</strong>
</a></center>

<div class="clr"></div>
</div>




<div id="news" class="panel">
<div class="maincontent">
<h2>ФОРУМ</h2>

<div id='paging_container1' class='boxrss'>
<div class='page_navigation'></div>
<div class='content'>
<div class='boxrss1' id="boxrss"></div>
<div class='boxrss2'></div>
<div class='boxrss3'></div>
</div>
</div>
<div class='page_navigation'></div>
</div>
<script type="text/javascript" src="http://forumstatic.ru/files/000f/5f/a4/29681.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#paging_container1').pajinate();
});
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/000f/5f/a4/37559.js"></script>

</div>
</div>



<div id="about" class="panel">
<div class="maincontent">
<h2>О проекте</h2>
<div class="about" style="border-width: 3px; border-style: dashed; border-color: #fff; padding: 7px;">
<p><b>Кратко</b></p>
<p>Если говорить кратко, то под форумным движком здесь кроется попытка просто собрать море информации, которая может понадобиться, в определенный момент неизвестно когда... Сегодня все помешаны на соцсетях, слава Богу, я не разделяю рвений масс, для чего и создан мною данный сайт-дневничок; если хотите, это просто расширенный блог, в котором могут высказываться все желающие. Вот как-то так</p>
</div>
<br>
<br>
<div class="about" style="border-width: 3px; border-style: dashed; border-color: #fff; padding: 7px;">
<table style="width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td width="33.3%"><center><img src="http://s4.uploads.ru/fILwP.png">
<br>
RSS
</center></td>
<td width="33.3%"><center><img src="http://s4.uploads.ru/Dnovd.png">
<br>
Вконтакте
</center></td>
<td width="33.3%"><center><img src="http://s4.uploads.ru/Wru4h.png">
<br>
Twitter
</center></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>



<div id="contact" class="panel">
<div class="maincontent">
<h2>Связь</h2>
<p>Если вдруг у Вас возникнут какие либо вопросы по отношению к форуму - пишите администрации на E-mail: filka204ou@yandex.ru</p>
<p>Вы также можете зарегистрироваться на форуме и задать все интересующие вас вопросы там</p>
<table style="height: 40px; width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td width="50%">
<center>
<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
<div id="SkypeButton_Chat_vlla.ru_1">
<script type="text/javascript">
Skype.ui({
"name": "chat",
"element": "SkypeButton_Chat_vlla.ru_1",
"participants": ["vlla.ru"],
"imageColor": "white",
"imageSize": 32
});
</script>
</div>
</center></td>
<td><center><img src="http://s4.uploads.ru/jBCrq.png">
</center></td>
</tr>
</tbody>
</table>

</div>
</div>



<div id="header">
<h1>Чиклино.Ру</h1>
<ul id="navigation">

<li><a id="link-news" href="#news">Форум</a></li>
<li><a id="link-about" href="#about">О проекте</a></li>
<li><a id="link-contact" href="#contact">Связь</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>

<script type="text/javascript">
$(function(){
$('div.boxrss').append('<div id="lenta" style="width: 100%; background: white;"><table id="bib" cellspacing="0" width=100% align="center"><tr><th width=100%><b>Последние сообщения форума</b></th></tr></table></tr></table></div>');
$.get('/export.php','',processXML);
function processXML(data){
$(data).find('item:lt(30)').each(function(){
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
//=======ДОБАВКА ====
var JContTXT = $(JContent);
var JContIMG = JContTXT.find('img.postimg').remove();
var div =$('<div></div>');JContIMG.appendTo(div);
JContIMG = div.html();div.empty();
JContTXT = JContTXT.appendTo(div);
JContTXT = div.html()
//===End//ДОБАВКА ====
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td align="center" colspan="2">'+JTitle+'</br></td></tr><tr><td width="30%"></br>'+JContIMG+'</td><td width="70%">'+JContTXT+'</br></td></tr><tr><td></td><td>'+JPosted+' | Написал: '+ JAuthor +'</br></td></tr><tr><td><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></br></br></br></td><td></td></tr>'); });
} });
</script>

</div>
<script type="text/javascript">
var My = $('#My1').remove().show();
My.find('script').remove();
$("body").empty();
My.appendTo("body");
</script>

Отредактировано Бабушкин (Пн, 31 Авг 2015 17:53:24)

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

Меню навигации

Пользовательские ссылки

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

Настройка портала

Сообщений 1 страница 1 из 1

Поделиться1Пн, 31 Авг 2015 17:36:45