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

Страница: « 1 … 31 32 33 34 35 … 51 »

Сообщений 641 страница 660 из 1004

Поделиться641Пн, 16 Сен 2013 02:30:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

kolobdur74
Не так быстро
1. Дай ссылку на скрипт портала ибо запутал

Поделиться642Пн, 16 Сен 2013 02:33:52

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

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

Дай ссылку на скрипт портала ибо запутал

http://projekt1.bbmy.ru/pages/portal2

Поделиться643Пн, 16 Сен 2013 02:42:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

kolobdur74
Поправь На:

var hrfstr = ((link.indexOf('click.php?')!=-1) ?link.split('click.php?')[1]:link);

Отредактировано Deff (Пн, 16 Сен 2013 02:43:38)

Поделиться644Пн, 16 Сен 2013 02:46:24

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

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

Поправь

Все! Все стало супер и быстрее! :cool: Походу можно публиковать портал?

Поделиться645Пн, 16 Сен 2013 03:24:05

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

kolobdur74
я еще раз повторю... чтобы пользователю не переставлять ссылки в скриптах портала при каждой новой правке - мелкой доработке, имеет смысл:
1. Сохранить на рабочий стол залитый файл
для этого кликаем - в Администрировании - файлы - ссылку на скрипт - он откроется на новой странице
далее жмём в браузере файл - сохранить как(в Гугле по правой кнопке мыши) - на рабочий стол... затем правим его на рабочем столе как надо и перезаливаем этот же файл
Он останется с тем же именем ( типично перед правкой с рабочего стола, для бекапа старых версий, копирую файл (с контрл в папку Old), зажать файл и нажав контрл перетащить рядом или сразу в папку Old)
Для теста(и антикеширования) - после перезаливки тыкаем файл в Админке-Файлы - смотрим - что изменения произошли(возможно нужно будет сделать рефрешь страницы с кодом скрипта несколько раз - ибо перезапись на серве не мгновенная)

Отредактировано Deff (Пн, 16 Сен 2013 03:32:38)

Поделиться646Пн, 16 Сен 2013 03:36:42

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

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

Он останется с тем же именем

У меня сохраняет не так - он сохраняет с тем же именем, но выдает с новым адресом, вот это один и тот же файл:
https://forumstatic.ru/files/000e/14/cc/46629.js
https://forumstatic.ru/files/000e/14/cc/36984.js

Выходит два файла с одним именем и ссылки все равно надо менять.. :dontknow:

Поделиться647Пн, 16 Сен 2013 03:54:59

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

kolobdur74
Блин для тех кто в танке:
Сохрани уже залитый Файл на рабочий стол!
вот этот https://forumstatic.ru/files/000e/14/cc/46629.js
Его правишь и перезаливаешь - а не свой исходник с начальным именем!

Отредактировано Deff (Пн, 16 Сен 2013 04:22:00)

Поделиться648Пн, 16 Сен 2013 04:47:42

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

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

Блин для тех кто в танке

Точно в танке :blush:

Поделиться649Вт, 17 Сен 2013 04:50:30

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

Релиз Портала с упрощенным заполнением контента: "Портал Море /портация с e107 DeepBlue2/" от Deff и kolobdur74.

Возможности:

- Вход и выход в аккаунт без входа на форум
- Редактируемые пункты меню "Портал" и "Форум"
- Легкая и удобная вставка контента в боковые секции
- Автоубирание боковых секций при отсутствии контента
- Удобная вставка и редактирование Анонсов Портала
- Возможность вставки аудиоплеера, видео с ютуба, а также сериалы в Анонсы Портала
- Возможность исключать из новостей любые темы

Поддержка скриптов для форума:

- Онлайн Редактор Объявлений
- Audio player (special edition)v.3.0, а также предыдущих версий этого плеера.
- Автоматический перевод медиа-ссылок в контент при публикации (видео, музыка, изображения)
- Слайдер Кино и Киносериалов( в сообщениях на форуме) без начальной загрузки контента

Если у вас установлены эти скрипты на форуме, то в портале они будут тоже работать.

Установка и настройка Портала:

Сам портал:

Код:

<script type="text/javascript" src="https://forumstatic.ru/files/0013/49/9f/39266.js"></script>

Рекомендую файл js пересохранить на свой форум.

Настройка меню:

Название вашего форума (или портала):

<div id="vst_name">Имя форума</div>

Настройка Меню:

Код:

<!--Вставка меню-->
<a id="inf_menu_portal" href="/pages/portal">Портал</a>
<div id="inf_menu_user">Участники</div>
<a id="inf_menu_forum" href="/">Форум</a>
<div class="vse_podm" style="width:100%">
<li>
<a href="#">Это категория 1</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 1</a></li>
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
<li><a href="#">Это категория 2</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
</div>

Разберем подробнее код Меню:
Называем по своему пункты Меню "Портал", "Форум", "Участники":

<a id="inf_menu_portal" href="/pages/portal">Портал</a>
<div id="inf_menu_user">Участники</div>
<a id="inf_menu_forum" href="/">Форум</a>

Красным отмечено название, зеленым ссылки. По умолчанию пункт "Портал" настроен на переход на страницу портала, если у вас ссылка на портал заканчивается: /portal, и пункт "Форум" на сам форум.

Подменю пункта Меню "Форум":

<div class="vse_podm" style="width:100%">
<li>
<a href="#">Это категория 1</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 1</a></li>
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
<li><a href="#">Это категория 2</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
</div>

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

Настройка Анонса Портала:

<div id="inf_name_ob">Анонсы портала</div>
<div id="inf_ob_nov"><marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" scrollamount="3" scrolldelay="1" width="100%">Анонсируем много анонсов... И еще, и еще, много-много..Можно и бегающей строкой..</marquee>
<div class="edit-container" data="http://testmods.mybb.ru/viewtopic.php?id=8#p9"></div>
</div>

Фиолетовым отмечено название вашего Объявления: Анонсы портала. Красным отмечена бегущая строка, вместо нее можно поместить простой текст картинку или какой другой код или виджет.
Зеленым отмечен код для работы с скриптом Онлайн Редактор Объявлений - это для быстрой и удобной вставки Анонса. Ссылка, которая указана в коде:

<div class="edit-container" data="http://testmods.mybb.ru/viewtopic.php?id=8#p9"></div>

Это ссылка ведущая на вашу тему на форуме, с помощью которой вы и редактируете Анонс, более подробно об установке настройке, и работе скрипта на форум:
Онлайн Редактор Объявлений

В самом низу портала ставится вот этот код:

<script type="text/javascript">loadEditContainers()</script>

Это тоже для скрипта "Онлайн Редактор Объявлений"

Вставка контента в блоки слева и справа:

<div id=Inf_block_Left style="display:none">

<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
<div id="statis"></div>
</div>

<div id=Inf_block_Right style="display:none">

<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>

Красным отмечены названия блоков, зеленым контент блоков. Фиолетовым отмечен блок с статистикой:

<div id="statis"></div>

Можете перемещать его в нужную вам секцию. Если он вам блок с статистикой не нужен, удалите его.

Как исключать темы из Новостей:

<div id="delete_Tems" style="display:none">
<p>_й_</p> <p>$DEL$</p>
<p>Тут контенты редактируемых блоков в HTML верх</p>
<p>Тут контенты редактируемых блоков в Объявлении</p>
<p>Тут контенты редактируемых блоков На своей Странице</p>
<p>Тут контенты редактируемых блоков в HTML низ</p>
<p>Тут контенты редактируемых блоков в Правилах форума</p>
<p>Исходники</p>
</div>

Просто поместите название темы между тегами <p></p>
То, что отмечено фиолетовым - это для Скрипта уважения, там начало всех тем такое.
Отмеченное голубым - это для:

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

Можно не прописывать названия всех исключаемых тем на портальной странице,
а добавлять к названиям, тех тем, которые безболезненно допускают такое дополнение( есть темы, точные названия которых важны для скриптов), так вот к таким темам допускающим дополнения в названиях, впереди названия дописываем - $DEL$ - эти темы тоже будут исключаться из отображения на портальной странице.

Если у вас на форуме стоит скрипт "Слайдер Кино и Киносериалов", то в самый верх портала ставим вот этот код:

Код:

<!--KINO-SLIDER/Сериалы-->
<script type="text/javascript">
function addContentParse_ (pstContent){
  var serials = pstContent.find('.quote-box.spoiler-box > div[ onclick*="toggleClass"]:contains("KINO-SLIDER")')
  serials.each(function(){var a=$(this).parents('td:first');a.html('<div class="post-content">'+a.html()+'</div>');});
  $('<script src="https://forumstatic.ru/files/0010/b4/f8/82547.js"><\/script>').appendTo('body');
}
</script>

Полный итоговый код 'Демо' вставляемый на страницу с скриптом "Слайдер Кино и Киносериалов":

Код:

<!--KINO-SLIDER/Сериалы-->
<script type="text/javascript">
function addContentParse_ (pstContent){
  var serials = pstContent.find('.quote-box.spoiler-box > div[ onclick*="toggleClass"]:contains("KINO-SLIDER")')
  serials.each(function(){var a=$(this).parents('td:first');a.html('<div class="post-content">'+a.html()+'</div>');});
  $('<script src="https://forumstatic.ru/files/0010/b4/f8/82547.js"><\/script>').appendTo('body');
}
</script>
<!--Портал Море /портация с e107 DeepBlue2/-->
<script type="text/javascript" src="https://forumstatic.ru/files/0013/49/9f/39266.js"></script>
<!--Название форума-->
<div id="vst_name">Имя форума</div>
<!--Вставка меню-->
<a id="inf_menu_portal" href="/pages/portal">Портал</a>
<div id="inf_menu_user">Участники</div>
<a id="inf_menu_forum" href="/">Форум</a>
<div class="vse_podm" style="width:100%">
<li>
<a href="#">Это категория 1</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 1</a></li>
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
<li><a href="#">Это категория 2</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
</div>
<!-- Вставка Анонсы портала -->
<div id="inf_name_ob">Анонсы портала</div>
<div id="inf_ob_nov"><marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" scrollamount="3" scrolldelay="1" width="100%">Анонсируем много анонсов... И еще, и еще, много-много..Можно и бегающей строкой..</marquee>
<div class="edit-container" data="http://testmods.mybb.ru/viewtopic.php?id=8#p9"></div>
</div>
<!--Вставка блоков слева-->
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
<div id="statis"></div>
</div>
<!--Вставка блоков справа-->
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<!--Исключаемые из новостей портала Темы -->
<div id="delete_Tems" style="display:none">
<p>_й_</p> <p>$DEL$</p>
<p>Тут контенты редактируемых блоков в HTML верх</p>
<p>Тут контенты редактируемых блоков в Объявлении</p>
<p>Тут контенты редактируемых блоков На своей Странице</p>
<p>Тут контенты редактируемых блоков в HTML низ</p>
<p>Тут контенты редактируемых блоков в Правилах форума</p>
<p>Исходники</p>
</div>


<!--//Подгрузка контента редактируемых блоков "edit-container" -->
<script type="text/javascript">loadEditContainers()</script>

Полный итоговый код 'Демо' вставляемый на страницу без скрипта "Слайдер Кино и Киносериалов":

Код:

<!--Портал Море /портация с e107 DeepBlue2/-->
<script type="text/javascript" src="https://forumstatic.ru/files/0013/49/9f/39266.js"></script>
<!--Название форума-->
<div id="vst_name">Имя форума</div>
<!--Вставка меню-->
<a id="inf_menu_portal" href="/pages/portal">Портал</a>
<div id="inf_menu_user">Участники</div>
<a id="inf_menu_forum" href="/">Форум</a>
<div class="vse_podm" style="width:100%">
<li>
<a href="#">Это категория 1</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 1</a></li>
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
<li><a href="#">Это категория 2</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
</div>
<!-- Вставка Анонсы портала -->
<div id="inf_name_ob">Анонсы портала</div>
<div id="inf_ob_nov"><marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" scrollamount="3" scrolldelay="1" width="100%">Анонсируем много анонсов... И еще, и еще, много-много..Можно и бегающей строкой..</marquee>
<div class="edit-container" data="http://testmods.mybb.ru/viewtopic.php?id=8#p9"></div>
</div>
<!--Вставка блоков слева-->
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
<div id="statis"></div>
</div>
<!--Вставка блоков справа-->
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<!--Исключаемые из новостей портала Темы -->
<div id="delete_Tems" style="display:none">
<p>_й_</p> <p>$DEL$</p>
<p>Тут контенты редактируемых блоков в HTML верх</p>
<p>Тут контенты редактируемых блоков в Объявлении</p>
<p>Тут контенты редактируемых блоков На своей Странице</p>
<p>Тут контенты редактируемых блоков в HTML низ</p>
<p>Тут контенты редактируемых блоков в Правилах форума</p>
<p>Исходники</p>
</div>


<!--//Подгрузка контента редактируемых блоков "edit-container" -->
<script type="text/javascript">loadEditContainers()</script>

Скриншоты:

У меню можно менять цвет вот таким образом:

ДЕМО ПОРТАЛА

Если вы хотите посмотреть работу скрипта Онлайн Редактор Объявлений в Анонсе Портала, то зайдите на сам форум: ВХОД НА ФОРУМ и войдите через Пиар Вход.

Отредактировано kolobdur74 (Вт, 17 Сен 2013 05:54:20)

Поделиться650Вт, 17 Сен 2013 11:14:49

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

Симпатично...
Можно отметить, что приведённый код для исключения тем минимально стандартный...
Обычно наибольшее число пользователей к вечеру пятницы, - стоит тогда поднять тему еще пару раз

Поделиться651Вт, 17 Сен 2013 12:29:38

Автор: C3La-NS
Уже НЕ Модератор 😈
Зарегистрирован: Вс, 29 Май 2011
Сообщений: 641
Уважение: +646
Позитив: +377
Пол: Мужской
Последний визит:
Пт, 26 Июн 2026 09:08:06

kolobdur74
Красиво.
Далеко Вы ушли с реализацией портала. Уже многое не понимаю.

Кстати, а что такое
это?

Поделиться652Вт, 17 Сен 2013 17:33:49

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

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

Кстати, а что такое
это?

Это для красоты, что-то вроде аналога перечня..В превью оригинала этот кружочек присутствовал, но в самом стиле я его не обнаружил, поэтому вырезал из превью - получилось не так чтобы круто, но вроде нормально (я фотошопом владею не очень хорошо). Без этой картинки дизайн выглядел неполным..

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

Обычно наибольшее число пользователей к вечеру пятницы, - стоит тогда поднять тему еще пару раз

Я думаю попробовать сделать конструктор, единственно, для простоты, мне кажется надо будет разделить $('#bib'+N) и соответственно: $('div.boxrss'+i) на два или три, чтобы отдельно можно было вставлять в таблицу название новости, саму новость и дату с автором..А таблицу с css сделать отдельным файлом js, тогда файл с скриптами - это будет основа, а файл стиля с таблицей - конструктор для дизайнеров..И вот, если бы была возможность оставлять комментарии, тогда портал не уступал бы ни одному сайту... :blush:

Поделиться653Вт, 17 Сен 2013 17:49:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

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

если бы была возможность оставлять комментарии,

Хм... 1. Вроде как комменты возможны - только вместо звездачек иной значёк...

Хотя стиль можно вынести отдельным элементом c нужными комментами
<link rel="stylesheet" type="text/css" href="Ссылка" />, если есть желание...
Таблицу в текущем варианте выносить не стоит - ибо не прозрачна пользователю

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

Отредактировано Deff (Вт, 17 Сен 2013 17:58:59)

Поделиться654Вт, 17 Сен 2013 18:07:49

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

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

Таблицу в текущем варианте выносить не стоит - ибо не прозрачна пользователю

Не в таком варианте - я думаю фактически полностью убрать таблицу из скриптов, чтобы скрипты вообще не трогать...Сделать блоки, которые можно вставлять в нужное место, соответствующее данному дизайну, как я сделал с статистикой: <div id="statis"></div>, и сделать перечень блоков, что за что отвечает... В таком варианте он и получится конструктор - типа Лего, Сделай сам)) Поэтому и подумал, что надо разнести название новости от содержимого в скрипте, бо иначе блок получится связанный и в случае с сложным дизайном придется опять лезть в скрипты..А так в блочной конструкции люди разбирающиеся в css и таблицах с легкостью сделают любой дизайн, понятное дело, что речь идет не о новичках в этом деле - конструктор не для них..

Поделиться655Вт, 17 Сен 2013 18:13:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

kolobdur74
Для Шаблона подобного текущему (Да и вообще шаблона Портала)
достаточно 2-3 стандартных секции сверху
<div id="ХХ" class="section"><div class="container"></div></div>
Одна секция с таблицей из трёх ячеек для сайдбаров и контента новостей
и 1-2 секции снизу...

текущие навороты сильно излишни и ничем не оправданы
Вероятно неплохо заключить все секции в общий div подобный #pun, дающий возможность фиксировать ширину, а не только оставлять резиновость по ширине

Т.е в итоге - отход от стандартного шаблона был продиктован в основном первичной основой понравившегося шаблона.. со временем который можно с небольшими усилиями трансформировать на текущий

Отредактировано Deff (Вт, 17 Сен 2013 18:18:47)

Поделиться656Вт, 17 Сен 2013 19:12:22

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

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

а файл стиля с таблицей - конструктор для дизайнеров..

если можно вывести отдельно файл стиля что бы сделать свой дизайн
а сама идея этого портала -СУПЕР

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

не только оставлять резиновость по ширине

а можно что бы и портал был резиновым и весь контент резиновый?

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

получится конструктор - типа Лего, Сделай сам))

для среднестатистического нуба,коим я являюсь лучше конструктор

Поделиться657Вт, 17 Сен 2013 19:19:34

Автор: C3La-NS
Уже НЕ Модератор 😈
Зарегистрирован: Вс, 29 Май 2011
Сообщений: 641
Уважение: +646
Позитив: +377
Пол: Мужской
Последний визит:
Пт, 26 Июн 2026 09:08:06

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

Это для красоты, что-то вроде аналога перечня..В превью оригинала этот кружочек присутствовал, но в самом стиле я его не обнаружил, поэтому вырезал из превью - получилось не так чтобы круто, но вроде нормально (я фотошопом владею не очень хорошо). Без этой картинки дизайн выглядел неполным..

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

Поделиться658Вт, 17 Сен 2013 19:26:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

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

а можно что бы и портал был резиновым и весь контент резиновый?

Сейчас портал именно резиновый

Поделиться659Ср, 18 Сен 2013 05:50:02

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7742
Уважение: +6297
Позитив: +6783
Пол: Мужской
Последний визит:
Вчера 22:25:56

Вообщем вот набросок конструктора: http://projekt1.bbmy.ru/pages/portal5 - можно сделать дизайн не трогая скриптов, используя только css и НТМЛ..Файл скриптов отдельно подключен в файл: https://forumstatic.ru/files/000e/14/cc/22591.js , отдельно вывел и меню, бо оно большое, и только место занимает, тоже в этом файле подключено..Осталось только необходимое css и таблица портала.

Вот, если кто захочет поэкспериментировать:

Код

Код:

<script type="text/javascript" src="https://forumstatic.ru/files/000e/14/cc/22591.js"></script>


<!--Название форума-->
<div id="inf_name_portal">Имя форума</div>
<!--Вставка меню-->
<a id="inf_menu_portal" href="/pages/portal">Портал</a>
<a id="inf_menu_forum" href="/">Форум</a>
<div id="inf_menu_user">Участники</div>
<div class="vse_podm" style="width:100%">
<li>
<a href="#">Это категория 1</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 1</a></li>
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
<li><a href="#">Это категория 2</a>
<span class="rightarrow"></span>
<ul class="sub_2nd">
<li><a href="#">Это подменюшка 2</a></li>
<li><a href="#">Это подменюшка 3</a></li>
</ul>
</li>
</div>
<!-- Вставка Анонсы портала -->
<div id="inf_name_ob">Анонсы портала</div>
<div id="inf_ob_nov"><marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" scrollamount="3" scrolldelay="1" width="100%">Анонсируем много анонсов... И еще, и еще, много-много..Можно и бегающей строкой..</marquee>
<div class="edit-container" data="http://projekt1.bbmy.ru/viewtopic.php?id=39#p443"></div>
</div>
<!--Вставка блоков слева-->
<div id=Inf_block_Left style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
<div id="statis"></div>
</div>
<!--Вставка блоков справа-->
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
<!--Исключаемые из новостей портала Темы -->
<div id="delete_Tems" style="display:none">
<p>_й_</p> <p>$DEL$</p>
<p>Тут контенты редактируемых блоков в HTML верх</p>
<p>Тут контенты редактируемых блоков в объявлении</p>
<p>Тут контенты редактируемых блоков На своей Странице</p>
<p>Тут контенты редактируемых блоков в HTML низ</p>
<p>Тут контенты редактируемых блоков в Правилах форума</p>
<p>Фильмы</p>
</div>



<!--//Подгрузка контента редактируемых блоков "edit-container" -->
<script type="text/javascript">loadEditContainers()</script>

Пока это бета - надо еще проверить его..

Отредактировано kolobdur74 (Ср, 18 Сен 2013 05:54:58)

Поделиться660Ср, 18 Сен 2013 06:19:11

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51792
Уважение: +15576
Позитив: +12430
Последний визит:
Сегодня 08:50:20

kolobdur74
В Принципе, я бы эту часть

Код:

//888888888888888888888888888888888888888888888888888
// Контент
//888888888888888888888888888888888888888888888888888
$('#html-header').find('link[href$="/38503.css"]').remove().appendTo('head:first');
$('#pun-main').find('link[rel="stylesheet"]').remove().appendTo('head:first');
function content(){ /*==123==;
<!--Портал Море /портация с e107 DeepBlue2/-->
<div id=Mydiv style="display:none">
<!--Таблица Портала-->
<div class='tablica'>
<table id='portal' class='tab_portal' cellpadding='0' cellspacing='0'>
<tr>
<td class='shapka' style='white-space:nowrap' colspan='3'><div class='name_portal'></div></td>
</tr>
<tr>
<td colspan='3'>
<!--Дата-->
<span id="clock" style="float: right;position:relative;margin-right:25px;margin-bottom:10px;text-shadow:#20B2AA -1px -1px 0, #00BFFF 1px 1px 0;font-size:12px;background: transparent;color:#6391A1;font-weight:600;font-family:Verdana;">  </span>
<!--Конец Дата-->
</td>
</tr>
<tr>
<td colspan='3'>
<!--Меню-->
<div id="wrapper">
<div id="nav">
<ul class="main">
<li id="menu_portal"></li>
<li id="menu_forum">
<ul class="sub" id="sub_forum"></ul>
</li>
<li id="menu_user"><a id="menu_user_naz" href="/userlist.php"></a>
<ul id="users" class="sub"></ul>
</li>
<li><a id="navprofile1" href="#"></a>
<ul class="sub">
<li><a id="navprofile2" href="#"></a>
<li><a id="navprofile3" href="#"></a>
<li><a id="navprofile4" href="#"></a>
<li><a id="navprofile5" href="#"></a>
<li><a id="navprofile6" href="#"></a>
<li><a id="navprofile7" href="#"></a>
<li><a id="navprofile8" href="#"></a>
<li><a id="navprofile9" href="#"></a>
</ul>
</li>
<li class="fr"><a href="#">Цвет меню</a>
<ul class="sub_rt">
<li><a href="#" alt="st_red" onclick="setColor(this);return false">Красный</a></li>
<li><a href="#" alt="st_blue" onclick="setColor(this);return false">Голубой</a></li>
<li><a href="#" alt="st_chocolate" onclick="setColor(this);return false">Шоколодный</a></li>
<li><a href="#" alt="st_gray" onclick="setColor(this);return false">Серый</a></li>
<li><a href="#" alt="st_green" onclick="setColor(this);return false">Зеленый</a></li>
<li><a href="#" alt="st_orange" onclick="setColor(this);return false">Оранжевый</a></li>
<li><a href="#" alt="st_violet" onclick="setColor(this);return false">Фиолетовый</a></li>
</ul>
</li>
<li class="fr"><a id="log" href="#"></a>
<ul class="sub_rt">
<li id="formal" class="form">
</li>
</ul>
<li class="fr"><a id="vyhod" href="#"></a></li>
</li>
<li class="fr"><a href="#">Поиск</a>
<ul class="sub_rt">
<li class="form">
<form id="punbbsearch" class="container" method="get" action="/search.php">
<input type="hidden" name="action" value="search">
<input class="search" type="text" id="fld1" name="keywords" placeholder="Search..."/>
<button class="searchbtn" type="submit" name="search" accesskey="s" title="Найти">Search</button>
</form>
</li>
<li style="width: 180px;"><a href="/search.php">Подробный поиск</a></li>
</ul>
</li>
<li class="fr"><a id="navpmA" href="#"></a>
<ul class="sub_rt">
<li><a href="#">Папки</a><span class="leftarrow"></span>
<ul class="sub_2nd_rt">
<li><a id="navpm0" href="#"></a></li>
<li><a id="navpm1" href="#"></a></li>
</ul>
</li>
<li><a href="#">Действия</a><span class="leftarrow"></span>
<ul class="sub_2nd_rt">
<li><a id="navpm2" href="#"></a></li>
<li><a id="navpm3" href="#"></a></li>
</ul>
</li>
</li>
</ul>
<iframe id="login-in" style="height:1px;width:1px;position:absolute;z-index:-100"  name="potal_frame"></iframe>
</div>
</div>
<!--Конец Меню-->
</td>
</tr>
<tr>
<td class='left_block'>
<div id='content_left'></div>
</td>
<td class='center_block'>
<center>
<div style='width:100%'>
<div class='nov' id='name_ob'></div><br>
<div id='ob_nov' style='text-align:left;'></div>
<div class='nov'></h1>Новости</h1></div>
</div>
</center>
<!--Новости с Пагинатором-->
<div id='paging_container1' class='container'>
<div class='page_navigation'></div>	
<div class='content'>
<div  id="bib1"></div>
<div  id="bib2"></div>
<div  id="bib3"></div>
<div  id="bib4"></div>
<div  id="bib5"></div>
<div  id="bib6"></div>
<div  id="bib7"></div>
<div  id="bib8"></div>
<div  id="bib9"></div>
<div  id="bib10"></div>
</div>
<div class='page_navigation'></div>	
</div>	
<!--Конец Новости с Пагинатором-->
</td>
<td class='right_block'>
<div id='content_right'></div>
</td>
</tr>
</table>
</div>
<div class='pun-break5'></div>

<!--Конец таблицы Портала-->
==123==;*/
} content = content.toString().split('==123==;')[1].replace(/¤/gim,'*');
document.write(content);
//888888888888888888888888888888888888888888888888888
//End //Контент
//888888888888888888888888888888888888888888888888888

пристыковал бы к скрипту
https://forumstatic.ru/files/000e/14/cc/60053.js

И вынес бы стиль вперед скрипта Портала:
<link rel="stylesheet" type="text/css" href="Ccылка"/>
C этим cуммарным стилем:

Код:

<!--Стили-->
/** Настройка таблицы портала: **/

body {
padding:0;
margin:0;
font-size:16px;
font-family:"Trebuchet MS",Arial,sans-serif;
color:#4C4C4B;
text-align:left;
background: url('http://s4.uploads.ru/jSAtu.png') repeat-y #598797 center;
background-attachment: fixed;
}
a img {border:none;text-decoration:none;}
a:hover  img {border:none;}
a {color: #6391A1;text-decoration: none;font-weight: normal;}
a:hover {color:#000;text-decoration:underline;}
p {line-height:24px;}
img{vertical-align:middle}
a:focus { outline: 0; }

h1 {font-size:22px;letter-spacing:-1px;color:#A2A2A2;}
h2 {font-size:28px;color:#000;}
h3 {font-size:24px;}

ul, li, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.postimg {
max-width:520px;
}

.tablica{
width:100%;
margin:0 auto;
background:#598797;
position: relative;
}

#portal {
width:92%;
height:auto;
overflow:hidden;
margin:0 auto;
border:2px solid #366070;
background:#F4F4F4;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
box-shadow: 0 0 10px #E6E6FA;
}

.shapka {
background:url('http://s5.uploads.ru/ghym6.jpg') no-repeat center top;
background-size:100% 100%;
width:92%;
height:270px;
margin:0 auto;
border:0;
}

.name_portal {
width: 925px;
height: 190px;
padding: 45px 0 0 35px;
color: #F4F4F4;
font-size: 25px;
position: relative;
}

.left_block {
width: 21%;
text-align: center;
vertical-align: top;
}
.center_block {
width: 58%;
text-align: center;
vertical-align: top;
}
.right_block {
width: 21%;
text-align: center;
vertical-align: top;
}

/** Настройка Новостей: **/

.vse_news {
border:1px solid #366070;
background:#F4F4F4;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
box-shadow: 0 0 10px #20B2AA;
margin-top: 15px;
}

.titles {
text-align: center;
color: #6391A1;
font-size: 25px;
font-weight: 600;
}

.authors {
float: right;
color: #FF1493;
font-size: 12px;
padding-right: 5px;
font-weight: 600;
}

.conts {
text-align: left;
padding-left: 5px;
}

.JLinks {
text-align: left;
padding-left: 5px;
}

.nov {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
color: #6391A1;
text-align: center;
vertical-align: middle;
font-weight: bold;
border:1px solid #366070;
background:#F4F4F4;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
box-shadow: 0 0 10px #20B2AA;
width: 58%;
margin-top: 15px;
}

#ob_nov, .post-content {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
font-weight: bold;
background:#F4F4F4;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
box-shadow: 0 0 10px #20B2AA;
}

/** Настройка блоков слева и справа: **/

#content_left, #content_right {
margin: 15px 10px 0 10px;
}

.nazvfnie_content_left, .inf_content_left, .nazvfnie_content_right, .inf_content_right {
font-size: 14px;
font-weight: bold;
color: #000000;
text-align: left;
vertical-align: middle;
font-weight: bold;
background:#F4F4F4;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
box-shadow: 0 0 10px #20B2AA;
padding-left: 10px;
}

.inf_content_left, .inf_content_right {
font-size: 14px;
font-weight: bold;
color: #000000;
text-align: left;
vertical-align: middle;
font-weight: bold;
background:#F4F4F4;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
box-shadow: 0 0 10px #20B2AA;
padding-left: 10px;
}

/** Настройка низа портала: **/

.pun-break5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #AED7ED;
text-align: center;
vertical-align: middle;
background:#598797;
font-weight: bold;
height: 24px;
}
#pun-break3, #pun-break4 {
background:#598797;
height: 12px;
width: 100%;
margin: 0;
border: none;
}
#pun-break3 hr, #pun-break4 hr {
display: none;
}
#pun-crumbs2 .container, #pun-about .container {
background-color: #175783;
color: #AED7ED;
background-image: url(http://s5.uploads.ru/fg4bH.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}
/** Стиль HTML5 menu. **/

ul, li, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#wrapper {
	width: 100%;
	margin: 0 auto;
}

div#nav ul.main li.fr {
	float: right;
}

div#nav {
	width: 100%;
	clear: both;
}

div#nav ul.main li {
	float: left;
	position: relative;
}

div#nav ul.main li:hover {
	-webkit-box-shadow: inset 0 4px 10px #222;
	-moz-box-shadow: inset 0 4px 10px #222;
	box-shadow: inset 0 4px 10px #222;
}

div#nav ul.main li:first-child {
}

div#nav ul.main li a {
	display: block;
	color: #F4F4F4;
	font: normal 12px/50px Arial, sans-serif;
	text-decoration: none;
	padding: 0 15px;
	position: relative;
}

div#nav ul.main {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(45,56,58)), color-stop(100%, rgb(21,30,33)));
	background: -webkit-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -moz-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -o-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -ms-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d383a', endColorstr='#151e21',GradientType=0 );

	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	float: left;
	height: 50px;
	width: 100%;
	padding: 0;
	background: rgb(45,56,58);
}

div#nav ul.main li:hover:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 44%;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}

div#nav ul.main li ul.sub, div#nav ul.main li ul.sub_rt {
	display: none;
}

div#nav ul.main li:hover ul.sub {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
}

div#nav ul.main li:hover ul.sub_rt {
	display: block;
	position: absolute;
	top: 50px;
	right: 0;
}

div#nav ul.main li ul.sub li, div#nav ul.main li ul.sub_rt li {
	width: 140px;
	position: relative;
}

div#nav ul.main li ul.sub li:first-child, div#nav ul.main li ul.sub_rt li:first-child {
	margin-left: 0;
}

div#nav ul.main li ul.sub li:last-child, div#nav ul.main li ul.sub_rt li:last-child {
	border-bottom: none;
}

div#nav ul.main li ul.sub li:hover, div#nav ul.main li ul.sub_rt li:hover {
	-webkit-box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	box-shadow: 0 0 0 #000;
}

div#nav ul.main li ul.sub li:hover:after, div#nav ul.main li ul.sub_rt li:hover:after {
	content: '';
	position: absolute;
	border: 0;
}

div#nav ul.main li ul.sub li a, div#nav ul.main li ul.sub_rt li a {
	display: block;
	color: #F4F4F4;
	font: normal 11px/30px Arial, sans-serif;
}

div#nav ul.main li ul.sub li span.rightarrow {
	position: absolute;
	z-index: 500;
	right: 0px;
	top: 10px;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}

div#nav ul.main li ul.sub_rt li span.leftarrow {
	position: absolute;
	z-index: 500;
	right: 6px;
	top: 10px;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}

div#nav ul.main li ul.sub li ul.sub_2nd, div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	display: none;
}

div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	display: block;
	position: absolute;
	z-index: 55;
	top: -3px;
	left: 140px;
}

div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	display: block;
	position: absolute;
	z-index: 777;
	top: -3px;
	right: 140px;
}

div#nav ul.main li ul.sub_rt li.form {
	padding: 0 15px;
	width: 150px;
	font: normal 11px/24px Arial, sans-serif;
}

li.form input[type=text], li.form input[type=password] {
	width: 138px;
	height: 20px;
	padding: 0 5px;
	color: #000;
	font: normal 11px Arial, sans-serif;
	font-style: italic;
	margin: 0;

	-webkit-box-shadow: inset 3px 3px 3px #CCCCCC;
	-moz-box-shadow: inset 3px 3px 3px #CCCCCC;
	box-shadow: inset 3px 3px 3px #CCCCCC;
}

li.form input[type=text]:focus, li.form input[type=password]:focus {
	outline: none;
}

li.form button {
	padding: 3px 9px;
	border: 1px solid #222;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	margin-top: 7px;
	margin-bottom: 10px;
	color: #F4F4F4;
	font: normal 11px Arial, sans-serif;
	position: relative;
	cursor: pointer;
	outline: none;
	background: rgb(45,56,58);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(45,56,58)), color-stop(100%, rgb(21,30,33)));
	background: -webkit-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -moz-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -o-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -ms-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d383a', endColorstr='#151e21',GradientType=0 );
}

li.form button:after {
	content: '\00a0';
	position: absolute;
	display: block;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	border-top: 1px solid #555555;
}

li.form button:after {
	content: '\00a0';
	position: absolute;
	display: block;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	border-top: 1px solid #555555;
}

li.form input[type=checkbox] {
	position: relative;
	top: 3px;
}

li.form {
	width: 200px;
}

li.form input.search {
	width: 83px;
	float: left;
	margin-top: 7px;
}

li.form button.searchbtn {
	float: left;
	border-left: 0;

	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;

	margin-left: -1px;
}

        /*Цвет меню*/
.st_red div#nav ul.main {
	border-bottom: 3px solid #D30E14;
}

.st_red div#nav ul.main li:hover:after {
	border-color: transparent transparent #D30E14 transparent;
}

.st_red div#nav ul.main li ul.sub, .st_red div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #D30E14;
	border-bottom: 3px solid #D30E14;
}

.st_red div#nav ul.main li:hover ul.sub {
	background: #D30E14;
}

.st_red div#nav ul.main li:hover ul.sub_rt {
	background: #D30E14;
}

.st_red div#nav ul.main li ul.sub li, .st_red div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #FF473F;
}

.st_red div#nav ul.main li ul.sub li:hover, .st_red div#nav ul.main li ul.sub_rt li:hover {
	background: #990000;
}

.st_red div#nav ul.main li ul.sub li a:hover, .st_red div#nav ul.main li ul.sub_rt li a:hover {
	background: #990000;
}

.st_red div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #990000;
}

.st_red div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #990000 transparent transparent;
}

.st_red div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #D30E14;
	border-bottom: 3px solid #D30E14;
}

.st_red div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #D30E14;
}

.st_red div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #D30E14;
	border-bottom: 3px solid #D30E14;
}

.st_red div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #D30E14;
}

.st_red div#nav ul.main li ul.sub_rt li.form {
	background: #D30E14;
}

.st_red div#nav ul.main li ul.sub_rt li.form:hover {
	background: #D30E14;
}

.st_red li.form input[type=text], .st_red li.form input[type=password] {
	border: 1px solid #A9070D;
}

.st_red li.form label {
	color: #F4F4F4;
}

.st_red li.form button.searchbtn {
	float: left;
	border-left: 0;

	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;

	margin-left: -1px;
}

.st_blue div#nav ul.main {
	border-bottom: 3px solid #0FA1DD;
}

.st_blue div#nav ul.main li:hover:after {
	border-color: transparent transparent #0FA1DD transparent;
}

.st_blue div#nav ul.main li ul.sub, .st_blue div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #0FA1DD;
	border-bottom: 3px solid #0FA1DD;
}

.st_blue div#nav ul.main li:hover ul.sub {
	background: #0FA1DD;
}

.st_blue div#nav ul.main li:hover ul.sub_rt {
	background: #0FA1DD;
}

.st_blue div#nav ul.main li ul.sub li, .st_blue div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #83D6F7;
}

.st_blue div#nav ul.main li ul.sub li:hover, .st_blue div#nav ul.main li ul.sub_rt li:hover {
	background: #0B79A5;
}

.st_blue div#nav ul.main li ul.sub li a:hover, .st_blue div#nav ul.main li ul.sub_rt li a:hover {
	background: #0B79A5;
}

.st_blue div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #0B79A5;
}

.st_blue div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #0B79A5 transparent transparent;
}

.st_blue div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #0FA1DD;
	border-bottom: 3px solid #0FA1DD;
}

.st_blue div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #0FA1DD;
}

.st_blue div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #0FA1DD;
	border-bottom: 3px solid #0FA1DD;
}

.st_blue div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #0FA1DD;
}

.st_blue div#nav ul.main li ul.sub_rt li.form {
	background: #0FA1DD;
}

.st_blue div#nav ul.main li ul.sub_rt li.form:hover {
	background: #0FA1DD;
}

.st_blue li.form input[type=text], .st_blue li.form input[type=password] {
	border: 1px solid #0B79A5;
}

.st_blue li.form input[type=text]:focus, .st_blue 

.st_blue li.form label {
	color: #F4F4F4;
}

.st_chocolate div#nav ul.main {	
	border-bottom: 3px solid #6C442E;
}

.st_chocolate div#nav ul.main li:hover:after {
	border-color: transparent transparent #6C442E transparent;
}

.st_chocolate div#nav ul.main li ul.sub, .st_chocolate div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #6C442E;
	border-bottom: 3px solid #6C442E;
}

.st_chocolate div#nav ul.main li:hover ul.sub {
	background: #6C442E;
}

.st_chocolate div#nav ul.main li:hover ul.sub_rt {
	background: #6C442E;
}
.st_chocolate div#nav ul.main li ul.sub li, .st_chocolate div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #BB7F5F;
}
 
.st_chocolate div#nav ul.main li ul.sub li:hover, .st_chocolate div#nav ul.main li ul.sub_rt li:hover {
	background: #432A1C;
}

.st_chocolate div#nav ul.main li ul.sub li a:hover, .st_chocolate div#nav ul.main li ul.sub_rt li a:hover {
	background: #432A1C;
}

.st_chocolate div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #432A1C;
}

.st_chocolate div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #432A1C transparent transparent;
}

.st_chocolate div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #6C442E;
	border-bottom: 3px solid #6C442E;
}

.st_chocolate div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #6C442E;
}

.st_chocolate div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #6C442E;
	border-bottom: 3px solid #6C442E;
}

.st_chocolate div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #6C442E;
}

.st_chocolate div#nav ul.main li ul.sub_rt li.form {
	background: #6C442E;
}

.st_chocolate div#nav ul.main li ul.sub_rt li.form:hover {
	background: #6C442E;
}

.st_chocolate li.form input[type=text], .st_chocolate li.form input[type=password] {
	border: 1px solid #432A1C;
}

.st_chocolate li.form label {
	color: #F4F4F4;
}

.st_gray div#nav ul.main {
	border-bottom: 3px solid #898989;
}

.st_gray div#nav ul.main li:hover:after {
	border-color: transparent transparent #898989 transparent;
}

.st_gray div#nav ul.main li ul.sub, .st_gray div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #898989;
	border-bottom: 3px solid #898989;
}

.st_gray div#nav ul.main li:hover ul.sub {
	background: #898989;
}

.st_gray div#nav ul.main li:hover ul.sub_rt {
	background: #898989;
}

.st_gray div#nav ul.main li ul.sub li, .st_gray div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #BDBDBD;
}

.st_gray div#nav ul.main li ul.sub li:hover, .st_gray div#nav ul.main li ul.sub_rt li:hover {
	background: #676767;
}

.st_gray div#nav ul.main li ul.sub li a:hover, .st_gray div#nav ul.main li ul.sub_rt li a:hover {
	background: #676767;
}

.st_gray div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #676767;
}

.st_gray div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #676767 transparent transparent;
}

.st_gray div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #898989;
	border-bottom: 3px solid #898989;
}

.st_gray div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #898989;
}

.st_gray div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #898989;
	border-bottom: 3px solid #898989;
}

.st_gray div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #898989;
}

.st_gray div#nav ul.main li ul.sub_rt li.form {
	background: #898989;
}

.st_gray div#nav ul.main li ul.sub_rt li.form:hover {
	background: #898989;
}

.st_gray li.form input[type=text], .st_gray li.form input[type=password] {
	border: 1px solid #676767;
}

.st_gray li.form input[type=text]:focus, .st_gray 

.st_gray li.form label {
	color: #F4F4F4;
}

.st_green div#nav ul.main {
	border-bottom: 3px solid #72B735;
}

.st_green div#nav ul.main li:hover:after {
	border-color: transparent transparent #72B735 transparent;
}

.st_green div#nav ul.main li ul.sub, .st_green div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #72B735;
	border-bottom: 3px solid #72B735;
}

.st_green div#nav ul.main li:hover ul.sub {
	background: #72B735;
}

.st_green div#nav ul.main li:hover ul.sub_rt {
	background: #72B735;
}

.st_green div#nav ul.main li ul.sub li, .st_green div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #C2EE6A;
}

.st_green div#nav ul.main li ul.sub li:hover, .st_green div#nav ul.main li ul.sub_rt li:hover {
	background: #5C932B;
}

.st_green div#nav ul.main li ul.sub li a:hover, .st_green div#nav ul.main li ul.sub_rt li a:hover {
	background: #5C932B;
}

.st_green div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #5C932B;
}

.st_green div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #5C932B transparent transparent;
}

.st_green div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #72B735;
	border-bottom: 3px solid #72B735;
}

.st_green div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #72B735;
}

.st_green div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #72B735;
	border-bottom: 3px solid #72B735;
}

.st_green div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #72B735;
}

.st_green div#nav ul.main li ul.sub_rt li.form {
	background: #72B735;
}

.st_green div#nav ul.main li ul.sub_rt li.form:hover {
	background: #72B735;
}

.st_green li.form input[type=text], .st_green li.form input[type=password] {
	border: 1px solid #5C932B;
}

.st_green li.form label {
	color: #F4F4F4;
}

.st_orange div#nav ul.main {
	border-bottom: 3px solid #FAAB47;
}

.st_orange div#nav ul.main li:hover:after {
	border-color: transparent transparent #FAAB47 transparent;
}

.st_orange div#nav ul.main li ul.sub, .st_orange div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #FAAB47;
	border-bottom: 3px solid #FAAB47;
}

.st_orange div#nav ul.main li:hover ul.sub {
	background: #FAAB47;
}

.st_orange div#nav ul.main li:hover ul.sub_rt {
	background: #FAAB47;
}

.st_orange div#nav ul.main li ul.sub li, .st_orange div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #FCD198;
}

.st_orange div#nav ul.main li ul.sub li:hover, .st_orange div#nav ul.main li ul.sub_rt li:hover {

	background: #E78607;
}

.st_orange div#nav ul.main li ul.sub li a:hover, .st_orange div#nav ul.main li ul.sub_rt li a:hover {
	background: #E78607;
}

.st_orange div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #E78607;
}

.st_orange div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #E78607 transparent transparent;
}

.st_orange div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #FAAB47;
	border-bottom: 3px solid #FAAB47;
}

.st_orange div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #FAAB47;
}

.st_orange div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #FAAB47;
	border-bottom: 3px solid #FAAB47;
}

.st_orange div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #FAAB47;
}

.st_orange div#nav ul.main li ul.sub_rt li.form {
	background: #FAAB47;
}

.st_orange div#nav ul.main li ul.sub_rt li.form:hover {
	background: #FAAB47;
}

.st_orange li.form input[type=text], .st_orange li.form input[type=password] {
	border: 1px solid #E78607;
}

.st_orange li.form label {
	color: #F4F4F4;
}

.st_violet div#nav ul.main {
	border-bottom: 3px solid #9061C2;
}

.st_violet div#nav ul.main li:hover:after {
	border-color: transparent transparent #9061C2 transparent;
}

.st_violet div#nav ul.main li ul.sub, .st_violet div#nav ul.main li ul.sub_rt {
	border-top: 3px solid #9061C2;
	border-bottom: 3px solid #9061C2;
}

.st_violet div#nav ul.main li:hover ul.sub {
	background: #9061C2;
}

.st_violet div#nav ul.main li:hover ul.sub_rt {
	background: #9061C2;
}

.st_violet div#nav ul.main li ul.sub li, .st_violet div#nav ul.main li ul.sub_rt li {
	border-bottom: 1px dotted #AC96C2;
}

.st_violet div#nav ul.main li ul.sub li:hover, .st_violet div#nav ul.main li ul.sub_rt li:hover {

	background: #7C3AC2;
}

.st_violet div#nav ul.main li ul.sub li a:hover, .st_violet div#nav ul.main li ul.sub_rt li a:hover {
	background: #7C3AC2;
}

.st_violet div#nav ul.main li ul.sub li span.rightarrow {
	border-color: transparent transparent transparent #7C3AC2;
}

.st_violet div#nav ul.main li ul.sub_rt li span.leftarrow {
	border-color: transparent #7C3AC2 transparent transparent;
}

.st_violet div#nav ul.main li ul.sub li ul.sub_2nd {
	border-top: 3px solid #9061C2;
	border-bottom: 3px solid #9061C2;
}

.st_violet div#nav ul.main li ul.sub li:hover ul.sub_2nd {
	background: #9061C2;
}

.st_violet div#nav ul.main li ul.sub_rt li ul.sub_2nd_rt {
	border-top: 3px solid #9061C2;
	border-bottom: 3px solid #9061C2;
}

.st_violet div#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	background: #9061C2;
}

.st_violet div#nav ul.main li ul.sub_rt li.form {
	background: #9061C2;
}

.st_violet div#nav ul.main li ul.sub_rt li.form:hover {
	background: #9061C2;
}

.st_violet li.form input[type=text], .st_violet li.form input[type=password] {
	border: 1px solid #7C3AC2;
}

.st_violet li.form label {
	color: #F4F4F4;
}

/** End. Стиль HTML5 menu. **/

Отредактировано Deff (Ср, 18 Сен 2013 06:47:38)

Страница: « 1 … 31 32 33 34 35 … 51 »

Создаем полноценный Портал на форумах MyBB 2	Новые возможности форумов	Вс, 1 Апр 2018
Как создать портал для форума?	Архив	Пн, 29 Дек 2014
Навигатор по форуму поддержки	Справочная	Вт, 6 Ноя 2012
Можно ли сделать у форума главную страницу?	Архив	Вс, 6 Сен 2015
Как создать свою страницу?	Корзина	Сб, 6 Июл 2013

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

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

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

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

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

Сообщений 641 страница 660 из 1004

Поделиться641Пн, 16 Сен 2013 02:30:56

Поделиться642Пн, 16 Сен 2013 02:33:52

Поделиться643Пн, 16 Сен 2013 02:42:30

Поделиться644Пн, 16 Сен 2013 02:46:24

Поделиться645Пн, 16 Сен 2013 03:24:05

Поделиться646Пн, 16 Сен 2013 03:36:42

Поделиться647Пн, 16 Сен 2013 03:54:59

Поделиться648Пн, 16 Сен 2013 04:47:42

Поделиться649Вт, 17 Сен 2013 04:50:30

Поделиться650Вт, 17 Сен 2013 11:14:49

Поделиться651Вт, 17 Сен 2013 12:29:38

Поделиться652Вт, 17 Сен 2013 17:33:49

Поделиться653Вт, 17 Сен 2013 17:49:02

Поделиться654Вт, 17 Сен 2013 18:07:49

Поделиться655Вт, 17 Сен 2013 18:13:30

Поделиться656Вт, 17 Сен 2013 19:12:22

Поделиться657Вт, 17 Сен 2013 19:19:34

Поделиться658Вт, 17 Сен 2013 19:26:10

Поделиться659Ср, 18 Сен 2013 05:50:02

Поделиться660Ср, 18 Сен 2013 06:19:11

Похожие темы