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

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

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

Вы здесь » Единый форум поддержки » Новые возможности форумов » Создаем полноценный Портал на форумах MyBB!

Создаем полноценный Портал на форумах MyBB!

Страница:   1 2 3 4 5 6 7 … 51  

Сообщений 81 страница 100 из 1004

81

  • Автор: svetlay
  • Заслуженный
  • svetlay
  • Зарегистрирован: Чт, 1 Дек 2011
  • Сообщений: 195
  • Уважение: +61
  • Позитив: +185
  • Пол: Женский
  • Последний визит:
    Пн, 11 Июн 2018 17:46:29
C3La-NS написал(а):

Полноценный портал для форумов MyBB v2.0.

поставила скрипт портала в доп.страницы ,мне очень понравился внешний вид -конфетка)))) но...
не отображаются новости,пичалька  :flag: (в первом варианте -отображались)
Красивая менюшка с формой поиска стала как то криво .мимо блока.

Отредактировано svetlay (Пн, 29 Апр 2013 09:51:48)

0

82

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35
svetlay написал(а):

о...
не отображаются новости,пичалька  :flag: (в первом варианте -отображались)
Красивая менюшка с формой поиска стала как то криво .мимо блока.
ссылки на тестовый
портал №1  и портал №2

дело в том, что C3La-NS
не заключил в инструкции скрипт в теги code, поэтому в скрипте при публикации парсер съел и обработал обозначение переноса строки

Код:
.split('\n',1);

я исправил его сообщение, пробуйте вновь (поменяйте у себя только скрипт)

+2

83

  • Автор: svetlay
  • Заслуженный
  • svetlay
  • Зарегистрирован: Чт, 1 Дек 2011
  • Сообщений: 195
  • Уважение: +61
  • Позитив: +185
  • Пол: Женский
  • Последний визит:
    Пн, 11 Июн 2018 17:46:29
Romych написал(а):

я исправил его сообщение

спасибо Romych,все -ок   http://s2.uploads.ru/hOMAg.gif

0

84

  • Автор: C3La-NS
  • Модератор 😈
  • C3La-NS
  • Зарегистрирован: Вс, 29 Май 2011
  • Сообщений: 637
  • Уважение: +640
  • Позитив: +373
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 19:37:30
svetlay написал(а):

Красивая менюшка с формой поиска стала как то криво .мимо блока.

На счет меню...

Сам код (подчищенный)

<style>
div.globalheader { position:relative; display:block; width:100%; height:36px; text-align:left; z-index:9998; background:url(http://s3.uploads.ru/YmiVA.png) repeat-x;
-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
-khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

/* GLOBAL SEARCH */
#globalsearch { position:absolute; top:0; right:0; width:140px; padding:8px 12px; z-index:5; background:url(http://apple.com/global/nav/images/globalsearch_bg.png) no-repeat 100% 0; }
#g-search { display:block; position:relative; }

#sp-searchtext { width:100px; height:16px; border:0 none; padding:2px 20px; color:#fff; background:url(http://s2.uploads.ru/yM8qf.png) 0 0 no-repeat; -webkit-appearance:none; }
#sp-searchtext:focus { color:#000; background-position:0 100%; outline:none; }
#sp-searchtext::-ms-clear { display:none; }

#g-search label { display:block; margin-top:-2px; }
#g-search .sp-label { margin-bottom:-2px; }
#g-search .sp-label label { display:none; margin:0; }

.globalheader-js #g-search { width:100px; height:16px; border:0 none; padding:2px 20px; color:#fff; background:url(http://s2.uploads.ru/yM8qf.png) 0 0 no-repeat; }
.globalheader-js #sp-searchtext { padding:0; color:#fff; background:none; }
.searchmode      #g-search { background-position:0 100%; }
.searchmode      #sp-searchtext { color:#000; outline:none; }

#globalsearch .reset { position:absolute; width:11px; height:11px; overflow:hidden; z-index:6; top:5px; right:6px; background:url(http://apple.com/global/nav/images/glob … _reset.gif); }
#globalsearch .reset,
.searchmode #globalsearch .empty .reset { display:none; }
.searchmode #globalsearch .reset { display:block; cursor:pointer; }
/*
@media only screen and (max-device-width:768px) {
#globalsearch .reset { display:none !important; }
}
*/

.info {
padding: 0px 15px;
}
</style>

<table style="height: 36px; width: 100%;" align="right" border="0" frame="void" rules="none">
<tbody>
<tr>
<td style="background-color:;"><div class="globalheader"><div class="info" style="padding:9px 15px 10px 15px;"><p><center><span style="color: #ffffff;"><strong>Лента новостей</strong></span></center></p></div><div id="globalsearch">
<div><form action="/search.php" class="search" id="g-search"><div class="sp-label">
<label for="sp-searchtext">Search</label>
<input type="hidden" name="action" value="search">
<input type="text" name="keywords" id="sp-searchtext" maxlength="100" accesskey="s"></div> </form></div>
</div></td>
</tr>
</tbody>
</table>

То что между <style></style> - отвечает за настройку менюшки. Вставляем в любую часть страницы.

А вот, вторая часть кода отвечает за саму менюшку.

Смотря куда вы хотите поставить менюшку. Если как у меня (http://cleans.ru/pages/portal)
То найдите часть кода портала:

<td class="center" valign="top" width="60%"><div class="structure">

И вместо этого: <h1><center>Новостная лента</center></h1>
Вставьте код меню.

+1

85

  • Автор: svetlay
  • Заслуженный
  • svetlay
  • Зарегистрирован: Чт, 1 Дек 2011
  • Сообщений: 195
  • Уважение: +61
  • Позитив: +185
  • Пол: Женский
  • Последний визит:
    Пн, 11 Июн 2018 17:46:29

C3La-NS
с менюшкой разобралась -огромное мерси  http://s3.uploads.ru/t94ZM.gif
вопрос немного не по теме:    можно ли в блок портала вставить картинку что бы она автоматически уменьшалась если уменьшается размер экрана

Отредактировано svetlay (Вс, 28 Апр 2013 23:06:01)

0

86

  • Автор: C3La-NS
  • Модератор 😈
  • C3La-NS
  • Зарегистрирован: Вс, 29 Май 2011
  • Сообщений: 637
  • Уважение: +640
  • Позитив: +373
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 19:37:30

svetlay
:blush:  :crazyfun:

Вставьте это куда-нибудь между <style></style>

Код:
div.box iframe {max-width: 100%;}
div.box img {max-width: 100%;}
div.box {overflow: hidden;}

+1

87

  • Автор: svetlay
  • Заслуженный
  • svetlay
  • Зарегистрирован: Чт, 1 Дек 2011
  • Сообщений: 195
  • Уважение: +61
  • Позитив: +185
  • Пол: Женский
  • Последний визит:
    Пн, 11 Июн 2018 17:46:29
C3La-NS написал(а):

Вставьте это куда-нибудь

то что надо ,супер!!! http://s2.uploads.ru/hOMAg.gif

0

88

  • Автор: svetlay
  • Заслуженный
  • svetlay
  • Зарегистрирован: Чт, 1 Дек 2011
  • Сообщений: 195
  • Уважение: +61
  • Позитив: +185
  • Пол: Женский
  • Последний визит:
    Пн, 11 Июн 2018 17:46:29

вопрос
Можно ли в один из блоков портала вывести такую статистику форума:
Всего тем:
Всего сообщений:
Зарегистрированных пользователей:
Последним зарегистрировался:

0

89

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3556
  • Уважение: +2310
  • Позитив: +743
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 11:14:46

Заметил, что в портале используются элементы дизайна сайта Apple - это не есть гуд, а зная то, как Apple щепетильно относится к элементам своих дизайнов, не будут ли после этого проблемы у MyBB? Да и хотя бы перезалил изображения на uploads.ru что ли, а то палево получается. В сети особо не видел рипы их главного сайта, потому и задался такого вопроса. Есть аналог их меню на CSS3. Может его логичнее использовать, если последуют претензии, мол "MyBB не такой крупный", "Да ничего не будет" и прочее.

0

90

  • Автор: C3La-NS
  • Модератор 😈
  • C3La-NS
  • Зарегистрирован: Вс, 29 Май 2011
  • Сообщений: 637
  • Уважение: +640
  • Позитив: +373
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 19:37:30

Reysler
Да. Как я писал, код позаимствован у них. Но я не думаю, что они будут кипятиться по этому поводу - есть проблемы гооораздо серьезнее у них, например, борьба с ворованным контентом.

А вообще, если конечно надо, могу подправить код.

0

91

  • Автор: KoilFrost
  • Стремящийся
  • Зарегистрирован: Пт, 3 Май 2013
  • Сообщений: 1
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 16 Авг 2013 10:15:02

А можно споросить?
Тот полноценный портал v2 от C3La-NS. А можно как то на ленте новостей, отображалость вместо последних сообщений с предпросмотром содержанием, чтобы отображалость названия последних 20 тем?

Отредактировано KoilFrost (Пт, 3 Май 2013 06:13:54)

0

92

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Вчера 16:18:18
svetlay написал(а):

Можно ли в один из блоков портала вывести такую статистику форума:
Всего тем:
Всего сообщений:
Зарегистрированных пользователей:
Последним зарегистрировался:

К примеру можно так:

Код

Контейнер с статистикой:

Код:
<div id="statis" class=category><h2><div id="statis1">Статистика Форума</div></h2>
<div class=container>
</div></div>

Настройка ширины и цвета:

Код:
<style type="text/css">
#statis {
width: 150px;
color: green;
}
#statis1 {
color: red;
}
</style>

Скрипт:

Код:
<!--Статистика-->
<script type="text/javascript">
var str=$("div.statscon").find("ul.container('')").parent().html()
$("#statis .container").prepend(str);
</script><!--END//Статистика-->

0

93

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Вчера 16:18:18
KoilFrost написал(а):

А можно споросить?
Тот полноценный портал v2 от C3La-NS. А можно как то на ленте новостей, отображалость вместо последних сообщений с предпросмотром содержанием, чтобы отображалость названия последних 20 тем?

Можно к примеру так:

Код

Заменить скрипт в портале на этот:

Код:
<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(20)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<tr><td><div class="post_title"><p><strong><span style="font-size: small;"><a href="'+ JLink +'">'+ JTitle +'</a></span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></td></tr>'); });
} });
</script>

0

94

  • Автор: svetlay
  • Заслуженный
  • svetlay
  • Зарегистрирован: Чт, 1 Дек 2011
  • Сообщений: 195
  • Уважение: +61
  • Позитив: +185
  • Пол: Женский
  • Последний визит:
    Пн, 11 Июн 2018 17:46:29
kolobdur74 написал(а):

К примеру можно так:

не работае((( ставила и вваш контейнер и вбоковой прописаный в скрипте...

0

95

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Вчера 16:18:18
svetlay написал(а):

не работае((( ставила и вваш контейнер и вбоковой прописаный в скрипте...

Да, я немного не то сделал..
Вот рабочий вариант:

Код

Блок, вставляем куда надо:

Код:
<div id="statis">
<div id="statis1" class=category>
<div class=container></div>
</div></div>

Регулируем ширину, если надо:

Код:
<style type="text/css">
#statis {
width: auto;
}
</style>

Скрипт:

Код:
<script type="text/javascript">
var str=$("#statis").load("/ div.statscon").find("ul.container('')").parent().html()
  $("#statis1 .container").prepend(str);
</script>

Я сделал через запрос на сервер - надеюсь не сильно увеличится нагрузка..

Отредактировано kolobdur74 (Пт, 3 Май 2013 23:13:58)

+1

96

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Вчера 16:18:18

Вариант трехколонного портала со своим дизайном. Шаблон дизайна взял с e107v4a. В портале есть скрипт времени и даты, скрипт меню, скрипт статистики, новостной блок, поставил вариант быстрого поиска от C3La-NS, убирание родного дизайна от Deff. Как выглядит:
http://s3.uploads.ru/t/S6wPg.gif
Посмотреть: Демо

Код Портала
Код:
<!--Убираем текущую разметку-->
</div></div></div></div></div></div>
<script type="text/javascript">
$(document).ready(function() {
$("html head, body div:not([id='Mypun)").replaceWith("");
$("body").prepend($("#Mypun").val())
});
</script>
<textarea id="Mypun" style="display:none">
<!--Начало Контента Вашей Body-->

<!--Стиль-->
<style type="text/css">
div.bib iframe {max-width: 100%;}
.postimg {max-width: 100%;}
#tableportal{
width: 100%;
}
.colonkaleft {
	width: 20%;
	margin-left: auto;
	margin-right: 5px;
	height: 100%;
    vertical-align :top;
	padding-right: 5px;
}
.colonkamain {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
    vertical-align :top;
}
.colonkaright {
	width: 20%;
	margin-left: 5px;
	margin-right: auto;
	height: 100%;
    vertical-align :top;
	padding-left: 5px;
}
#header {
	background-image : url(http://s2.uploads.ru/TL1HA.png);
	background-repeat: repeat-x;
	border-bottom: #000 1px solid;
	height: 80px;
}
.captiontopleft{ width: 24px; background-image: url(http://s2.uploads.ru/nRj9x.png); }
.captiontopmiddle{ width: 100%; background-repeat: repeat-x; background-image: url(http://s3.uploads.ru/UuvbZ.png); }
.captiontopright{ width: 11px; background-image: url(http://s3.uploads.ru/KAgDn.png); }
.captionleft{ width: 24px; background-image: url(http://s2.uploads.ru/t2UBe.png); }
.captionbar{ background-repeat: repeat-x; padding-right:10px; font-size: 10px; color: #fff; font-family: verdana, tahoma, arial, sans-serif; background-image: url(http://s3.uploads.ru/GxUiC.png);}
.captionend{ width: 12px; background-image: url(http://s2.uploads.ru/WaMHn.png); }
.captionmain{ width: 100%; background-repeat: repeat-x; background-image: url(http://s2.uploads.ru/4REO9.png); }
.captionright{ width: 11px; background-image: url(http://s2.uploads.ru/tN2ba.png); }
.bodyleft{ width: 3px; background-repeat: repeat-y; background-image: url(http://s3.uploads.ru/KMQHY.png); }
.bodymain{ width: 100%; background: #DAE7F3; padding: 4px 5px 5px 4px; font-size: 10px; color: #000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; }
.bodyright{ width: 3px; background-repeat: repeat-y; background-image: url(http://s3.uploads.ru/kUXVi.png); }
.bottomleft{ width: 10px; background-image: url(http://s2.uploads.ru/ydz4J.png); }
.bottommain{ width: 100%; background-repeat: repeat-x; background-image: url(http://s2.uploads.ru/jCMai.png);}
.bottomright{ width: 10px; background-image: url(http://s2.uploads.ru/xIvR0.png); }
.spacer{padding: 2px 0px 2px 0px;}
#statis {width: 100%;}
#nov {
font-size: 24px; 
color: #4682B4; 
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
font-weight: 800;
}
#clock{
position:relative;
width:352px;
left:5px;
text-shadow:#fff -1px -1px 0, #333 1px 1px 0;
font-size:12pt;
color:#4682B4;
font-weight:600;
font-family:Verdana;
}
#sp-searchtext {
width: 100px;
height: 16px;
border: 0 none;
padding: 2px 20px;
color: #fff;
background: url(http://s2.uploads.ru/yM8qf.png) 0 0 no-repeat;
-webkit-appearance: none;}
#sp-searchtext:focus { color:#000; background-position:0 100%; outline:none; }
#sp-searchtext::-ms-clear { display:none; }
#g-search label { display:block; margin-top:-2px; }
#g-search .sp-label { margin-bottom:-2px; }
#g-search .sp-label label { display:none; margin:0; }
#logo{
font-size: 24px; 
color: #104E8B; 
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
font-weight: 800;
}
/*------------------------------- Меню ------------------------------------*/
#nav {width: 100%; padding:0; top:10px; left:-3px; margin:0; list-style:none; height:29px; background:transparent url(http://s2.uploads.ru/Txr2F.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:29px;}
#nav li a.top_link {display:block; float:left; height:29px; line-height:33px; color:#D1EEEE; text-decoration:none; font-size:14px; font-weight:normal; padding: 0 0 0 4px; cursor:pointer; background: url(http://s2.uploads.ru/Txr2F.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 13px 0 7px; height:29px; background: url(http://s2.uploads.ru/Txr2F.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 13px 0 7px; height:29px; background: url(http://s3.uploads.ru/gT1Xz.gif) no-repeat right top;}
 
#nav li:hover a.top_link,
#nav li.iehover a.top_link {color:#fff; background: url(http://s2.uploads.ru/tu0pW.gif) no-repeat; cursor:pointer;}
#nav li:hover a.top_link span,
#nav li.iehover a.top_link span {background: url(http://s2.uploads.ru/tu0pW.gif) no-repeat right top; cursor:pointer;}
#nav li:hover a.top_link span.down,
#nav li.iehover a.top_link span.down {background: url(http://s3.uploads.ru/kn60E.gif) no-repeat right top; cursor:pointer;}
 
/* Моделирование списка по умолчанию */
 
#nav li:hover {position:relative; z-index:200; cursor:pointer;}
 
#nav li:hover ul.sub
{left:1px; top:29px; background: #DAE7F3; padding:3px; border:1px solid #4682B4; white-space:nowrap; width:245px; height:auto; z-index:300; cursor:pointer;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:245px; font-weight:normal; cursor:pointer;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:242px; line-height:18px; text-indent:5px; color:#4682B4; text-decoration:none; border:1px solid #F8F8FF; cursor:pointer;}
#nav li ul.sub li a.fly
{background:#4682B4 url(http://s2.uploads.ru/LdWqb.png) 229px 6px no-repeat; cursor:pointer; color:#F8F8FF;}
#nav li:hover ul.sub li a:hover
{background:#104E8B; color:#F8F8FF; border-color:#fff; cursor:pointer;}
#nav li:hover ul.sub li a.fly:hover
{background:#4169E1 url(http://s2.uploads.ru/TzsVt.png) 229px 6px no-repeat; color:#fff; cursor:pointer; left:1px;}
 
 
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:245px; top:-4px; background: #DAE7F3; padding:3px; border:1px solid #4682B4; white-space:nowrap; width:245px; z-index:400; height:auto;}
 
#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#00BFFF url(http://s2.uploads.ru/TzsVt.png) 229px 6px no-repeat; color:#000; border-color:#fff;}
 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#1F242B url(http://s2.uploads.ru/LdWqb.png) 229px 6px no-repeat; color:#ccc; border-color:#fff; border:1px;}
</style>
<!--Конец Стиля-->

<!--Блок часы и поиск-->
<table style='width:100%; background-color:#E4E0E0' cellspacing='3' class='topborder'>
<tr>
<td style='text-align:left; vertical-align:middle;'>

<!--Скрипт Цифровые часы-->
<script type="text/javascript">
function showTime()
{
  var dat = new Date();
  var H = '' + dat.getHours();
  H = H.length<2 ? '0' + H:H;
  var M = '' + dat.getMinutes();
  M = M.length<2 ? '0' + M:M;
  var S = '' + dat.getSeconds();
  S =S.length<2 ? '0' + S:S;
  var clock = H + ':' + M + ':' + S;
  document
    .getElementById('time_div')
      .innerHTML=clock;
  setTimeout(showTime,1000); // перерисовать 1 раз в сек.
}
</script>
<span id="time_div" style="position:relative;width:82px;left:5px;text-shadow:#fff -1px -1px 0, #333 1px 1px 0;font-size:12pt;color:#4682B4;font-weight:600;font-family:Verdana;"></span>
<script type="text/javascript">
showTime();
</script> &nbsp;
<!--Конец Скрипта Цифровые часы-->

<!--Скрипт Дата-->
<span id="clock">
<script language=JavaScript>
var dayarray=new Array("Воскресение","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота") 
var montharray=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря") 
function getthedate() {
var mydate=new Date()
var year=mydate.getFullYear()
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym < 10) {
daym="0"+daym
}
var cdate= " "+daym+" "+montharray[month]+" "+" "+year+" "+"года "+"|"+" "+dayarray[day]+" "+" "
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit() {
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
</SCRIPT>
</span>
<!--Конец Скрипта Дата-->

</td>
<td style='text-align:right'>

<!--Блок Поиск-->
<div id="globalsearch">
<div><form action="/search.php" class="search" id="g-search"><div class="sp-label">
<label for="sp-searchtext"></label>
<input type="hidden" name="action" value="search">
<input type="text" name="keywords" id="sp-searchtext" maxlength="100" accesskey="s"></div> 
</form></div></div>
<!--Конец Блока Поиск-->

</td>
</tr>
</table>
<!--Конец Блока часы и поиск-->

<!--Шапка-->
<table style='width:100%;' cellspacing='3' id='header'>
<tr>
<td colspan='2' style='text-align:left; vertical-align: middle;'>

<div id='logo'>
<img src='ссылка на картинку логотипа' alt='' />&nbsp;&nbsp;&nbsp;Название Форума
</div>

<div id='menu'>
<!--Меню-->
<div class='nav'>
 <ul id='nav'>
   <li class='top'><a href='/pages/portal' id='' class='top_link'><span><strong>Портал</strong></span></a></li>
   <li class='top'><a href='/' id='' class='top_link'><span class='down'><strong>Форум</strong></span></a>
      <ul class='sub'>
	     <li><a href='ссылка' class='fly'><strong>Подменю</strong></a>
           <ul>
	          <li><a href='ссылка'><strong>Подменю 2</strong></a></li>
      <li><a href='ссылка'><strong>Подменю 2</strong></a></li>
	  <li><a href='ссылка'><strong>Подменю 2</strong></a></li>	  
   </ul>
 </li>
         <li><a href='ссылка'><strong>Подменю</strong></a></li>
         <li><a href='ссылка'><strong>Подменю</strong></a></li>
         <li><a href='ссылка'><strong>Подменю</strong></a></li>
      </ul>
   </li>
   <li class='top'><a href='/userlist.php' id='' class='top_link'><span><strong>Участники</strong></span></a></li>
   <li class='top'><a href='/search.php' id='' class='top_link'><span><strong>Поиск</strong></span></a></li>
   <li class='top'><a href='/profile.php' id='' class='top_link'><span><strong>Профиль</strong></span></a></li>
   <li class='top'><a href='/messages.php' id='' class='top_link'><span><strong>Сообщения</strong></span></a></li>    
 </ul>
</div>
<!--Конец Меню-->
</div>

</td>
<td style='text-align:right'>

<!--Верхняя Реклама-->
Сюда вставляем верхнюю рекламу
<!--Конец Верхней Рекламы-->

</td>
</tr>
</table>
<br>
<!--Конец Шапки-->

<!--Колонки-->
<table id='tableportal' cellpadding='0' cellspacing='0'>
<tr>

<!--Левая колонка-->
<td class='colonkaleft'>

<!--Левый Блок №1-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Статистика
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
<div id="statis"><div id="statis1" class=category><div class=container></div></div></div>
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Левого Блока №1-->

<!--Левый Блок №2-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Левый Блок №2
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Левого Блока №2-->

<!--Левый Блок №3-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Левый Блок №3
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Левого Блока №3-->

<!--Левый Блок №4-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Левый Блок №4
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Левого Блока №4-->

<!--Левый Блок №5-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Левый Блок №5
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
<div class='alttd' style='text-align:left'>
Текст слева
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Левого Блока №5-->
</td>
<!--Конец Левой колонки-->

<!--Центральная колонка/Новости-->
<td class='colonkamain'>

<!--Название/Новости-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>

</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div id="nov">
Новости Форума
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Название/Новости-->

<!--Сами Новости-->
<div class='spacer1'>
</div>
<!--Конец Новостей-->
</td>
<!--Конец Центральной колонки/Новости-->

<!--Правая колонка-->
<td class='colonkaright'>

<!--Правый Блок №1-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Правый блок №1
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Правого Блока №1-->

<!--Правый Блок №2-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Правый блок №2
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Правого Блока №2-->

<!--Правый Блок №3-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Правый блок №3
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Правого Блока №3-->

<!--Правый Блок №4-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Правый блок №4
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Правого Блока №4-->

<!--Правый Блок №5-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Правый блок №5
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Правого Блока №5-->
</td>
<!--Конец Правой колонки-->
</tr>
</table>
<!--Конец Колонок-->

<!--Низ-->
<br>
<table style='width:100%;' cellspacing='3' id='header'>
<tr>
<td colspan='2' style='text-align:left; vertical-align: middle;'>
Здесь чего нить можно разместить...
</td>
<td style='text-align:right'>

<!--Нижняя Реклама-->
Сюда вставляем нижнюю рекламу
<!--Конец Нижней Рекламе-->

</td>
</tr>
</table>
<br>
<!--Конец низа-->

<!--Скрипты-->

<!--Скрипт Новостей-->
<script type="text/javascript">
$(function(){
$('div.spacer1').append('<div id="bib"></div>');
$.get('/export.php','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();var JCont=$(this).find('description').text().split('\n',1);
var JPosted=$(this).find('pubDate').text().slice(4,-9);
$('#bib').append('<div class="spacer"><table cellpadding="0" cellspacing="0"><tr><td class="captiontopleft"><img src="http://s2.uploads.ru/MhPaE.gif" width="24" height="3" alt="" style="display: block;" /></td><td class="captiontopmiddle"><img src="http://s2.uploads.ru/MhPaE.gif" width="1" height="3" alt="" style="display: block;" /></td><td class="captiontopright"><img src="http://s2.uploads.ru/MhPaE.gif" width="11" height="3" alt="" style="display: block;" /></td></tr></table><table cellpadding="0" cellspacing="0"><tr><td class="captionleft"><img src="http://s2.uploads.ru/MhPaE.gif" width="24" height="18" alt="" style="display: block;" /></td><td class="captionbar" style="white-space:nowrap"><strong>'+JTitle+'</strong></td><td class="captionend"><img src="http://s2.uploads.ru/MhPaE.gif" width="12" height="18" alt="" style="display: block;" /></td><td class="captionmain"><img src="http://s2.uploads.ru/MhPaE.gif" width="1" height="18" alt="" style="display: block;" /></td><td class="captionright"><img src="http://s2.uploads.ru/MhPaE.gif" width="11" height="18" alt="" style="display: block;" /></td></tr></table><table cellpadding="0" cellspacing="0"><tr><td class="bodyleft"><img src="http://s2.uploads.ru/MhPaE.gif" width="3" height="1" alt="" style="display: block;" /></td><td class="bodymain"><div class="alttd"><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></div></td><td class="bodyright"><img src="http://s2.uploads.ru/MhPaE.gif" width="3" height="1" alt="" style="display: block;" /></td></tr></table><table cellpadding="0" cellspacing="0"><tr><td class="bottomleft"><img src="http://s2.uploads.ru/MhPaE.gif" width="10" height="9" alt="" style="display: block;" /></td><td class="bottommain"><img src="http://s2.uploads.ru/MhPaE.gif" width="1" height="9" alt="" style="display: block;" /></td><td class="bottomright"><img src="http://s2.uploads.ru/MhPaE.gif" width="10" height="9" alt="" style="display: block;" /></td></tr></table></div>'); });
} });
</script>
<!--Конец Скрипта Новостей-->

<!--Скрипт Статистики-->
<script type="text/javascript">
var str=$("#statis").load("/ div.statscon").find("ul.container('')").parent().html()
  $("#statis1 .container").prepend(str);
</script>
<!--Конец Скрипта Статистики-->

<!--Конец Контента Вашей Body-->
</textarea>
<!--Конец Обрамления-->
<div><div><div><div><div><div>

В шапке форума предусмотрел логотип вашего форума и название форума:
<div id='logo'>
<img src='ссылка на картинку логотипа' alt='' />&nbsp;&nbsp;&nbsp;Название Форума
</div>

Так как код портала получился большой, для удобства все блоки подписал. Добавление свои свои скрипты или текста в боковые колонки производится через блоки, к примеру:

<!--Правый Блок №5-->
<div class='spacer'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captiontopleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='3' alt='' style='display: block;' /></td>
<td class='captiontopmiddle'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='3' alt='' style='display: block;' /></td>
<td class='captiontopright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='3' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='captionleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='24' height='18' alt='' style='display: block;' /></td>
<td class='captionbar' style='white-space:nowrap'>
Название Правый блок №5
</td>
<td class='captionend'><img src='http://s2.uploads.ru/MhPaE.gif' width='12' height='18' alt='' style='display: block;' /></td>
<td class='captionmain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='18' alt='' style='display: block;' /></td>
<td class='captionright'><img src='http://s2.uploads.ru/MhPaE.gif' width='11' height='18' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bodyleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
<td class='bodymain'>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
<div class='alttd' style='text-align:left'>
Текст справа
</div>
</td>
<td class='bodyright'><img src='http://s2.uploads.ru/MhPaE.gif' width='3' height='1' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='bottomleft'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
<td class='bottommain'><img src='http://s2.uploads.ru/MhPaE.gif' width='1' height='9' alt='' style='display: block;' /></td>
<td class='bottomright'><img src='http://s2.uploads.ru/MhPaE.gif' width='10' height='9' alt='' style='display: block;' /></td>
</tr>
</table>
</div>
<!--Конец Правого Блока №5-->

Красным выделил название блока, синим куда вставлять текст или скрипт.
Если надо вставить в сам блок отдельный подблок добавляем:

<div class='alttd' style='text-align:left'>
Текст справа
</div>

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

Так как форумный дизайн в портале полностью убран, то следует вернуть рекламу тем, кто не платит за отключение рекламы. Для рекламы я предусмотрел место в верху и внизу:

<td style='text-align:right'>

<!--Верхняя Реклама-->
Сюда вставляем рекламу
<!--Конец Верхней Рекламы-->

</td>

<td style='text-align:right'>

<!--Нижняя Реклама-->
Сюда вставляем рекламу
<!--Конец Нижней Рекламе-->

</td>

Рекламу находим у себя на форуме путем: (для Хрома) нажимаем правой клавишей мыши по рекламе, в появившемся меню находим пункт Просмотр кода элемента, ищем код такого вида:

<iframe id="bs-top-iframe" src="http://bs.mybb.ru/i/741.html#host=названиефорума&amp;vk=qp4t7sA6NsD8aPl4-vk2s5nwV8BmF44ghC6SJRl4g1hh" float="right" width="468" height="60" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="true"></iframe>

выделяем код и копируем (правой клавишей мыши по выделенному и выбираем: Copy as HTML).

Отредактировано kolobdur74 (Вс, 5 Май 2013 18:50:09)

+3

97

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11878
  • Последний визит:
    Сегодня 13:46:27

kolobdur74
Ну убирать нун в HTML верх по условию, что мы на нужной странице...
меню форума можно позже достать скриптом из скрытого контента
2. Где то трабл: - ширина всего портала у меня более экрана на величину одной из боковых колонок http://s3.uploads.ru/3tPB0.png
3. Больно много невложенных таблиц - должно быть ток две - для шапки и для самого портала,

0

98

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3556
  • Уважение: +2310
  • Позитив: +743
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 11:14:46

Не удивительно, шаблон этот 2003 года выпуска
http://s2.uploads.ru/t/kS0wO.png
При том что в Опере и Хроме сайт выглядит по разному:

Opera

http://s3.uploads.ru/t/trYl6.png

Google Chrome

http://s3.uploads.ru/t/hIOUZ.png

0

99

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Вчера 16:18:18
Deff написал(а):

2. Где то трабл: - ширина всего портала у меня более экрана на величину одной из боковых колонок http://s3.uploads.ru/3tPB0.png

Все там же..Забыл в Опере картинки проверить..Это картинки растягивают, а на overflow:hidden; плевать хотела Опера с высокой колокольни..
Решение пока нашел только ограничивать максимальную ширину картинки через пиксели, а не проценты:

.postimg {
max-width: 400px;
}

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

Не удивительно, шаблон этот 2003 года выпуска

Да, дело то не в шаблоне, дело в картинках - это они растягивают..

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

3. Больно много невложенных таблиц - должно быть ток две - для шапки и для самого портала,

Знаю, но прикол в обрамлении блоков из картинок - без таблиц не выйдет - в дивах тоже самое вид сбоку, а я хотел достичь эффекта а-ля сайт.. :dontknow:

Отредактировано kolobdur74 (Пн, 6 Май 2013 03:39:39)

0

100

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11878
  • Последний визит:
    Сегодня 13:46:27
kolobdur74 написал(а):

Знаю, но прикол в обрамлении блоков из картинок - без таблиц не выйдет - в дивах тоже самое вид сбоку, а я хотел достичь эффекта а-ля сайт..

Я не про внутренние таблы - прочтите внимательно - а именно чистые необрамлённые
для до портала - достаточно одной

Сейчас всё влезает в экран , но боковые колонки стали великоваты http://s3.uploads.ru/ZpJXv.png

Отредактировано Deff (Вс, 5 Май 2013 22:55:10)

0

Страница:   1 2 3 4 5 6 7 … 51  

Вы здесь » Единый форум поддержки » Новые возможности форумов » Создаем полноценный Портал на форумах MyBB!