Красивый User-panel от killerok09


Красивый User-panel от killerok09

1789
8.4 из 10
Проголосовало: 5






Красивая User-panel от killerok09 с условными операторами. Она фиксируеться и ездит по экрану при прокрутке .

Установка :

В конец вашего CSS:
Code
.topPanel {
  width: 100%;
  height: 48px;
  background: #000000;
  }
  #topPanel {
  position: fixed;
  opacity: 0.7;
  }
  .topconntent {
  margin-top: 10px;
  margin-left: 180px;
  }
  #navtop {
  margin-top: -11px;
  }
  .navtop1 {
  margin-top: -11px;
  margin-left: 457px;
  }
  .navtop2 {
  margin-top: -11px;
  margin-left: 600px;
  }
  .logotype {
  background: url('http://testkillerok.3dn.ru/images/logotype.png');
  width: 150px;
  height: 48px;
  margin-top: -52px;
  margin-left: 5px;
  }


Идем в Верхняя часть сайта :
В самый верх вставляем :

Code
<div id="topPanel" class="topPanel">
  <div class="topconntent">
  <?if($USER_LOGGED_IN$)?><a href="$HOME_PAGE_LINK$index/14"><img src="http://testkillerok.3dn.ru/images/message.png" id="navtop" width="62" height="48"></a> <?endif?>
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList"><img src="http://testkillerok.3dn.ru/images/peoples.png" id="navtop" width="62" height="48"></a> 
  <a href="/?ссылка на чат-комнату"><img src="http://testkillerok.3dn.ru/images/chat-room.png" id="navtop" class="navtopactiv" width="62" height="48"></a> 
  <?if($USER_LOGGED_IN$)?><a href="$HOME_PAGE_LINK$index/8"><img src="http://testkillerok.3dn.ru/images/profile.png" id="navtop" width="62" height="48"></a> <?endif?>
  <?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><img src="http://testkillerok.3dn.ru/images/profile-end.png" class="navtop1" id="navtop" width="62" height="48"></a> <?else?><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><img src="http://testkillerok.3dn.ru/images/join.png" class="navtop2" id="navtop" width="62" height="48"></a> <?endif?>  
  </div>
  <div class="logotype"></div>
  </div>
<br>


<br> - отступ страницы от панели .
http://testkillerok.3dn.ru/images/logotype.png - логотип замените на свой(размер 150х48).
opacity: 0.7; - прозрачность панели .
background: #000000; - цвет панели(менять не желательно) .

При копировании материала указывайте автора : killerok09
Автор публикации: Загрузка
Загрузка
BlackPh, это его n материал
  • Всего комментариев: 17
  • 1 2 »

Fraps
0
Fraps написал: Написано 04 Сентября 2011 в 21:31
Комментарий №17
Скрипт похож на соц. сеть одноклассники

BlackPh
+1
BlackPh написал: Написано 26 Августа 2011 в 01:59
Комментарий №16
Froa, а сам че там заменить в ксс на 33 и до картинок дописать height="" width=""? под размеры

Froa
0
Froa написал: Написано 25 Августа 2011 в 22:36
Комментарий №15
killerok09, не мог бы ты сделать панель 33 px

BlackPh
0
BlackPh написал: Написано 25 Августа 2011 в 20:12
Комментарий №14
вот css для одного места =)
Code
.topPanel {  
  width: 100%;  
  height: 48px;  
  background: #000000;  
  }  
  #topPanel {  
  position: relative;  
  opacity: 0.7;  
  }  
  .topconntent {  
  margin-top: 10px;  
  margin-left: 180px;  
  }  
  #navtop {  
  margin-top: -11px;  
  }  
  .navtop1 {  
  margin-top: -11px;  
  margin-left: 457px;  
  }  
  .navtop2 {  
  margin-top: -11px;  
  margin-left: 600px;  
  }  
  .logotype {  
  background: url('http://testkillerok.3dn.ru/images/logotype.png');  
  width: 150px;  
  height: 48px;  
  margin-top: -52px;  
  margin-left: 5px;  
  }

Punisher2072
0
Punisher2072 написал: Написано 25 Августа 2011 в 17:14
Комментарий №13
а как его зафиксировать на одном месте ?

BlackPh
0
BlackPh написал: Написано 25 Августа 2011 в 16:34
Комментарий №12
zenitovic, так они же не похожи вобще !

zenitovic
0
zenitovic написал: Написано 25 Августа 2011 в 00:03
Комментарий №11
я же тебе сказал, если это не так, лучше просто скажи, а не пыхти! happy
а то начал сразу бузить, то да сё!

zenitovic
0
zenitovic написал: Написано 25 Августа 2011 в 00:01
Комментарий №10
тем что у них всё одинаковое, только ссылочки сделал вместо изображений))) biggrin

BlackPh
0
BlackPh написал: Написано 24 Августа 2011 в 23:15
Комментарий №9
zenitovic, хах сравнил можт ты мне б еще обычное меню показал ? чем они похожи ? тем что они в верху ? и горизонтальные ?

zenitovic
0
zenitovic написал: Написано 24 Августа 2011 в 23:03
Комментарий №8
http://webo4ka.ru/load/skripty_i_modifikacii_dlja_ucoz/krasivoe_gorizontalnoe_menju/46-1-0-1542 - вот оригинал, или моё очередное подозрение, если я не прав, то лучше скажите)

BlackPh
0
BlackPh написал: Написано 24 Августа 2011 в 17:48
Комментарий №7
Все написано и нарисовано в ручную =)

BlackPh
0
BlackPh написал: Написано 24 Августа 2011 в 17:47
Комментарий №6
zenitovic, откуда =) ?

BlackPh
0
BlackPh написал: Написано 24 Августа 2011 в 17:46
Комментарий №5
DIMON_-_BEST, не меньше 17дм. экрана !

zenitovic
0
zenitovic написал: Написано 24 Августа 2011 в 15:32
Комментарий №4
Переделка! tongue

DIMON_-_BEST
0
DIMON_-_BEST написал: Написано 24 Августа 2011 в 15:27
Комментарий №3
killerok09, нормально, вот только подойдёт не меньше 19дм. экран

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    229
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: