Веб-мастеру

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

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


Вы здесь » Веб-мастеру » Помощь, вопросы по uCoz » Windows panel


Windows panel

Сообщений 1 страница 18 из 18

1

http://infoscript.ru/_nw/29/03485702.jpg

Можно ли сделать, чтобы она была всегда снизу и не перемещалась, если прокрутишь вверх или вниз.

Стоит в нижней цасти сайта:

Код:
<!-- Windows _panel -->   
   <!-- Меню сайта -->   
   <div id="start">   
   <table border="0" cellpadding="0" cellspacing="0" width="403"><tbody><tr><td class="start1" align="center" height="65" width="403"><span style="cursor:pointer;"><img alt="" title="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://savepic.org/1100348.gif<?endif?>" style="padding-top: 0px; padding-right: 46px;" onclick="profile1();" align="right" height="45" width="48"></span></td></tr></tbody></table>   
   <table border="0" cellpadding="0" cellspacing="0" height="370" width="403"><tbody><tr><td width="268" align="left" class="start2">   
   <div style="text-align:left;"><div style="text-align:left;">   
   <?if($USER_AGENT$=='ie' || $USER_AGENT$=='opera')?><script type="text/javascript" src="/menu_IE.js"></script><?endif?>   

   <ul id="menu" class="pmenu">   
   <li><a href="$HOME_PAGE_LINK$"><img src="http://savepic.org/1053245.png" border="0" alt="Главная" align="left" > <span class="menutext">Главная</span></a></li>   
   <li><a href="$HOME_PAGE_LINK$index/0-2/"><img src="http://savepic.org/1050173.png" border="0" alt="Информация" align="left" > <span class="menutext">Информация</span></a></li>   
   <li><a href="$HOME_PAGE_LINK$load/"><img src="http://savepic.org/1063485.png" border="0" alt="Каталог файлов" align="left" > <span class="menutext">Каталог файлов</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a>   
   <ul id="navmenu-v">   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   </ul>   
   </li>   
   <li><a href="#"><span class="menutext">Каталог файлов #2</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог файлов #2</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #2</span></a></li>   
   </ul>   
   </li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   </ul>   
   </li>   
   </ul>   
   </li>   
   <li><a href="$HOME_PAGE_LINK$publ/"><img src="http://savepic.org/1070653.png" border="0" alt="Каталог статей" align="left" > <span class="menutext">Каталог статей</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог статей #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог статей #1</span></a></li>   
   </ul>   
   </li>   
   <li><a href="$HOME_PAGE_LINK$photo/"><img src="http://savepic.org/1072701.png" border="0" alt="Фотоальбомы" align="left" > <span class="menutext">Фотоальбомы</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>   
   <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>   
   <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>   
   </ul></li>   
   <li><a href="#"><img src="http://savepic.org/1078845.png" border="0" alt="Приложения" align="left" > <span class="menutext">Приложения</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$stuff/"><img src="http://savepic.org/1079869.png" border="0" alt="Игры" align="left" > <span class="menutext">Игры</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$forum/"><img src="http://savepic.org/1087037.png" border="0" alt="Форум" align="left" > <span class="menutext">Форум</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$gb/"><img src="http://savepic.org/1088061.png" border="0" alt="Гостевая книга" align="left" > <span class="menutext">Гостевая книга</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$index/0-3/"><img src="http://savepic.org/1082941.png" border="0" alt="Обратная связь" align="left" > <span class="menutext">Обратная связь</span></a> </li>   
   </ul>   
   </div>   
   <script type="text/javascript">   
   $.each($(".pmenu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "current";});   
   </script></div>   
   </td><td width="135" align="left" valign="top" class="start3">   
   <?if($USER_LOGGED_IN$)?>   
   <ul class="uz">   
   <li title="Мой профиль" class="m1"><a class="m1" href="javascript://" onclick="profile1();"><img alt="" src="http://savepic.org/1095229.png" border="0" > Профиль</a></li>   
   <li title="<?if($IS_NEW_PM$)?>$UNREAD_PM$ нов<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>ых<?else?><?if($UNREAD_PM$%10=1)?>ое<?else?>ых<?endif?><?endif?> сообщени<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>й<?else?><?if($UNREAD_PM$%10=1)?>е<?else?>я<?endif?><?endif?><?else?>Нет новых сообщений<?endif?>" class="m1"><a class="m1" href="javascript://" onclick="pm1();"><?if($IS_NEW_PM$)?><img alt="" src="http://savepic.org/1103421.gif" border="0" ><?else?><img alt="" src="http://savepic.org/1101373.gif" border="0" ><?endif?> Сообщения (<b>$UNREAD_PM$</b>)</a></li>   
   <li title="Отправить личное сообщение" class="m1"><a class="m1" href="javascript://" onclick="send1();"><img alt="" src="http://savepic.org/1107517.png" border="0" > Отправить ЛС</a></li>   
   <li title="Настройки профиля" class="m1"><a class="m1" href="javascript://" onclick="change1();"><img alt="" src="http://savepic.org/1054266.png" border="0" > Настройки</a></li>   
   <li title="Все пользователи сайта" class="m1"><a class="m1" href="javascript://" onclick="users1();"><img alt="" src="http://savepic.org/1063482.png" border="0" > Пользователи</a></li>   
   <li title="Мои закладки" class="m1"><a class="m1" href="javascript://" onclick="bookmarks1();"><img alt="" src="http://savepic.org/1063482.png" border="0" > Закладки</a></li>   
   <li title="Мои комментарии к материалам" class="m1"><a class="m1" href="/index/34-$USER_ID$"><img alt="" src="http://savepic.org/1063482.png" border="0" > Комментарии</a></li>   
   <li title="Мои посты на форуме" class="m1"><a class="m1" href="/forum/0-0-1-3-$USER_ID$"><img alt="" src="http://savepic.org/1070650.png" border="0" > Посты</a></li>   
   <li title="Завершить работу" class="m1"><a class="m1" href="$LOGOUT_LINK$"><img alt="" src="http://savepic.org/1068602.png" width="16" height="16" border="0" > Выйти</a></li>   
   </ul>   
   <script type="text/javascript">   
   function profile1(){$('#start').toggle(); new _uWnd('profile1','Мой профиль',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/8-$_USER_ID$" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function pm1(){$('#start').toggle(); new _uWnd('pm1','Мои сообщения',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function send1(){$('#start').toggle(); new _uWnd('send1','Отправить личное сообщение',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14-0-0-1" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function change1(){$('#start').toggle(); new _uWnd('change1','Изменить личные данные',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/11" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function users1(){$('#start').toggle(); new _uWnd('users1','Пользователи сайта',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/15" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function bookmarks1(){$('#start').toggle(); bMarksView(); }   
   </script>   
   <?else?><ul class="uz">   
   <li class="m1"><a class="m1" href="javascript://" rel="nofollow" title="Вход на сайт" onclick="$('#start').toggle(); new _uWnd('LF','Форма входа',-250,-110,{autosize:0,closeonesc:1,resize:0},{url:'/index/40'});return false;" title="Вход на сайт"><img alt="" src="http://savepic.org/1073722.png" border="0" > Вход</a></li>   
   <li class="m1"><a class="m1" href="$REGISTER_LINK$" title="Регистрация" onclick="$('#start').toggle();"><img alt="" src="http://savepic.org/1087034.png" border="0" > Регистрация</a></li></ul>   
   <?endif?></td>   
   </tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" height="16" width="403"><tbody><tr><td class="start4" height="16" width="403"></td></tr></tbody></table>   
   </div>   
   <!-- end меню сайта -->   

   <table class="starttable" border="0" cellpadding="0" cellspacing="0" height="29" width="100%">   
   <tbody><tr><td style="padding-left: 20px;" height="41" valign="top">   
   <a class="pusk" id="pusk" onclick="$ ('#start').toggle();" setTimeout(off, 100); return false;"></a></td>   
   <td valign="top" style="padding-top: 7px; padding-right: 20px;" align="right">   
   <a title="Перевести страницу" href="javascript:getTranslation();"><img class="panelka" alt="" src="http://savepic.org/1081914.png" border="none"></a><script type="text/javascript" src="/en.js"></script> <script type="text/javascript">function nod(){new _uWnd('nod','ESET Online Scanner',650,540,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:0},'<iframe style="overflow:hidden; width:99%; height:99%; margin:0px; border:0px;" src="http://www.esetnod32.ru/.support/scanner/run/" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>');}</script><a title="ESET Online Scanner" href="javascript:;" onclick="nod();"><img class="panelka" src="http://savepic.org/1091130.png" alt="ESET Nod32 Online Scanner" border="none" height="24" width="24"></a> <span class="baner">$POWERED_BY$</span> <span id="hours" style="font-weight:bold; vertical-align: super; color: #FFFFFF;"></span></td></tr>   
   </tbody></table>   

   <a href="#" id="toTop" style="z-index:45;"><img alt="" class="panelka" style="z-index:45;" src="http://savepic.org/1092154.png" border="0" align="middle" title="Вверх" ></a>   
   <script src="/jquery.scroll.pack.js" type="text/javascript"></script>   
   <script type="text/javascript">   
   $(function() {   
   $("#toTop").scrollToTop();   
   });   
   </script>   

   <script type="text/javascript" src="/clock.js"></script>   
   <!-- end Windows _panel -->

в css:

Код:
/* Меню начало */   
   .menublock {display:block; height:320px;width:180px;}   
   .current {background:#dfedfd !important;display:block; width:180px; height:33px;}   
   .current:hover {background:#B2DCFF !important;}   
   #menu{list-style:none; padding:0; margin:0; height:33px; position:relative; z-index:2; width:180px; }   
   #menu li {list-style:none;position:relative;padding:0px; margin:0px; float:left; height:33px;}   
   #menu li a{display:block; list-style:none; padding:0px; margin:0px; float:left; width:180px; height:33px; font-size:12px; position:relative; z-index:1; padding:0px 0 0 7px;}   
   .menutext { font-weight:bold; position:absolute; padding-top:10px;}   
   #menu li a:link{text-decoration:none;color:#000;}   
   #menu li a:visited{text-decoration:none;color:#000;}   
   #menu li a:hover{text-decoration:none;color:#000;background:#B2DCFF;}   
   #menu li:hover, #menu li.jshover{ background:#B2DCFF; }   
   #menu li:hover a:link, #menu li.jshover a:link{text-decoration:none;color:#000;}   
   #menu li:hover a:visited, #menu li.jshover a:visited{text-decoration:none;color:#000;}   
   #menu li:hover a:hover, #menu li.jshover a:hover{text-decoration:none;color:#000;}   
   #menu li:hover li a:link, #menu li.jshover li a:link{text-decoration:none;color:#000;}   
   #menu li:hover li a:visited, #menu li.jshover li a:visited{text-decoration:none;color:#000;}   
   #menu li:hover li a:hover, #menu li.jshover li a:hover{text-decoration:none;color:#000;}   
   #menu li:hover li:hover a:link, #menu li.jshover li.jshover a:link{text-decoration:none;color:#414141;}   
   #menu li:hover li:hover a:visited, #menu li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}   
   #menu li:hover li:hover a:hover, #menu li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}   
   #menu li:hover li:hover li a:link, #menu li.jshover li.jshover li a:link{text-decoration:none;color:#000;}   
   #menu li:hover li:hover li a:visited, #menu li.jshover li.jshover li a:visited{text-decoration:none;color:#000;}   
   #menu li:hover li:hover li a:hover, #menu li.jshover li.jshover li a:hover{text-decoration:none;color:#000;}   
   #menu li:hover li:hover li:hover a:link, #menu li.jshover li.jshover li.jshover a:link{text-decoration:none;color:#414141;}   
   #menu li:hover li:hover li:hover a:visited, #menu li.jshover li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}   
   #menu li:hover li:hover li:hover a:hover, #menu li.jshover li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}   
   #menu ul{ display:none; list-style:none; padding:0; margin:0; position:absolute; z-index:3; left:186px; top:0; width:180px; background:#e3e3e3 !important;}   
   #menu li:hover ul, #menu li.jshover ul{ display:block; background:#e3e3e3 !important;}   
   #menu li:hover ul ul, #menu li.jshover ul ul{ display:none; background:#e3e3e3 !important;}   
   #menu li:hover ul li:hover ul, #menu li.jshover ul li.jshover ul{ display:block; background:#e3e3e3 !important;}   
   #menu li ul li {background:#e3e3e3 !important;}   
   /* Меню конец */   

   /* Windows panel */   
   #start {z-index:40; display: none; position: fixed; bottom: 39px; left: 0px; width:403px;}   
   .start1 {background-image: url('http://savepic.org/1065532.png'); background-position: right; color: rgb(255, 255, 255);}   
   .start2 {background-image: url('http://savepic.org/1080892.png'); padding-left:10px;}   
   .start3 {background-image: url('http://savepic.org/1074748.png'); background-position: right; padding-left:10px;}   
   .start4 {background-image: url('http://savepic.org/1076796.png');}   
   .panelka { cursor:pointer; border:none; padding:2px; background:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }   
   .panelka:hover {padding:1px;border:1px solid #BDCFD7;background:#3b7385;}   
   .starttable {z-index:40; position: fixed; bottom: 0px; left: 0px; width: 100%; background-image: url('http://savepic.org/1086012.png');}   
   a.pusk {background:url('http://savepic.org/1088060.png') 0px 0px no-repeat;width:46px;height:41px;display:block; border:none;}   
   a.pusk:hover {background-position:0px -43px}   
   #toTop { width: 25px; border: none; text-align: center; padding: 5px; position: fixed; bottom: 0px; right: 185px; cursor: pointer; color: #666666; text-decoration: none; }   
   span.baner span a img { cursor:pointer; border:none !important; padding:2px !important; background:none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}   
   span.baner span a img:hover {padding:1px !important;border:1px solid #BDCFD7 !important;background:#3b7385 !important;}   
   /* Windows panel */

0

2

Посмотреть бы ее где-нибудь в живую, а так, пальцем в небо

0

3

Артем, Каков диагноз ? https://forumupload.ru/uploads/0007/af/57/16341-3.gif

0

4

Диагноз зависит от реакции пациента )

0

5

Артемhttps://forumupload.ru/uploads/0007/af/57/16417-4.gif
А как тогда насчет панели ее можно вниз установить и чтобы она там и стояла ? https://forumupload.ru/uploads/0007/af/57/16341-1.gif

0

6

papas_tm_serjik, конечно, можно использовать позиционирование (position: absolute; bottom: 0) и некоторые стилевые свойства (например clear: both) для контейнера самой панели

0

7

Артем, Плз измени мне сам, а то я нооб и у меня не получилась (

0

8

Я вот так зделал и не прет помоги зделай )

Код:
  /* Windows panel */   
   #start {z-index:40; display: none; position: absolute; bottom: 0; bottom: 39px; left: 0px; width:403px;}   
   .start1 {background-image: url('http://savepic.org/1065532.png'); background-position: right; color: rgb(255, 255, 255);}   
   .start2 {background-image: url('http://savepic.org/1080892.png'); padding-left:10px;}   
   .start3 {background-image: url('http://savepic.org/1074748.png'); background-position: right; padding-left:10px;}   
   .start4 {background-image: url('http://savepic.org/1076796.png');}   
   .panelka { cursor:pointer; border:none; padding:2px; background:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }   
   .panelka:hover {padding:1px;border:1px solid #BDCFD7;background:#3b7385;}   
   .starttable {z-index:40; position: fixed; bottom: 0px; left: 0px; width: 100%; background-image: url('http://savepic.org/1086012.png');}   
   a.pusk {background:url('http://savepic.org/1088060.png') 0px 0px no-repeat;width:46px;height:41px;display:block; border:none;}   
   a.pusk:hover {background-position:0px -43px}   
   #toTop { width: 25px; border: none; text-align: center; padding: 5px; position: absolute; bottom: 0; bottom: 0px; right: 185px; cursor: pointer; color: #666666; text-decoration: none; }   
   span.baner span a img { cursor:pointer; border:none !important; padding:2px !important; background:none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}   
   span.baner span a img:hover {padding:1px !important;border:1px solid #BDCFD7 !important;background:#3b7385 !important;}   
   /* Windows panel */

0

9

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

Посмотреть бы ее где-нибудь в живую, а так, пальцем в небо

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

0

10

Артем, Вот Кликай  https://forumupload.ru/uploads/0007/af/57/16341-1.gif

0

11

Готовься к глюкам, многое просто так не исправишь, взаимствованний хватает, наверное поэтому сделали ее фиксированной )

В CSS ищи .starttable в нем убирай position: fixed;
Затем там же в CSS ищешь #start удаляешь position: fixed; и bottom: 39px;

Хотя бы это сделай и посмотри что получится. При открытии панели получается смещение, здесь надо будет использовать position: absolute; на каждом элементе, предварительно навесив position: relative; на родительский, затем подбивать каждый, короче говоря, долгая муторная работа на вечер до идеала

0

12

Артемhttps://forumupload.ru/uploads/0007/af/57/16361-5.gif Ну ты проста гений спасибо https://forumupload.ru/uploads/0007/af/57/16341-1.gif
Ток там кнопка вверх также летает ка летала панель

Отредактировано papas_tm_serjik (14.02.2012 13:44)

0

13

Знаю, с ней разговор немного отдельный

0

14

Артем, А вот реальна, сделать так чтобы когда нажимаешь на кнопку пуск чтобы он вниз не спускалась панель, а поверх всего он открывал

0

15

Возможно, но мороки много

0

16

Артем, Если у тебя время будет, можешь помочь)
А как это делать через js ?  https://forumupload.ru/uploads/0007/af/57/16341-1.gif

0

17

Время будет только ближе к лету. Сейчас основною часть времени занимает работа.

0

18

Артем,
Надо так сделать да
А потом сделать для css

Код:
<script type="text/javascript" src="http://gg-games.ucoz.com/js/Menu.js"></script>

0


Вы здесь » Веб-мастеру » Помощь, вопросы по uCoz » Windows panel