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

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

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


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


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

Сообщений 701 страница 720 из 1001

701

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

Подредактируй стиль с учетом новых селекторов

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

Отредактировано kolobdur74 (Пт, 20 Сен 2013 02:36:51)

0

702

kolobdur74
Зачем ? - если есть разный  селектор в td для лево право ?
И кавычку поправь (пост 700)
И добавить в стиль / для контента, - в основном в Анонсах/:

.quote-box {text-align:left;}
  .edit-container .post-content{border:0 none;box-shadow:none;border-radius:0}

Отредактировано Deff (Пт, 20 Сен 2013 03:00:43)

0

703

Для h2 новостей - убрать Паддинг или сдвинуть маргином
И поставить фоновую картинку - планку

Для примера - поставь на форум инфоблок Дука с облегченным заполнением Инфы

Он смотрится с планками - значительно симпатичнее

Отредактировано Deff (Пт, 20 Сен 2013 03:04:19)

0

704

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

Зачем ? - если есть разный  селектор в td для лево право ?

Чтобы можно было обрамить конкретно сам контент, а не весь блок...Я же специально делал, для возможности работы отдельно с названием, отдельно с контентом в одном блоке, а не во всех блоках боковушки..

0

705

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

Чтобы можно было обрамить конкретно сам контент, а не весь блок...Я же специально делал, для возможности работы отдельно с названием, отдельно с контентом в одном блоке, а не во всех блоках боковушки..

Не видел никогда такой потребности, кому нун отдельный визаж в отдельно взятом блоке - может вставить свой блок в контент, со своим селектором!
Хотя взял сам да добавил - можно дать блокам еще и разное ID помимо идентичного класса

Отредактировано Deff (Пт, 20 Сен 2013 03:07:26)

0

706

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

Не видел никогда такой потребности, кому нун отдельный визаж в отдельно взятом блоке - может вставить свой блок в контент, со своим селектором!

Видишь разницу:
http://s4.uploads.ru/VBgwu.gif
http://s5.uploads.ru/MSpzq.gif

0

707

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

Чтобы можно было обрамить конкретно сам контент, а не весь блок...Я же специально делал, для возможности работы отдельно с названием, отдельно с контентом в одном блоке, а не во всех блоках боковушки..

А ты и так работаешь раздельно

.td_news {color:red}
.td_news h2{color:blue}

0

708

kolobdur74
Второй Вариант - не симпатичен - кому нужно обрамить контент, он это может сделать самостоятельно!

<!--Вставка блоков справа-->
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
<div>Текст НОВОСТИ</div>
<h2>НОВОСТЬ 2</h2>
<div>Текст НОВОСТИ</div>
<h2>НОВОСТЬ 3</h2>
<div>Текст НОВОСТИ</div>
</div>

0

709

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

Хотя взял сам да добавил

И вправду, чего эт я http://i053.radikal.ru/0806/7f/8b80a2497566.gif  :D Добавил)) :yep:

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

можно дать блокам еще и разное ID помимо идентичного класса

Думаешь может понадобиться? http://i053.radikal.ru/0806/7f/8b80a2497566.gif

0

710

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

Для h2 новостей - убрать Паддинг или сдвинуть маргиномИ поставить фоновую картинку - планку
Для примера - поставь на форум скрипт:
инфоблок Дука с облегченным заполнением Инфы
Он смотрится с планками - значительно симпатичнее

0

711

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

Второй Вариант - не симпатичен - кому нужно обрамить контент, он это может сделать самостоятельно!

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

0

712

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

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

Верстка в твоем варианте не нативна - ибо первое правило - у единого элемента должна быть возможность скрытия и переноса.
Опять жа конструктор для продвинутых - зачем ему лишние элементы ?

//Вставляем контент в боковушки
if($("#content_right").html()==''&&$("#content_left").html()==''){
$("#Inf_block_Left,#Inf_block_Right").find('script').remove();
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
  var LeftSUM='',RightSUM='';

if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+='<div class="td_news"><h2 class="nazvfnie_content"><div class="cnt">'+c[i]+'</h2><br />'+c[i+1]+'</div></div><br />';
}} else { $('#content_left').parent('td').hide()}

if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+='<div class="td_news"><h2 class="nazvfnie_content"><div class="cnt">'+c[i]+'</h2><br />'+c[i+1]+'</div></div><br />';
}} else {$("#content_right").parent('td').hide();}
  if(LeftSUM!=''){ $("#content_left").html(LeftSUM); };
  if(RightSUM!=''){ $("#content_right").html(RightSUM); };
}
//888888888888888888888888888888888888888888888888888
//End //Вставляем свой контент
//888888888888888888888888888888888888888888888888888

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

0

713

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

Для h2 новостей - убрать Паддинг или сдвинуть маргиномИ поставить фоновую картинку - планку
Для примера - поставь на форум скрипт:
инфоблок Дука с облегченным заполнением Инфы
Он смотрится с планками - значительно симпатичнее

Честно сказать это на любителя: http://projekt1.bbmy.ru/

Главное на мой взгляд, чтобы были возможности, а уж пользователь пускай сам решает ставить ему картинку или нет.. А паддинг я убрал - поставил маргин 0 авто - так вроде получше..

0

714

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

Честно сказать это на любителя: http://projekt1.bbmy.ru/

А зачем такой отступ от Верха титлов ? - Он должен быть прижат к верхней части контейнера

0

715

http://s5.uploads.ru/AL6Uj.jpg

0

716

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

Верстка в твоем варианте не нативна - ибо первое правило - у единого элемента должна быть возможность скрытия и переноса.

А я и хотел изначально, чтобы это был не единый элемент...

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

Опять жа конструктор для продвинутых - зачем ему лишние элементы ?

Он конечно для продвинутых, но лучше - меньше кода в НТМЛ...Тем более одно дело иметь возможность, а другое дело добавить самому...Сколько ты слышал вопросов: как добавить? А сколько вопросов: как урезать?

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

А зачем такой отступ от Верха титлов ? - Он должен быть прижат к верхней части контейнера

Я его не редактировал - поставил как есть..

Отредактировано kolobdur74 (Пт, 20 Сен 2013 03:41:17)

0

717

Cокращаем HTML

Код:
<!--Портал Море /портация с e107 DeepBlue2/-->

<div id=Mydiv style="display:none">
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/000e/14/cc/45486.css">
<!--Таблица Портала-->
<div id='tablica'>
<div id='portal'>
<table id='shapka' cellpadding='0' cellspacing='0'>
<tr>
<td class='logo' style='white-space:nowrap'><div class='name_portal'></div></td>
</tr>
<tr>
<td>
<!--Дата-->
<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>
<!--Меню-->
<div id="wrapper">
<div id="nav">
<!--Вставка  Контент меню -->
</div>
</div>
<!--Конец Меню-->
</td>
</tr>
</table>
<table id='tab_content' class='tab_portal' cellpadding='0' cellspacing='0'>
<tr>
<td class='left_block'>
<div id='content_left'></div>
</td>
<td class='center_block' id="news-and-pag">
<!--Вставка - Новости с Пагинатором-->
</td>
<td class='right_block'>
<div id='content_right'></div>
</td>
</tr>
</table>
</div>
</div>
<div class='pun-break5'></div>

<!--Конец таблицы Портала-->

<!--Название форума-->
<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>

Добавляем в скрипт cиним:

Свернутый текст

$('#html-header').find('link[href$="/38503.css"]').remove().appendTo('head:first');
function content(){ /*==123==;
<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>
==123==;*/
} content = content.toString().split('==123==;')[1];
$(content).appendTo('#nav');
//End - Вставка Навигации
function content(){ /*==123==;
<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'>Новости</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>
<!--Конец Новости с Пагинатором-->
==123==;*/
} content = content.toString().split('==123==;')[1];
$(content).appendTo('#news-and-pag');
//End - Вставка Новости с Пагинатором

function content(){ /*==123==;
<style type="text/css">
/¤¤ Стиль HTML5 menu. ¤¤/

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

div#wrapper {

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

0

718

В стилях скрипта (может и css ) объединить элементы с общим атрибутом

Свернутый текст

.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_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_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 li ul.sub_2nd,
.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;

}

Отредактировано Deff (Пт, 20 Сен 2013 04:07:46)

0

719

kolobdur74
Скрипты внизу не поставил

<!--//Подгрузка контента редактируемых блоков "edit-container" -->
<script type="text/javascript">loadEditContainers()</script>
<script type="text/javascript" src="http://forumstatic.ru/files/000e/14/cc/43591.js"></script>

Отредактировано Deff (Пт, 20 Сен 2013 04:13:29)

0

720

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

Скрипты внизу не поставил

Все равно не загружает.. http://i053.radikal.ru/0806/7f/8b80a2497566.gif

0


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