Кот

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

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


Вы здесь » Кот » Фишки и примочки » Меняем текст в меню навигации на картинки


Меняем текст в меню навигации на картинки

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

1

По-идее, это можно отнести к скриптам, но штука очень нужна и важная, как мне кажется. Еле отыскала ее, но очень много где видела скрипт замены надписей форум, участники и пр. на кнопки. Это не то. Здесь вы можете вставить вместо надписей свои картинки.
HTML-верх
Ссылки на изображения заменяем на свои.

Код:
<style type="text/css">
#pun-navlinks  * {
  text-align: center !important;
  padding-top: 65px !important;
}

#pun-navlinks li {
  display: inline;
  margin: 0.2%;
  padding-top: 70px;
  padding-right: 10px;
  padding-left: 10px;
}

#navextra1 {
  padding-right: 20px;
  padding-left: 20px;
}

#navindex {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/25245.png) no-repeat center;
}
#navuserlist {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/75973.png) no-repeat center;
}
#navrules {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/73674.png) no-repeat center;
}
#navsearch {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/19154.png) no-repeat center;
}
#navprofile {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/37797.png) no-repeat center;
}
#navlogin, #navlogout {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/29366.png) no-repeat center;
}
#navregister {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/29366.png) no-repeat center;
}

#navextra0, #navextra1, #navextra2, #navextra3, #navextra4, #navextra5, #navextra6, #navextra7, #navextra8, #navextra9, #navextra10 {
background: transparent url(/img/Mybb_NewBlack/extra.gif) no-repeat center;
}

#navpm {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/73674.png) no-repeat center;
}

#navadmin {
background: transparent url(http://mybb.forum4.ru/files/000e/d4/30/20073.png) no-repeat center;
}
</style>

Отредактировано `tsunami (2013-02-11 14:55:15)

0

2

`tsunami написал(а):

HTML-верх

Можно ещё в низ цсс.цветов, если убрать открывающий/закрывающий тег.

<style type="text/css">

</style>

Иногда это необходимо для дизайна, а хтмл-верх может быть уже забит.

0


Вы здесь » Кот » Фишки и примочки » Меняем текст в меню навигации на картинки


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC