На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Скрипт меню
7soft Дата: Воскресенье, 18.04.2010, 20:13 | Сообщение # 1
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Помогите найти скрипт меню на сайт вроде пуска в windows.
Ссылка на страницу с шаблоном -

В этом шаблоне есть скрипт, но я так и не смог достать его

Подойдёт также меню с вебтопа, либо ajax окно, открывающееся внизу слева!!!

Сообщение отредактировал 7soft - Вторник, 20.04.2010, 12:31
 
antisept Дата: Вторник, 20.04.2010, 19:40 | Сообщение # 2
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
7soft, ну вот например ajax окошко: http://infoscript.ru/news/reklama_v_ajax_sprava_vnizu/2010-04-17-1440

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
7soft Дата: Вторник, 20.04.2010, 20:19 | Сообщение # 3
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Спасибо, antisept, но мне надо именно слева.
Я на сайте
нашёл про ajax окна, но с разделом "Для более продвинутых пользователей" так и не разобрался. Может, поможете?




7soft [B] контакте
 
antisept Дата: Среда, 21.04.2010, 08:40 | Сообщение # 4
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Quote (7soft)
но я так и не смог достать его

Достаю:
В head вставь это:

Code
<link rel="stylesheet" href="css/style.css" type="text/css" />
   <link rel="alternate stylesheet" type="text/css" media="screen" title="earth-theme" href="css/earth.css" />
   <!-- IE6 Specific Fixes -->
   <!--[if gte IE 5.5]>
     <![if lt IE 7]>
       <style type="text/css">
        @import url("/css/ie6style.css");
        .SMsub ul li a:hover{background:#D4EEFC;}
        .SMsgb A {display:block;}
        .SMsgb A:hover{background:#D4EEFC;}
        .SMRtPoCom {cursor:hand;cursor:pointer;background:none;}
         #menuspan {
           position: absolute; left: 0px; bottom: 0px;
         }
         #StartMenu{
           position: absolute; left: 0px; bottom: 30px;
         }
         div#menuspan {
           right: auto; bottom: auto;
           left: expression( ( -0 - menuspan.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
           top: expression( ( -0 - menuspan.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
         }
         div#StartMenu {
           /*right: auto; bottom: auto; */
           right: expression( ( -0 - StartMenu.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
           top: expression( ( -30 - StartMenu.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
         }
         #sidebar{background:none;border-left:1px #888 solid;}
       </style>
     <![endif]>
   <![endif]-->
   <script src="/js/functions.js" type="text/javascript"></script>

в body - это:

Code
<div style="clear:right;"></div>
       </div>
     </div>
    
     <div class="clear"></div>

     <div id="StartBaloon">
   <img src="/images/ardn_16.png" alt="\/" />Ещё опции...</div>

<div id="StartMenu" onclick="SMClkd();">
   <div class="SMTop"><img src="/images/1pxtrans.gif" alt=" " /></div>
   <div class="SMMiddle">
     <div class="SMsub">
       <ul>
         <li onclick="SMRaise(1);">
           <a href="javascript: void(0)">
           <img src="/images/categories_32.png" alt=" " />
           <b>Категории...</b><br />
           Показать категории...          </a>
         </li>
         <li onclick="SMRaise(2);">
           <a href="javascript: void(0)">
           <img src="/images/tags_32.png" alt=" " />
           <b>Облако тегов</b><br />
           Показать облако тегов...          </a>
         </li>
         <li>
           <a href="/rss.xml">
           <img src="/images/feed_32.png" alt=" " />
           <b>RSS лента</b><br />
           Подписаться на рассылку...          </a>
         </li>
         <li>
           <a href="/index.php?do=lastcomments">
           <img src="/images/comments_32.png" alt=" " />
           <b>Комментарии</b><br />
           Последние комментарии...          </a>
         </li>
       </ul>
       <div class="SMsgbhr"><img src="/images/smhrlt.png" alt=" " /></div>
       <div class="SMsgb" onclick="SMRaise(3);"><a href="javascript:void(0);"><img src="/images/smfwd.png" alt=" " />Лучшие новости</a></div>
       <div id="SMSearchForm">
   <form method="post" id="searchform" onsubmit="javascript: showBusyLayer()" action="/index.php?do=search">
   <div class="search-form">
     <input onfocus="SearchBoxFocus();" onblur="SearchBoxBlur();" id="searchbox" type="search" value="" name="story" class="sm-search-text"/><input type="submit" id="searchsubmit" value="" class="sm-search-submit" />
   </div>
</form>
</div>
     </div>
      
     <div class="SMsub SMsh" id="SMSub1">
       <div class="SMSubDiv" style="padding:0;margin:4px 0 0 4px;">
         <div class="SMCats">
<ul>
<li class="cat-item"><a href="/index.php#">Категория 1</a>
<ul>
<li class="cat-item"><a href="/index.php#">Подкатегория 1</a></li>
<li class="cat-item"><a href="/index.php#">Подкатегория 2</a></li>
<li class="cat-item"><a href="/index.php#">Подкатегория 3</a></li>
</ul>
</li>
<li class="cat-item"><a href="/index.php#">Категория 2</a></li>
<li class="cat-item"><a href="/index.php#">Категория 3</a></li>
</ul></div>
         <div class="SMsgbhr"><img src="/images/smhrlt.png" alt=" " /></div>
         <div class="SMsgb" onclick="SMLower(1);"><a href="javascript:void(0);"><img src="/images/smback.png" alt=" " />Назад</a></div>
       </div>
     </div>
      
     <div class="SMsub SMsh" id="SMSub2">
       <div class="SMSubDiv" style="padding:0;margin:4px 0 0 4px;">
           <div class="SMTags SMCats">
             {tags}</div>
         <div class="SMsgbhr"><img src="/images/smhrlt.png" alt=" " /></div>
         <div class="SMsgb" onclick="SMLower(2);"><a href="javascript:void(0);"><img src="/images/smback.png" alt=" " />Назад</a></div>
       </div>
     </div>
      
     <div class="SMsub SMsh" id="SMSub3">
       <div class="SMSubDiv SMap">
           <ul>    <li>{topnews}</li>
</ul>
         <div class="SMsgbhr"><img src="/images/smhrlt.png" alt=" " /></div>
         <div class="SMsgb" onclick="SMLower(3);"><a href="javascript:void(0);"><img src="/images/smback.png" alt=" " />Назад</a></div>
       </div>
     </div>
          
     <div class="SMRight">
     <div class="SMAvatarB"><img src="/images/1pxtrans.gif" alt=" " /></div>
      
      
     <div class="SMAvatar">
       <img alt='' src='http://www.gravatar.com/avatar/?d=identicon&s=46' class='avatar avatar-46 photo avatar-default' height='46' width='46' />    </div>

           
      
     <div class="clear"></div>
      
            
       <div class="SMAdmin">
<a class="SMRtHov" href="/" ><span>Скачать игры</span></a>
<a class="SMRtHov" href="/" ><span>Скачать игры</span></a>
</div>
        
       <div class="SMRtPoCom" onclick="SMFlot(5);">Выбор темы...</div>
        
       <div class="liload">
        
        
<center><small>Copyright © 2009<br><a href="http://dlefree.ru">dle</a></small></center>

       </div>
     </div>

     <div class="SMRtPoComFl SMsh" onclick="FlyOutWasClicked=1;" id="SMSub4">
       <ul class="SMRtFlOpt SMRtFlOptInd">
         <li><b>Users</b> » 1</li>
           <li><b>Posts/Pages</b> » 8</li>
           <li><b>Comments</b> » 3</li>
       </ul>
     </div>

       <div class="SMRtOptsFl SMsh" onclick="FlyOutWasClicked=1;" id="SMSub5">
     <div class="SMRtFlHd">Выбор темы...</div>
     <ul class="SMRtFlOpt">
       <li title="Empty, dark and mysterious." onclick="chooseStyle('none', 30)"><img class="switchbutton voidb" src="/images/void-button.png" alt="Void" title="Void" />Void <span style="font-size:9px">« Default</span></li>
       <li title="The green bounty of life." onclick="chooseStyle('life-theme', 30)"><img class="switchbutton lifeb" src="/images/life-button.png" alt="Life" title="Life" />Life </li>
       <li title="Subtle earth tones in browns and reds." onclick="chooseStyle('earth-theme', 30)"><img class="switchbutton earthb" src="/images/earth-button.png" alt="Earth" title="Earth" />Earth </li>
       <li title="Bright and refreshing sky tones." onclick="chooseStyle('wind-theme', 30)"><img class="switchbutton windb" src="/images/wind-button.png" alt="Wind" title="Wind" />Wind </li>
       <li title="The deep blue power of the ocean." onclick="chooseStyle('water-theme', 30)"><img class="switchbutton waterb" src="/images/water-button.png" alt="Water" title="Water" />Water </li>
       <li title="Intense red-orange, raging inferno." onclick="chooseStyle('fire-theme', 30)"><img class="switchbutton fireb" src="/images/fire-button.png" alt="Fire" title="Fire" />Fire </li>
       <li title="Light on color and on bandwidth." onclick="chooseStyle('lite-theme', 30)"><img class="switchbutton liteb" src="/images/1pxtrans.gif" alt="Light" title="Light" />Light </li>
     </ul>
   </div>
   </div>
   <div class="SMBottom"><img src="/images/1pxtrans.gif" alt=" " /></div>
</div>

<iframe src="javascript:false"  
   style="position:fixed; bottom: 32px; left: -200px; visibility:hidden; display: none; width: 174px; height: 128px; z-index: 5;"
   id="hovif" frameborder="0" scrolling="no">
</iframe>

<iframe src="javascript:false"  
   style="position:fixed; bottom: 32px; left: -200px; visibility:hidden; display: none; width: 174px; height: 128px; z-index: 5;"
   id="moif" frameborder="0" scrolling="no">
</iframe>

<iframe src="javascript:false"  
   style="position:fixed; bottom: 0px; left: -50px; visibility:hidden; display: none; width: 5000px; height: 34px; z-index: 5;"
   id="tbif" frameborder="0" scrolling="no">
</iframe>

<iframe src="javascript:false"  
   style="background:transparent;position:fixed; bottom: 30px; left: -50px; visibility:hidden; display: none; width: 445px; height: 233px; z-index: 5;"
   id="smif" frameborder="0" scrolling="no">
</iframe>

<iframe src="javascript:false"  
   style="position:fixed; bottom: 261px; left: 294px; visibility:hidden; display: none; width: 56px; height: 26px; z-index: 5;"
   id="avif" frameborder="0" scrolling="no">
</iframe>

<iframe src="javascript:false"  
   style="position:fixed; bottom: 0px; left: -200px; visibility:hidden; display: none; width: 5px; height: 5px; z-index: 5;"
   id="flif" frameborder="0" scrolling="no">
</iframe>
      
<!-- Task Bar -->
     <div id="menuspan" class="mnusp">
       <div class="menu">
         <div class="nvtl"><ul><li onclick="OClkd();"><a><span>пуск</span></a></li></ul></div>
          
         <!-- Quick Launch Goes Here, If You Want It... -->
         <div class="menu-sep"><img src="/images/1pxtrans.gif" alt=" " /></div>
                 
         <div class="nav">
<ul>
<li class="current_page_item_tb" ><a href="/index.php">Главная</a></li>
<li onmouseover="mhov(2,1)" onmouseout="munhov()" class="page_item"><a href="/index.php?do=stats">Статистика</a></li>
<li onmouseover="mhov(3,1)" onmouseout="munhov()" class="page_item"><a href="/index.php?do=addnews">Доб. новость</a></li>
</ul>  
         </div>
                 <div class="clock">
           <span id="clockhr"> </span>:<span id="clockmin"> </span> <span id="clockpart"> </span>
         </div>
       </div>
     </div>
     <div style="position:fixed;bottom:33px;left:0;">

<div onmouseover="hovmhov();" onmouseout="unhovmhov();" class="mhov" id="hov2">
<div class="mframe">
<h4 style="text-align:center;"><a href="/index.php?do=stats">Статистика</a></h4>
<ul><br />
Подробная статистика на сайте.
</ul>
</div>
</div>

<div onmouseover="hovmhov();" onmouseout="unhovmhov();" class="mhov" id="hov3">
<div class="mframe">
<h4 style="text-align:center;"><a href="/index.php?do=addnews">Добавить новость</a></h4>
<ul><br />
Добавляем что-нибудь интересное на сайт.
</ul>
</div>
</div>
          

</div>        <div class="clear"></div>
     <div class="footer"><img src="/images/1pxtrans.gif" alt=" " /></div>
      
     <script type="text/javascript">
       document.getElementById('menuspan').style.zIndex = "10";
       document.getElementById('StartMenu').style.zIndex = "10";
     </script>

В корень кидаешь style.css, earth.css, ie6style.css, папку js ну и images (можешь кинуть всю, а можешь выбрать только нужные изображения)


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
7soft Дата: Вторник, 18.05.2010, 16:16 | Сообщение # 5
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Спасибо, antisept, я убрал всё лишнее, вот что получилось (кнопка "пуск" внизу страницы)

Добавлено (18.05.2010, 16:16)
---------------------------------------------
Ещё вопрос:

Вот код моего нижнего блока:

Code
<table style="background-image: url('http://7soft.ucoz.org/ajax/niz.jpg');" border="0" cellpadding="0" cellspacing="0" height="40" width="100%">
     <tbody><tr><td style="padding-left: 20px;" valign="top">
         <?if($USER_AGENT$=='ie')?>
         <?if($USER_LOGGED_IN$)?><a href="javascript://" onclick="openLayerB('profile',0,'http://7soft.ucoz.org/ajax/profile.xml','Мой  профиль',400,400,'1','1','1',1,'justify'); return false;"><img src="http://7soft.ucoz.org/ajax/vista.png"  alt="Мой  профиль" border="none"></a><?else?><img src="http://7soft.ucoz.org/ajax/vista.png" border="0"><?endif?>
         <?else?><a onclick="$('#start').slideToggle('fast');" href="javascript://"><img src="http://7soft.ucoz.org/ajax/vista.png"  width="41" height="40" alt="Пуск" border="none"></a><?endif?>
         <td style="padding-top: 0px; padding-right: 20px;" align="right"><a title="Перевести на Английский" href="javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=''){location.href='http://translate.google.ru/?text='+t+'&hl=ru&langpair=auto|en&tbb=1&ie='+e;}else{location.href='http://translate.google.ru/translate?u='+escape(location.href)+'&hl=ru&langpair=auto|en&tbb=1&ie='+e;};"><img class="panelka" src="http://7soft.ucoz.org/Britain.png" alt="перевести страницу" border="none"></a>  <a title="ESET Online Scanner" href="javascript://" onclick="openLayerB('nod',0,'http://7soft.ucoz.org/ajax/nod.xml','ESET Online Scanner',400,400,'0','1','1',0,'justify'); return false;"><img id="panelka" class="panelka" src="http://7soft.ucoz.org/Nod32.png" alt="ESET Nod32 Online Scanner" width="24" height="24" border="none"></a>  $POWERED_BY$    <span style="vertical-align: super; color: rgb(255, 255, 255);">$TIME$</span></td></td></tr>
         </tbody></table>
<?if($USER_AGENT$=='ie')?> <?else?><script type="text/javascript" src="http://7soft.ucoz.org/hottab.txt"></script>

<div id="start" style="display: none;"><div style="clear: right;"></div><br><div style="position: fixed; bottom: 40px; left: 0px;"><div onmouseover="hovmhov();" onmouseout="unhovmhov();" class="mhov" id="hov2"><div class="mframe"><ul><!-- меню сайта -->
<table border="0" cellpadding="0" cellspacing="0" width="213">
  <tbody><tr><td style="background-image: url('http://7soft.ucoz.org/ajax/up.png'); color: rgb(255, 255, 255);" align="center" height="27"><b><!-- <bt> -->Меню сайта<!-- </bt> --></b></td></tr></tbody></table>
  <table style="background-image: url('http://7soft.ucoz.org/ajax/fon.png');" border="0" cellpadding="0" cellspacing="0" width="213">
  <tbody><tr><td align="center">
  <table border="0" cellpadding="0" cellspacing="0" width="199">
  <tbody><tr><td height="0"></td></tr>
  <tr><td style="background-color: rgb(255, 255, 255); border: 1px solid rgb(14, 76, 124); padding: 5px;"><!-- <bc> --><div align="center">
  <a href="http://7soft.ucoz.org/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Glavnaya.jpg" alt="Главная страница" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/index/0-2/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Info.jpg" alt="Информация о сайте" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/load/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Files.jpg" alt="Каталог файлов" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/stuff/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/games.jpg" alt="Онлайн игры" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/photo/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Photo.jpg" alt="Фотоальбомы" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/publ/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Katalog_Statei.jpg" alt="Каталог статей" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/index/web/0-20" target="_self"><img src="http://7soft.ucoz.org/oformlenie/web.png" alt="Веб-приложения" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/forum/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Forum.jpg" alt="Форум" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/dir/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Sites.jpg" alt="Каталог сайтов" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/gb/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Guests.jpg" alt="Гостевая книга" width="175" height="30" border="0"></a>
  <a href="http://7soft.ucoz.org/index/0-3/" target="_self"><img src="http://7soft.ucoz.org/oformlenie/Obratnaya_Svyaz.jpg" alt="Обратная связь" width="175" height="30" border="0"></a><br><a onclick="$('#start').slideToggle('fast');" href="javascript://"><img src="http://7soft.ucoz.org/ajax/close.png" alt="Закрыть" border="none"></a>
  </div><!-- </bc> --></td></tr>
  </tbody></table></td></tr></tbody></table>
  <table border="0" cellpadding="0" cellspacing="0" width="213"><tbody><tr><td style="background-image: url('http://7soft.ucoz.org/ajax/down.png');" height="10"></td></tr>
  </tbody></table>
<!-- меню сайта --></ul></div></div></div><div class="clear"></div><script type="text/javascript"> document.getElementById('menuspan').style.zIndex = "10"; document.getElementById('StartMenu').style.zIndex = "10"; </script></div><?endif?>

Можно ли после 'пуска' сделать что-то вроде http://infoscript.ru/news/gorizontalnoe_vypadajushhee_menju/2009-11-22-972 с выпадающим вверх меню?




7soft [B] контакте
 
  • Страница 1 из 1
  • 1
Поиск: