• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Блок Друзья (Нестандартное решение)
Блок Друзья
Server
Сообщений: 5
Репутация: 75
Уровень замечаний:

Сообщение # 1 | 22:03:09 20 Апр 2009
Новый блок друзей

Некоторые из читающих знают, что существует такой специальный блок, созданный на DIV-кодах.

У многих тех, у кого такой блок установлен не работает верхний кусочек (крыша) и получается так:

Некоторые не обратили внимание, а некоторые убрали этот блок из-за "уродства" всего прекрасного на сайте biggrin

Вот код самого скрипта в изначальном виде:

Quote
<div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>
<div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">

<div style="display:none;overflow:auto;height:250px;" id="noInMo">
<div align="center"><!-- код2 -->

</div></div>

<div style="overflow:auto;height:250px;" id="isInMo">
<div align="center">
<!-- код1 -->

</div>
</div>

</div></div></div>

<div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="6%"> </td>
<td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td>

<td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">НАзвание 1</a></div></td>
<td width="7%"> </td>
</tr>
</tbody>
</table>

Отмеченное синим - неправильный код.

Изменить этот кусочек синего нужно на:

Quote
<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div>

<div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">

И получится код:

Quote
<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div>

<div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">

<div style="display:none;overflow:auto;height:250px;" id="noInMo">
<div align="center"><!-- код2 -->

</div></div>

<div style="overflow:auto;height:250px;" id="isInMo">
<div align="center">
<!-- код1 -->

</div>
</div>

</div></div></div>

<div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="6%"> </td>
<td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td>

<td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">НАзвание 1</a></div></td>
<td width="7%"> </td>
</tr>
</tbody>
</table>

Вот теперь всё правильно. Исправляйте. А для тех, кого эта новость была новой, пишем полностью скрипт с установкой.

Установка блока с самого начала

Пишем в любое место CSS-шаблона код:

Quote
/* uCoz Block */
.menuBg {background:#DEE7F6 !important;}
.Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}
.Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}
.MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}
.MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}
.MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;}
.MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;}
.MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; }
/* ---------------- */

Во всех шаблонах, где Вы хотите видеть данный код, перед кодом

Quote
</head>
вставьте код:
Quote
<script type="text/javascript">
function showmods(t) {
if (t){
document.getElementById('instMods').className='MnotActive1';
document.getElementById('uninstMods').className='Mactive';
document.getElementById('isInMo').style.display='none';
document.getElementById('noInMo').style.display='';
document.body.focus();
} else {
document.getElementById('instMods').className='Mactive';
document.getElementById('uninstMods').className='MnotActive';
document.getElementById('noInMo').style.display='none';
document.getElementById('isInMo').style.display='';
document.body.focus();
}
}
</script>

И на всех тех страницах, где находится этот код, нужно вставить сам блок:

Quote
<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div>

<div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">

<div style="display:none;overflow:auto;height:250px;" id="noInMo">
<div align="center"><!-- код2 -->

</div></div>

<div style="overflow:auto;height:250px;" id="isInMo">
<div align="center">
<!-- код1 -->

</div>
</div>

</div></div></div>

<div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="6%"> </td>
<td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td>

<td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">Название 1</a></div></td>
<td width="7%"> </td>
</tr>
</tbody>
</table>

Отмеченное синим - изменить на свои рекламы, либо информацию.
Отмеченное красным - изменить обязательно на свои названия. Радуемся блоку. У Вас получится такое:

Только на переключателе с Вашими названиями.

Прикрепления: 3085387.jpg (4.0 Kb) · 0350974.jpg (4.1 Kb)
Сообщение отредактировал Server - Понедельник, 20 Апр 2009, 22:07:04
zvirus
Сообщений: 1084
Репутация: 225

Сообщение # 2 | 23:31:24 20 Апр 2009
На мой взгляд не актуально. Да - для хэлпера это подойдет, а для сайтов со своим дизайном нет. Если такое поставить на сайт, то получится как белое огромное пятно на черном пиджаке.
@Bereznyak
Server
Сообщений: 5
Репутация: 75
Уровень замечаний:

Сообщение # 3 | 10:06:26 21 Апр 2009
Смотря для какого дизайна.
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 4 | 10:09:12 21 Апр 2009
Server, а вот написали бы лучше инструкцию как менять оформление выпадающего окошка в меню. А то там только 5 цветовых схем. Не очень подходят к большинству дизайнов.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
rsod
Сообщений: 324
Репутация: 231

Сообщение # 5 | 15:17:12 21 Апр 2009
хмм. Можно сделать немного другое меню с вкладками.
Zip file! Zip file!
Сообщение отредактировал _}{0тт@бь)ч_ - Вторник, 21 Апр 2009, 15:40:36
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 6 | 15:44:02 21 Апр 2009
Другое не интересно. Надо в этом оформление поменять.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Сообщество uCoz » Архивариус » Корзина » Блок Друзья (Нестандартное решение)
  • Страница 1 из 1
  • 1
Поиск: