Панель форума для uCoz.

25.01.2016 485 0 Turbo Все для uCoz Меню для Сайта

Панель форума для uCoz- думаю все со мной согласятся если я скажу что меню из иконок выглядит куда лучше чем буквенные,если вы согласны то вы можете заменить меню на форуме на это с иконками,каждая иконка характеризует страницу куда ведет ссылка,и не стоит ждать появления хинта что бы понять

Установка:Скрипт помещаем вверх или низ сайта

Код

Это в CSS

Код

.page-nav span {
  display: inline-block;
  vertical-align: baseline;
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 10pt;
  font-weight: 400;
  }
  .page-nav span span {
  padding-left: 0;
  }
  .page-nav a {
  color: rgba(255, 255, 255, 0.7);
  }
  .page-nav a:hover span,
  .page-nav a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  }
  .page-nav-big h2 {
  text-align: center;
  font-size: 22pt;
  color: #fff;
  text-transform: none;
  line-height: 40px;
  white-space: normal;
  }
  .page-nav-big ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  display: table;
  }
  .page-nav-big ul li {
  display: block;
  float: left;
  margin: 2px;
  line-height: 40px;
  }
  .page-nav-big ul li button {
  min-width: 170px;
  background: rgba(0, 0, 0, 0.3);
  }

  .page-nav-icon {
  margin:0;
  padding:0;
  list-style:none;
  float:right
  }

  .page-nav-icon li {
  position:relative;
  float:left;
  text-align:center
  }

  .page-nav-icon li span {
  opacity:0;
  visibility:hidden;
  position:absolute;
  right:-40%;
  bottom:-30px;
  margin:-11px 0 0 -55px;
  width:110px;
  padding:0 5px;
  line-height:22px;
  height:22px;
  font-size:7pt;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  background:#666;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  transition:All .3619s ease;
  -webkit-transition:All .3619s ease;
  -moz-transition:All .3619s ease;
  -o-transition:All .3619s ease
  }

  .page-nav-icon li span:before {
  content:'';
  position:absolute;
  top:-5px;
  right:25%;
  margin-left:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 5px 5px;
  border-color:transparent transparent #666
  }

  .page-nav-icon li:hover span {
  opacity:1;
  visibility:visible;
  bottom:-18px
  }

  .page-nav-icon li a {
  display:block;
  position:relative;
  padding:0 10px;
  font-size:16pt
  }

  .page-nav-icon li a .num {
  position:absolute;
  color:#333;
  line-height:normal;
  top:15px;
  right:5px;
  font-size:8pt;
  background:#fff;
  padding:0 2px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px
  }

В общем виде форума убираем старый код и вставляем новый

Код

<ul class="page-nav-icon">
 <?if($USER_LOGGED_IN$)?>
 <li><a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"></a>
 Личные сообщения</li>
 <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s5.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
 <?endif?><?endif?>
 <li><a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"></a>Новые сообщения</li>
 <li><a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"></a>Участники</li>
 <li><a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"></a>Правила форума</li>
 <li><a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"></a>Поиск</li>
 <li><a class="fNavLink" href="$RSS_LINK$" rel="nofollow"></a>RSS<?if($USER_LOGGED_IN$)?>
 <li><a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow"></a>Подписка</li><?endif?>
 </ul>

Файлы для скачивания отсутствуют.

Поблагодарить автора Автор: Turbo

Комментарии (0)

Добавить комментарий