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

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

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


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


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

Сообщений 61 страница 80 из 1000

61

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

Я вродь подал идею,

Deff.я ответила в другой теме что не помогло((((

0

62

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

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

вопрос решен,спасибо Deff

Отредактировано svetlay (Вт, 23 Апр 2013 17:15:56)

0

63

svetlay

Большая просьба к создателям портала сделать,если возможно, вариант с боковыми панелями с двух сторон,что то вроде этого Ссылка.

Это обязательно будет во второй версии портала, которая выйдет на днях.  :flag:

+1

64

kolobdur74
Вы писали про свои наработки для страницы портала (пост 27).
Я сразу забыл ответить... У меня какая-то странная ерунда получилась  :dontknow:
http://s2.uploads.ru/t/3Ygal.jpg

0

65

C3La-NS
Дай ссылку на страницу.

0

66

C3La-NS написал(а):

Это обязательно будет во второй версии портала, которая выйдет на днях.

:cool: Ждём-с)))

0

67

C3La-NS написал(а):

Вы писали про свои наработки для страницы портала (пост 27).
Я сразу забыл ответить... У меня какая-то странная ерунда получилась

Обнаружил у себя ошибку, я неправильно написал:

<div class="row">
<span class="cell"><h2 id="inf">Левый блок</h2></span>
<span class="cell"><h2 id="inf">Серединка</h2></span>
<span class="cell"><h2 id="inf">Правый блок</h2></span>
</div>

Ширина ячеек в этой строке не соответствует ширине ячеек следующей строки. Пронумеруйте cell в этом блоке, вот так:

Код:
<div class="row">
 <span class="cell1"><h2 id="inf">Левый блок</h2></span>
 <span class="cell2"><h2 id="inf">Серединка</h2></span>
 <span class="cell3"><h2 id="inf">Правый блок</h2></span>
</div>

Отредактировано kolobdur74 (Ср, 24 Апр 2013 13:43:06)

0

68

Вот варианты трехколоночных таблиц а-ля сайт:

Заточен под новостной (новости в центре)
Код:
<style type="text/css">
#table0 {
display: table;
width: 100%;
text-align: center;
}
#table1 {
display: table;
width: 100%;
text-align: center;
}
#table2 {
display: table;
width: 100%;
text-align: center;
}
.row {display: table-row;}
.cell0 {display: table-cell; width: 100%; text-align: center;}
.cell {
display: table-cell;
border-width: 1px; 
border-color: black; 
border-style: solid;
}
.cell1, .cell3 {
display: table-cell; 
width: 20%; 
}
.cell2 {
display: table-cell; 
width: 60%;
}
#zagh1 {
// Все настройки заголовка h1
}
#zagh2 {
// Все настройки заголовка h2
}
</style>
<!--Верх, а-ля объявление, сюда можно ставить различные слайдеры--> 
<div id="table0">
<div class="row">
 <div class="cell0"><h1 id="zagh1">Заголовок/Объявление</h1>
 Сюда вставляем слайдеры и любую инфу
 </div>
</div>
</div>
<!--Заголовок основной таблицы-->
<div id="table0">
 <div class="row">
  <div class="cell0"><h1 id="zagh1">Заголовок/Основная таблица</h1></div>
 </div>
</div>
<!--Основная таблица:--> 
<div id="table1">
<!--Заголовки блоков-->
<div class="row">
 <span class="cell1"><h1 id="zagh1">Блок левый</h1></span>
 <span class="cell2"><h1 id="zagh1">Новости</h1></span>
 <span class="cell3"><h1 id="zagh1">Блок правый</h1></span>
</div>
<!--Левый блок:-->
<div class="row">
  <span class="cell1">
    <div id="table">
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок1</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>	   
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок2</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок3</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок4</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок5</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	</div>
  </span>
<!--Центр:--> 
  <span class="cell2">
     <div id="table2">
	   <div class="row">
        <span class="cell0">
Новостной блок
</span>
       </div>
	 </div>
  </span> 
<!--Правый блок:-->
  <span class="cell3">
   <div id="table">
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок1</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>	   
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок2</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок3</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок4</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок5</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
   </div>
  </span>
</div>
</div>
<!--Самый низ а-ля футер:-->
<div id="table0">
<div class="row">
 <div class="cell0"><h1 id="zagh1">Заголовок/низ</h1>
 Сюда вставляем слайдеры и любую инфу
 </div>
</div>
</div>
Варианты, когда по центру разнообразная информация (центр разбит в три колонки)

Вариант первый:

Код:
<style type="text/css">
#table0 {
display: table;
width: 100%;
text-align: center;
}
#table1 {
display: table;
width: 99,9%;
text-align: center;
border-width: 1px; 
border-color: black; 
border-style: solid;
}
#table2 {
display: table;
width: 100%;
text-align: center;
}
.row {display: table-row;}
.cell0 {display: table-cell; width: 100%; text-align: center;}
.cell {
display: table-cell;
border-width: 1px; 
border-color: black; 
border-style: solid;
}
.cell1, .cell3 {
display: table-cell; 
width: 20%; 
}
.cell2 {
display: table-cell; 
width: 60%;
}
#zagh1 {
// Все настройки заголовка h1
}
#zagh2 {
// Все настройки заголовка h2
}
</style>
<!--Верх, а-ля объявление, сюда можно ставить различные слайдеры--> 
<div id="table0">
<div class="row">
 <div class="cell0"><h1 id="zagh1">Заголовок/Объявление</h1>
 Сюда вставляем слайдеры и любую инфу
 </div>
</div>
</div>
<!--Заголовки блоков-->
<div id="table0">
 <div class="row">
 <span class="cell1"><h1 id="zagh1">Блок левый</h1></span>
 <span class="cell2"><h1 id="zagh1">Центр</h1></span>
 <span class="cell3"><h1 id="zagh1">Блок правый</h1></span>
 </div>
</div>
<!--Основная таблица:--> 
<div id="table1">
<!--Левый блок:-->
<div class="row">
  <span class="cell1">
    <div id="table">
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок1</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>	   
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок2</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок3</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок4</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок5</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	</div>
  </span>
<!--Центр:--> 
  <span class="cell2">
     <div id="table2">
	   <div class="row">
        <span class="cell"><h2 id="zagh2">Заголовок1</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок2</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок3</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>                                         
	   <div class="row">                              
        <span class="cell"><h2 id="zagh2">Заголовок4</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок5</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок6</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>
	   <div class="row">
        <span class="cell"><h2 id="zagh2">Заголовок7</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок8</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок9</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>                                         
	   <div class="row">                              
        <span class="cell"><h2 id="zagh2">Заголовок10</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок11</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок12</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>
	   <div class="row">                              
        <span class="cell"><h2 id="zagh2">Заголовок13</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок14</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок15</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>
	 </div>
  </span> 
<!--Правый блок:-->
  <span class="cell3">
   <div id="table">
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок1</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>	   
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок2</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок3</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок4</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок5</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
   </div>
  </span>
</div>
</div>
<!--Самый низ а-ля футер:-->
<div id="table0">
<div class="row">
 <div class="cell0"><h1 id="zagh1">Заголовок/низ</h1>
 Сюда вставляем слайдеры и любую инфу
 </div>
</div>
</div>

Вариант второй:

Код:
<style type="text/css">
#table0 {
display: table;
width: 100%;
text-align: center;
}
#table1 {
display: table;
width: 99,9%;
text-align: center;
border-width: 1px; 
border-color: black; 
border-style: solid;
}
#table2 {
display: table;
width: 100%;
text-align: center;
}
.row {display: table-row;}
.cell0 {display: table-cell; width: 100%; text-align: center;}
.cell {
display: table-cell;
border-width: 1px; 
border-color: black; 
border-style: solid;
}
.cell1, .cell3 {
display: table-cell; 
width: 20%; 
}
.cell2 {
display: table-cell; 
width: 60%;
}
#zagh1 {
// Все настройки заголовка h1
}
#zagh2 {
// Все настройки заголовка h2
}
</style>
<!--Верх, а-ля объявление, сюда можно ставить различные слайдеры--> 
<div id="table0">
<div class="row">
 <div class="cell0"><h1 id="zagh1">Заголовок/Объявление</h1>
 Сюда вставляем слайдеры и любую инфу
 </div>
</div>
</div>
<!--Заголовок основной таблицы-->
<div id="table0">
 <div class="row">
  <div class="cell0"><h1 id="zagh1">Заголовок/Основная таблица</h1></div>
 </div>
</div>
<!--Основная таблица:--> 
<div id="table1">
<!--Заголовки блоков-->
<div class="row">
 <span class="cell1"><h1 id="zagh1">Блок левый</h1></span>
 <span class="cell2"><h1 id="zagh1">Центр</h1></span>
 <span class="cell3"><h1 id="zagh1">Блок правый</h1></span>
</div>
<!--Левый блок:-->
<div class="row">
  <span class="cell1">
    <div id="table">
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок1</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>	   
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок2</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок3</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок4</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок5</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	</div>
  </span>
<!--Центр:--> 
  <span class="cell2">
     <div id="table2">
	   <div class="row">
        <span class="cell"><h2 id="zagh2">Заголовок1</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок2</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок3</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>                                         
	   <div class="row">                              
        <span class="cell"><h2 id="zagh2">Заголовок4</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок5</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок6</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>
	   <div class="row">
        <span class="cell"><h2 id="zagh2">Заголовок7</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок8</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок9</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>                                         
	   <div class="row">                              
        <span class="cell"><h2 id="zagh2">Заголовок10</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок11</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок12</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>
	   <div class="row">                              
        <span class="cell"><h2 id="zagh2">Заголовок13</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок14</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
        <span class="cell"><h2 id="zagh2">Заголовок15</h2>
Сюда пишем разнообразный текст. Используем на свое усмотрение
</span>
       </div>
	 </div>
  </span> 
<!--Правый блок:-->
  <span class="cell3">
   <div id="table">
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок1</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>	   
	  <div class="row">
        <div class="cell"><h2 id="zagh2">Заголовок2</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок3</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок4</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
	  <div class="row">
       <div class="cell"><h2 id="zagh2">Заголовок5</h2>
        Сюда ставим всякие кнопочки, информеры, менюшки, ссылки..
       </div> 
      </div>
   </div>
  </span>
</div>
</div>
<!--Самый низ а-ля футер:-->
<div id="table0">
<div class="row">
 <div class="cell0"><h1 id="zagh1">Заголовок/низ</h1>
 Сюда вставляем слайдеры и любую инфу
 </div>
</div>
</div>

Колонки и блоки несложно убирать, в зависимости от надобности. Это без стилевых настроек портала, только верстка.

Отредактировано kolobdur74 (Ср, 24 Апр 2013 17:45:43)

0

69

Заметил, что если в тексте сообщения есть теги CODE, то текст выезжает на колонку.
http://flashelements.flamir.ru/pages/portal

0

70

Frilogist
Проблема будет устранена вместе со второй версией портала.  :mybb:

0

71

Вариант для менюшек и подменюшек боковых панелей. Ставить с центрированием текста не рекомендую - не красиво:

Меню для боковушек
Код:
<img src="http://heavyblackrose.tk/e107_themes/e107_Vista/images/mini-nav-right.png" align="middle" hspace="1">
<script language="JavaScript">
function clickHandler() 
{ var targetId, srcElement, 
targetElement; srcElement = window.event.srcElement; 
if (srcElement.className == "Outline") { 
targetId = srcElement.id + "details"; 
targetElement = document.all(targetId); 
if (targetElement.style.display == "none") { 
targetElement.style.display = ""; 
} else { 
targetElement.style.display = "none"; 
} }} document.onclick = clickHandler;
</script>
<a id="Out1" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">Меню главное</a><br>
<div id=Out1details style="display:None; position:relative; left:9;"><br>
<a id="Out2" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 1</a>
<div id=Out2details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out3" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 2</a>
<div id=Out3details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out4" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 3</a>
<div id=Out4details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out5" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 4</a>
<div id=Out5details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out6" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 5</a>
<div id=Out6details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
</div>
<br>

Самое сложное - это не запутаться с Out - они всегда должны идти с индивидуальным номером. То есть, если ставим несколько менюшек или подменюшек - это не важно, обязательно продолжаем отсчет с последней цифры - цифры не должны повторятся, иначе меню не будет работать..Кроме того Out прописывается дважды, к примеру:

<a id="Out1" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">Меню главное</a><br>
<div id=Out1details style="display:None; position:relative; left:9;"><br>

Картинку, которая в самом верху кода:

<img src="http://heavyblackrose.tk/e107_themes/e107_Vista/images/mini-nav-right.png" align="middle" hspace="1">

Можно поменять на свою

Я делал на основе мнемоник стрелочки и точки, если в коде они отобразятся не кодом, а значком вот так: ► и •, то вот таблица мнемоник: Мнемоники

Пример использования меню в Объявлении: http://digitalferrum.bbmy.ru/

Отредактировано kolobdur74 (Ср, 24 Апр 2013 21:39:46)

0

72

Мой первый самописный скрипт — скрипт портала оказался, как мне кажется, вполне неплохим. Возможно он преобразит множество форумов на MyBB и, надеюсь, у него есть дальнейшее будущее. Но признаться честно, первая версия была далека от идеала и, можно так сказать, носила лишь испытательный характер. Усилиями лучших умов на MyBB, мы смогли доработать первоначальную версию портала и выпустить улучшенную во всех смыслах 2-ю версию.


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

Список изменений:

1. Измененная структура портала.

2. Улучшенный код.

3. Обновленная новостная лента.

4. NoJavaScriptMod.

5. Фиксы ошибок.

В конечном итоге должно получится нечто такое:
http://s2.uploads.ru/t/cA3OW.jpg

Живой пример Вы можете посмотреть ЗДЕСЬ. (PS: у меня отключен левый сайдбар, однако, в стандартной версии он есть)

Быть может это уже не та "революционная" первая версия, но все же список изменений довольно большой.

Подробнее о списке изменений

1. Структура. По совету Deff'а была изменена структура портала. Теперь Вы перед вами страница с двумя боковыми сайдбарами (слева и справа), в прочем, при желании, их можно легко отключить.
2. Код. Мы переработали код портала, сделав его более гибким и понятным.
3. Лента Новостей. Во второй версии портала мы использовали новый код Romych'а. Во-первых, дата публикации и автор были перемещены наверх к заголовку, а вместе все это обрамляет аккуратная рамочка.
Во-вторых, текст новости на странице портала  теперь показывается не полностью, а обрезается после первого абзаца текста. Сделано это для того, чтобы пользователи не зацикливались только на странице портала, иногда ходили по темам.
4. NoJavaScriptMod. Специально для противников яваскрипта. Если какой-то одинокий посетитель прийдет на страницу портала, то ему высветится уведомление, с просьбой включить JavaScript модуль.
5. Фиксы. Были исправлены некоторые ошибки на странице портала. Наиболее заметные ошибки: исправлена ошибка с автоматическим уменьшением изображений и фреймов на странице портала (в некоторых браузерах). Также минимальная ширина/высота картинок и фреймов высчитывается автоматически, а это значит, что больше не будет проблем с порталом на разных по типу и виду форумов.
Устранена ошибка с длинным непрерывным текстом (выезжающим за пределы новостной ленты).


Код портала:

<style type="text/css">

div.structure {
width: auto;
}

#bib iframe {max-width: 100%;}
#bib img {max-width: 100%;}
#bib {overflow: hidden;}

.box {
margin-bottom: 5px;
width: auto;
height: auto;
background-color: #ffffff;
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 15px;
}

.boxrss {
margin-bottom: 5px;
width: auto;
height: auto;
background-color: #ffffff;
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;
width: auto;
height: auto;
background-color: smoke;
border: 2px solid lightsteelblue;
padding: 3px 3px 4px;
}

.punbb .quote-box, .punbb code-box {
background-color: #DCDCDC;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding: 20px 15px 20px 10px;}

.noscriptmod {
box-shadow: 0 0 8px rgb(184, 235, 255);
border-radius: 20px;
height: 220px;
}

</style>

<table style="height: auto; width: 100%;" frame="void" rules="none">
<tbody>
<tr>
<td class="left" valign="top" widht="20%"><div class="structure"><h1><center>Заголовок</center></h1>
<div class="box">Текст</div></div>
<br>
<div class="structure"><h1><center>Заголовок</center></h1>
<div class="box">Текст</div></div></td>
<td class="center" valign="top" width="60%"><div class="structure"><h1><center>Новостная лента</center></h1>
<div class="boxrss" style="height: auto;">

Код:
<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(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('<tr><td><div class="post_title"><p><strong><span style="font-size: small;">'+JTitle+'</span></strong></p><div><span style="float: right;">'+JPosted+' | Написал: '+ JAuthor +'</span><br></div></div></br></br>'+JCont+'</br><a href="'+ JLink +'" title="'+JTitle+'">Читать далее »</a></td></tr>'); });
} });
</script>

<noscript><div class="noscriptmod"><center><img src="http://s3.uploads.ru/BPXfo.png"></center></div></noscript>
</div></div>
</td>
<td class="right" valign="top" width="20%"><div class="structure"><h1><center>Правый заголовок</center></h1>
<div class="box">Текст</div></div>
<br>
<div class="structure"><h1><center>Правый заголовок</center></h1>
<div class="box">Текст</div></div>
</td>
</tr>
</tbody>
</table>


Установка

Фиолетовое (structure) нужно для того, чтобы портал отображался правильно.

Розовое тоже не стоит трогать, все уже автоматизировано и настроено.
Вся страница условно поделена на 3 части: Левый и правый сайдбар, а так же центральный блок с лентой новостей.
Вы можете легко избавится от ненужного сайдбара (части) просто заключив между тегами <style  type="text/css"></style> следующие коды:

[tr]

td.left {
display:none;
}

Отключение левой части портала

td.center {
display:none;
}

Отключение средней части портала

td.right {
display:none;
}

Отключение правой части портала

Темно-синее - отвечает за боковые блоки.

Светло-синее - центральный блок.

Оливковый цвет - настраивает заголовок новостой ленты форума.

Бирюзовый код отвечает за оформление цитат, скрытого текста и так далее...

Выделенное серым - оформление и настройка NoJavaScriptMod.

Красное - скрипт новостой ленты.

Если вам необходимо добавить несколько боковых блоков, то вставляем следующее:

<div class="structure"><h1><center>Заголовок</center></h1>
<div class="box">Текст</div></div>


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

Новые возможности

1. Страница портала в качестве главной от Deff.

Код

В самый HTML-верх.
<script>
var portal = '/pages/portal';
var url = document.URL.split('#')[0];
if((url+'%a').split('/%')[1]=='a')location.href=portal;
$(document).ready(function(){
  var a = $('#pun-navlinks #navindex a')[0];
  a.href = a.href+'=&forum'
});
</script>

2. Красивая менюшка с формой поиска от меня.
Вставить можно в любое место портала (конечно красивее где-нибудь вверху)

Код

<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://apple.com/global/nav/images/glob … _field.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://apple.com/global/nav/images/glob … _field.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; }
}
*/

#globalsearch .spinner { position:absolute; display:none; width:11px; height:11px; overflow:hidden; z-index:7; top:5px; right:6px; background:url(http://apple.com/global/nav/images/glob … pinner.gif); }
.searchmode #globalsearch .spinner { display:block; }
.searchmode #globalsearch .spinner.hide { display:none; }

/* SEARCH SHORTCUTS */
#sp-results { position:absolute; top:32px; right:0; width:290px; line-height:0; z-index:9999; }
#sp-results div { position:relative; background:#fff; background:rgba(255,255,255,0.97);
-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.5) 0 0 10px; -ms-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -o-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px; box-shadow:rgba(0,0,0,0.5) 0 0 10px;
}
#sp-results #sp-roundrect { position:absolute; width:100%; }
#sp-results #sp-roundrect div { background:none; }
#sp-results .sp-shadow { position:absolute; display:none; top:-10px; left:-10px; width:100%; background:#333;
-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=10)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=10);
}

.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> отвечает за дизайн нашей менюшки.
P.S. Код не чищенный, позаимствован с сайта Apple.com. Я лишь оптимизировал его под MyBB.

3. Выпадающее меню от Kolobdur74
Вариант для менюшек и подменюшек боковых панелей. Ставить с центрированием текста не рекомендую - не красиво:

код

<img src="http://heavyblackrose.tk/e107_themes/e107_Vista/images/mini-nav-right.png" align="middle" hspace="1">
<script language="JavaScript">
function clickHandler()
{ var targetId, srcElement,
targetElement; srcElement = window.event.srcElement;
if (srcElement.className == "Outline") {
targetId = srcElement.id + "details";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display = "";
} else {
targetElement.style.display = "none";
} }} document.onclick = clickHandler;
</script>
<a id="Out1" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">Меню главное</a><br>
<div id=Out1details style="display:None; position:relative; left:9;"><br>
<a id="Out2" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 1</a>
<div id=Out2details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out3" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 2</a>
<div id=Out3details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out4" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 3</a>
<div id=Out4details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out5" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 4</a>
<div id=Out5details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
<br>
<a id="Out6" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">
► Подменю 5</a>
<div id=Out6details style="display:None; position:relative; left:9;"><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
• <a href="адрес ссылки">ссылка</a><br>
</div>
</div>
<br>

Самое сложное - это не запутаться с Out - они всегда должны идти с индивидуальным номером. То есть, если ставим несколько менюшек или подменюшек - это не важно, обязательно продолжаем отсчет с последней цифры - цифры не должны повторятся, иначе меню не будет работать..Кроме того Out прописывается дважды, к примеру:

<a id="Out1" class="Outline" style="cursor: hand; cursor:pointer; font-weight: bold; position: relative; top: 4px;">Меню главное</a><br>
<div id=Out1details style="display:None; position:relative; left:9;"><br>


Картинку, которая в самом верху кода:

<img src="http://heavyblackrose.tk/e107_themes/e107_Vista/images/mini-nav-right.png" align="middle" hspace="1">


Можно поменять на свою
Я делал на основе мнемоник стрелочки и точки, если в коде они отобразятся не кодом, а значком вот так: ► и •, то вот таблица мнемоник: Мнемоники
Пример использования меню в Объявлении: http://digitalferrum.bbmy.ru/

Отредактировано C3La-NS (Сб, 27 Апр 2013 21:52:21)

+8

73

Ну я обещаюсь создать мини-форумов/категорий  (не наю как быстро ... но


В принципе интересно сделать возможность несколько страничного портала для прилично посещаемого сайта, можно посмотреть на webtalk,
Иначе будет и грузиться долго и страница перегруженной (т.е есть параметр число постов на странице)
и следующую пачку подгружать по клику на пагинатор страниц

Отредактировано Deff (Сб, 27 Апр 2013 21:24:45)

+2

74

C3La-NS
Ну на счет страничной организации - это задача для Вас, если будет сильно востребована

Отредактировано Deff (Сб, 27 Апр 2013 22:01:39)

0

75

Deff
Можете ткнуть где именно есть проблема?

0

76

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

Ну я обещаюсь создать мини-форумов/категорий  (не наю как быстро ... но

В принципе интересно сделать возможность несколько страничного портала для прилично посещаемого сайта, можно посмотреть на webtalk,
Иначе будет и грузиться долго и страница перегруженной (т.е есть параметр число постов на странице)
и следующую пачку подгружать по клику на пагинатор страниц

Отредактировано Deff (Сегодня 21:24:45)

Было бы вообще замечательно!  :yep:

0

77

Не актуально, = скрыл
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Deff (Сб, 27 Апр 2013 22:02:25)

0

78

Deff
Спасибо, исправил.

0

79

Deff
Спасибо, исправил.

0

80

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

C3La-NS
Ну на счет страничной организации - это задача для Вас, если будет сильно востребована


К сожалению, больше заниматься разработкой портала в ближайшее время не буду по ряду личных причин, главная из которых — мой скорый переезд на родину. Что будет дальше не знаю...

0


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