• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт светлая информационная панель для форума uCoz
Скрипт светлая информационная панель для форума uCoz
Delete
Среда, 29 Августа 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 7


Установка:
В ставляем в CSS в самый низ:

Code
input{vertical-align:middle}
.button {cursor:pointer;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-decoration:none;outline:0;}
.button div {cursor:pointer;text-align:center;background:url(http://zornet.ru/) repeat-x;background-position:bottom left;padding:3px 6px 4px 6px;margin-right:-2px;left:-1px;position:relative;z-index:10;font:11px 'Arial';color:#666;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:0;border-bottom:0;outline:none;}
.button:hover {border-top:1px solid #8ac;border-bottom:1px solid #8ac;text-decoration:none;}
.button:hover div {background-position:bottom right;color:#568;border-left:1px solid #8ac;border-right:1px solid #8ac;}
textarea {width:572px;display:inline-block;border:1px solid #ccc;padding:3px 3px 4px 4px;outline:0;font:11px 'Arial';color:#888;}
.textfield textarea {border-left:1px solid #ccc;border-right:1px solid #ccc;}
.textfield textarea:focus{color:#666;}
.bar{cursor:n-resize;background:#aaa;width:10px;position:relative;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.scroller{top:0;right:0;width:10px;height:100%;]height:209px;font-size:0;background:#eee;position:absolute;}


А это ставим там где хотим видеть:
Code
<a href="/" class="button" rel="nofollow"><div>На главную</div></a>
<a href="/forum/0-0-1-34" class="button" rel="nofollow"><div>Новые сообщения</div></a>
<a href="/forum/0-0-1-35" class="button" rel="nofollow"><div>Пользователи сайта</div></a>
<a href="/forum/0-0-0-36" class="button" rel="nofollow"><div>Правила форума</div></a>
<a href="/forum/0-0-0-6" class="button" rel="nofollow"><div>Поиск на форуме</div></a>
<a href="/forum/0-0-0-37" class="button" rel="nofollow"><div>RSS лента сайта</div></a>
<a href="http://zornet.ru/" class="button" rel="nofollow"><div>ZORNET.RU</div></a>
Прикрепления: 0520693.jpg (12.9 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт светлая информационная панель для форума uCoz
  • Страница 1 из 1
  • 1
Поиск: