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


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

1756
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 6
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: