Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Оформления меню навигации главных кнопок форума


Оформления меню навигации главных кнопок форума

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

1

Deff Сделайте пожалуйста, выкладываю все что просили.

На главную (М http://onserial-letay-16.ru/uploads/000 … 4322-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4322-3.png)
Пользователи (М http://onserial-letay-16.ru/uploads/000 … 4330-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4330-3.png)
Правило (М http://onserial-letay-16.ru/uploads/000 … 4327-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4327-3.png)
Поиск (М http://onserial-letay-16.ru/uploads/000 … 4326-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4326-4.png)
Профиль (М http://onserial-letay-16.ru/uploads/000 … 4323-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4323-3.png)
Сообщение (М http://onserial-letay-16.ru/uploads/000 … 4328-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4328-3.png)
Админка (М http://onserial-letay-16.ru/uploads/000 … 4325-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4325-3.png)
Регистрация (М http://onserial-letay-16.ru/uploads/000 … 4332-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4332-3.png)
Вход (М http://onserial-letay-16.ru/uploads/000 … 4329-1.png) (Б http://onserial-letay-16.ru/uploads/000 … 4366-1.png)
Выход (М http://onserial-letay-16.ru/uploads/000 … 4329-3.png) (Б http://onserial-letay-16.ru/uploads/000 … 4366-2.png)

М - Обычное состояние
Б - При наведении

На главную

#navindex span{
    visibility:hidden;

      }
    #navindex a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4322-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navindex a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4322-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Пользователи

#navindex span{
    visibility:hidden;

      }
    #navuserlist a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4330-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navuserlist a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4330-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Правило

#navindex span{
    visibility:hidden;

      }
    #navrules a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4327-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navrules a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4327-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Поиск

#navindex span{
    visibility:hidden;

      }
    #navsearch a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4326-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navsearch a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4326-4.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Профиль

#navindex span{
    visibility:hidden;

      }
    #navprofile a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4323-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navprofile a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4323-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Сообщение

#navindex span{
    visibility:hidden;

      }
    #navpm a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4328-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navpm a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4328-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Админка

#navindex span{
    visibility:hidden;

      }
    #navadmin a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4325-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navadmin a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4325-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Регистрация

#navindex span{
    visibility:hidden;

      }
    #navregister a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4332-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navregister a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4332-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Вход

#navindex span{
    visibility:hidden;

      }
    #navlogin a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4329-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navlogin a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4366-1.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

Выход

#navindex span{
    visibility:hidden;

      }
    #navlogout a{
    padding: 32px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4329-3.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }
    #navlogout a:hover{
    border:0 none #fff;
    padding: 64px!important;font-size:0px!important;
    background-image: url(http://onserial-letay-16.ru/uploads/000 … 4366-2.png);
    background-repeat:no-repeat;
    background-position:top-center;
    }

0

2

Deff И маленькая заметка (протестил код выше) и получилось.

Вид Хром - Сафари

Вид ИЕ и Мозила Нормально

Опера при наведении на панель навигации, выкидывает в самый низ страницы.

0

3

Invisible Man написал(а):

Deff И маленькая заметка (протестил код выше) и получилось.

Карочь ковыряю потихоньку- желательна админка - дабы наблюдать все иконки сразу - ( коды трогать  не буду -смогу  виртуально только на своей машине

И ваще , просил Исходники(те шо были изначально) без надписей.. а эт уже не исходники

Отредактировано Deff (Пт, 12 Ноя 2010 17:41:08)

0

4

Invisible Man
Может так подойдёт? http://partner.mybb.ru/

Код:
#pun-navlinks li a * {
visibility: hidden;
}
#pun-navlinks li a {
border-style: none !important;
padding: 15px !important;
padding-bottom: 40px !important;
text-decoration: none;
}
#pun-navlinks li a:hover {
padding: 30px !important;
text-decoration: none;
}
#navindex a {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4322-1.png) no-repeat top center !important;
}
#navindex a:hover {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4322-3.png) no-repeat top center !important;
}
#navuserlist a {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4330-1.png) no-repeat top center !important;
}
#navuserlist a:hover {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4330-3.png) no-repeat top center !important;
}
#navrules a {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4327-1.png) no-repeat top center !important;
}
#navrules a:hover {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4327-3.png) no-repeat top center !important;
}
#navsearch a {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4326-1.png) no-repeat top center !important;
}
#navsearch a:hover {
	background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4326-4.png) no-repeat top center !important;
}
#navprofile a{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4323-1.png) no-repeat top center !important;
}
 #navprofile a:hover{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4323-3.png) no-repeat top center !important;
}
#navpm a{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4328-1.png) no-repeat top center !important;
}
#navpm a:hover{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4328-3.png) no-repeat top center !important;
}
#navadmin a{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4325-1.png) no-repeat top center !important;
}
 #navadmin a:hover{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4325-3.png) no-repeat top center !important;
}
#navregister a{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4332-1.png) no-repeat top center !important;
}
 #navregister a:hover{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4332-3.png) no-repeat top center !important;
}
 #navlogin a{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4329-1.png) no-repeat top center !important;
}
 #navlogin a:hover{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4366-1.png) no-repeat top center !important;
}
 #navlogout a{

    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4329-3.png) no-repeat top center !important;
}
 #navlogout a:hover{
    background: url(http://onserial-letay-16.ru/uploads/000d/05/e5/4366-2.png) no-repeat top center !important;
}

0

5

Deff
Отправил в личку.

rps
Вот что получилось скрин* в 2

увеличить

0

6

Invisible Man
А адрес форума можно увидеть, откуда скриншот снят?

0

7

rps
http://serialtop.topbb.ru/

0

8

Invisible Man
Ну а сейчас посмотрите: http://partner.mybb.ru/.

0

9

rps
В хроме не вижу кнопку (на главную)
В опере и мозиле нормально
В ИЕ скрин*

увеличить

0

10

Invisible Man
Я пока не знаю, почему в Google Chrome не работает первый пункт меню, а вот насчёт Internet Explorer хотелось бы уточнить версию, которую Вы используете. Ибо я же писал код именно под Internet Explorer, и у меня всё работает как положено.

0

11

:flirt: Ну типо так:

http://hostjs-mybb2011.narod.ru/Invisible_Man.htm

Код:
       /* Свои иконки в навигации сss(ом) */
/* ============================================== */
 #pun-navlinks .container{
 vertical-align:center!important;
 align:center!important;
 height:35px!important;
 padding:45px 0 0 0!important;
}

#navindex a {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4322-1.png) !important;
}
#navindex a span:hover {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4322-3.png) !important;
}
#navuserlist a {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4330-1.png) !important;
}
#navuserlist a span:hover {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4330-3.png) !important;
}
#navrules a {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4327-1.png) !important;
}
#navrules a span:hover {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4327-3.png) !important;
}
#navsearch a {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4326-1.png) !important;
}
#navsearch a span:hover {
	background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4326-4.png) !important;
}
#navprofile a{
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4323-1.png) !important;
}
 #navprofile a span:hover {
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4323-3.png) !important;
}
#navpm a{
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4328-1.png) !important;
}
#navpm a span:hover {
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4328-3.png) !important;
}
#navadmin a{
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4325-1.png) !important;
}
 #navadmin a span:hover {
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4325-3.png) !important;
}
#navregister a{
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4332-1.png) !important;
}
 #navregister a span:hover {
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4332-3.png) !important;
}
 #navlogin a{
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4329-1.png) !important;
}
 #navlogin a span:hover {
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4366-1.png) !important;
}
 #navlogout a{

    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4329-3.png)!important;
}
 #navlogout a span:hover {
    background-image:  url(http://onserial-letay-16.ru/uploads/000d/05/e5/4366-2.png)!important;
}

#pun-navlinks li a span {
font-size:0px!important;
color:transparent!important;
padding: 30px  24px  28px 26px!important;
position:absolute!important;
margin:-27px 25px 27px -25px
}

#pun-navlinks li a{
background-position:top center !important;
background-repeat:no-repeat !important;
border-style: none !important;
padding: 15px 25px !important;
text-decoration: none;
}
#pun-navlinks li a:hover {
background-image:none!important
}
#pun-navlinks li a span:hover {
background-position:top center !important;
background-repeat:no-repeat !important;
font-size:0px!important;
color:transparent!important;
position:absolute!important;
padding: 30px 30px 45px!important;
margin-top:-40px!important;
text-decoration: none!important;
}

Отредактировано Deff (Сб, 13 Ноя 2010 11:00:42)

+1

12

Deff
Ставлю + за ваши труды. Но все же:
Мозила и опера - Нормально
Хром и сафори - Не видит кнопок совсем
Ие - При наведение картинка просто исчезает.

0

13

Invisible Man Проверял у ся в Хроме и Ие 8 - нормально - ИЕ -какой ? - с Хромом у Вас чот не то - у трёх пользователей перепроверялсо

И Админка была обманной - т.е вроде Админ - но без доступа и Иконка администрирования соотвецтвенно не отображаецо

(*Потом вобщем-то не за плюсики, проблема интересная

Отредактировано Deff (Сб, 13 Ноя 2010 14:17:45)

0

14

Deff
ИЕ
Хром
:dontknow:

0

15

Invisible Man Попробуй код установить на чистом тестовом форуме - можа де останавливаецо из-за конфликта со скриптаме - ксати ти вытаскивал скрипт установки картинок в Навигацию  ?

И картинка в ИЕ и Хроме тажа - и по ссылке http://hostjs-mybb2011.narod.ru/Invisible_Man.htm ?

(*я для теста в Хроме эту ссылку юзерам давал

Отредактировано Deff (Сб, 13 Ноя 2010 14:54:55)

0

16

Deff
Да конечно убрал  :confused:

Вот на чистом форуме, смотрю через ие http://serialtop.topbb.ru/ тоже самое при наведение исчезают

Добавлено: Да по http://h … le_Man.htm без изменений

Отредактировано Invisible Man (Сб, 13 Ноя 2010 15:04:36)

0

17

Invisible Man написал(а):

Вот на чистом форуме, смотрю через ие http://serialtop.topbb.ru/ тоже самое при наведение исчезают

И опять же - ИЕ -версия какая - смотрицо -Справка - О программе (делал для 8
насчет исчезают - поводите вокруг картинок - если появляюца, то- это возможно браузер смещения вычисляюца по разному - нужно тестить с конкретным браузером

Invisible Man написал(а):

Хром и сафори - Не видит кнопок совсем

А вот не видит совсем эт забавно, т. е мой опыт - у троих пользователей - в Хроме идентично Мазилле всё было

Отредактировано Deff (Сб, 13 Ноя 2010 15:12:56)

0

18

Deff
Хром скрин*
Ие действительно если навести чуть ниже картинки то видно, но это как надо прицелиться  :rofl:

увеличить

0

19

Invisible Man И всё таке -версия ИЕ ?

Invisible Man написал(а):

Хром скрин*

Опять жи мну не тестил То чо у Вас сейчас - нун предложить ту ссыль глянуть

Отредактировано Deff (Сб, 13 Ноя 2010 15:25:24)

0

20

Cобственно идеи две -

1. Если продолжать отладку - нужна ваша помощь.. т. е мну может добавить код отладки и нужны скриншоты из всех используемых вариантов браузеров с указанием версии и, желательно, указанием версию операционки

2. Все сложности типо только из-за разных размеров картинки до наведения курсора и после,- сейчас расстояние между элементами меню - позволяет устанавливать эти картинки - как начальную так и большую идентичными размерами - посмотрите - между соседними картинками 67 пиксел, а большая картинка 64 пиксела

Почему не добавить к маленькой исходной картинке прозрачки и сделать размеры идентичными большой ?- тогда и код будет простой и кроссбраузерный

Отредактировано Deff (Сб, 13 Ноя 2010 15:48:54)

0


Вы здесь » Единый форум поддержки » Корзина » Оформления меню навигации главных кнопок форума