- удалил сообщение, - согласен
Отредактировано Deff (Пн, 15 Ноя 2010 01:21:54)
Оформления меню навигации главных кнопок форума
Сообщений 61 страница 80 из 121
Поделиться61Вс, 14 Ноя 2010 22:37:27
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
Поделиться62Вс, 14 Ноя 2010 22:42:18
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
rps написал(а):
vertical-align:center!important;Вертикальное выравнивание применимо только к ячейкам таблицы. Главное меню - не таблица.
Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или таблицы,
отлично выравнивает элементы в div блоке , которым и явлецо #pun-navlinks
могу продемонстрировать
Отредактировано Deff (Вс, 14 Ноя 2010 22:42:48)
Поделиться63Вс, 14 Ноя 2010 22:43:43
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Deff написал(а):
rps абисняю align:center!important; работает в опере - мож проверить и не работает в других браузерах - ставилось спецом для Оперы, поскольку именно в Опере наблюдалось некоторое смещенние от центра!
Нет такого свойства. Где ты его нашёл.
Как и всё ровно в Опера:
Deff написал(а):
У некоторых может быть кнопки не квадратные!
Те, у кого не квадратные пропишут сами. Лишнего в код добавлять не стоит.
Поделиться64Вс, 14 Ноя 2010 23:10:13
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
rps написал(а):
Нет такого свойства. Где ты его нашёл.Как и всё ровно в Опера:
Лан - шоб не возмущалсо -согласен с align valign перемудрил, - убрал - попробовал, - нормуль
http://hostjs-mybb2011.narod.ru/Invisible_Man_3.htm
И всё равно не понимаю зачем размеры менять для картинки до и после -
и нет регулировки отступа картинок - друг от друга ( а вообщем коды сейчас совпадают за исключением этих двух пунктов:
1.увеличения отступов при наведении и (ксать может быть и обратная ситуация) -я считаю, что она не нужна (*при начальной настройке по большей картинке
и
2. отсутствия у rps горизонтальной регулировки смещения иконок друг относительно друга (актуально при длинных кнопках и большом кол-ве дополнительных пунктов меню
Текущий код с тестовика hidden http://tps.bbmy.ru/ нормально отображаецо у мну и в ИЕ6 и в ИЕ7
Отредактировано Deff (Ср, 24 Ноя 2010 01:16:15)
Поделиться65Вс, 14 Ноя 2010 23:15:59
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Deff
Значит остался только ИЕ 6. В котором вроде бы не работает. У меня нет знакомых, сидящих на этом браузере, и нет возможности посмотреть самому...
Или есть...
Поделиться66Вс, 14 Ноя 2010 23:25:07
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
rps, и Invisible Man жаловалсо шо в Хроме еще первая кнопка глючит с кодом в Display:none - (*хотя кнешн форум у него перегружен скриптами
Отредактировано Deff (Пн, 15 Ноя 2010 01:36:19)
Поделиться67Вс, 14 Ноя 2010 23:27:03
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Deff
Я проверил специально, у меня первая кнопка есть. Пусть он её раз посмотрит и скажет.
Поделиться68Пн, 15 Ноя 2010 07:15:50
- Заслуженный
- Зарегистрирован: Пн, 5 Апр 2010
- Сообщений: 914
- Уважение: -3
- Позитив: +73
- Пол: Мужской
- Последний визит:
Вс, 11 Дек 2011 07:08:34
Deff , rps Ребятки не понимаю о чем вы спорите, и что друг другу хотите доказать 
Но то что все нормально я уже отписался, проверил во всех браузерах Mozilla Firefox - Internet Explorer - Opera - Chrome - Safari, везде все стоит нормально и не дергается и с разными разрешениями экрана. Я меняю только
#pun-navlinks li a {
border-style: none !important;
padding: 32px !important;
margin: 0 -19px!important;
text-decoration: none;
}
при добавлении нового доп меню.
PS/ Спасибо вам обоим, вы тут самые активные помощники (слежу за вами) 
Поделиться69Пн, 15 Ноя 2010 18:55:40
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Invisible Man
Я хочу доработать этот код и выложить его в отдельную тему в форуме "Новые возможности форумов".
Поделиться70Ср, 24 Ноя 2010 09:03:07
Добрый день. Заменил кнопки, но возникла проблема. Если раньше при получении нового ЛС рядом с меню Сообщения появлялось (1), то сейчас, соответственно, ничего не появляется. Подскажите, пожалуйста, как это можно решить. Возможно ли дополнительным скриптом сделать так, чтобы при получении нового ЛС какой-нибудь значок появлялся рядом с Сообщениями?
http://kindret.7bb.ru/
Поделиться71Ср, 24 Ноя 2010 10:01:42
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
Argus, у чела спец скрипт стоит рядом с иконкой "Сообщения"- гифкой -письма движуца сверху вниз, при появлении нового сообщения
Argus > Invisible Man (*Попробуйте Cпросить у владельца сами
Отредактировано Deff (Ср, 24 Ноя 2010 13:26:41)
Поделиться72Ср, 24 Ноя 2010 13:16:11
Deff написал(а):
у чела спец скрипт стоит рядом с иконкой "Сообщения"- гифкой -кружочки движуца сверху вниз, при появлении нового сообщения
А не подскажите ссылочку на этот скрипт? Помню, что видел что-то похожее на форуме, но никак не могу найти.
---
Вопрос снят. Нашел)
Отредактировано Argus (Ср, 24 Ноя 2010 13:38:47)
Поделиться73Ср, 24 Ноя 2010 19:36:11
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Argus
Здравствуйте.
Argus написал(а):
А не подскажите ссылочку на этот скрипт?
Код:
<script type="text/javascript">
var nrisunok="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>ХТМЛ-низ.
Поделиться74Вт, 14 Дек 2010 11:41:52
- Заслуженный
- Зарегистрирован: Пн, 5 Апр 2010
- Сообщений: 914
- Уважение: -3
- Позитив: +73
- Пол: Мужской
- Последний визит:
Вс, 11 Дек 2011 07:08:34
А если картинки будут иметь разную длину, в таком случае как быть?
Поделиться75Вт, 14 Дек 2010 12:00:15
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
Invisible Man написал(а):
А если картинки будут иметь разную длину, в таком случае как быть?
Посмотрел в коде - вроде пофиг(главное высота одинаковая), другое дело, что при длинных надписях может имеет смысл организовать принудительно двухстрочный режим
(или столбик, что отлажено вроде), но эт выясницо по ходу пьесы -(щас лень думать..
Отредактировано Deff (Вт, 14 Дек 2010 12:03:41)
Поделиться76Вт, 14 Дек 2010 12:01:48
- Заслуженный
- Зарегистрирован: Пн, 5 Апр 2010
- Сообщений: 914
- Уважение: -3
- Позитив: +73
- Пол: Мужской
- Последний визит:
Вс, 11 Дек 2011 07:08:34
Deff написал(а):
принудительно двухстрочный режим
Ну вот от этого и созрел у мня вопрос собственно.....уже не красиво получается...
Добавлено: Ах да чють не забыл код режет картинки автоматически под самый маленький размер
Отредактировано Invisible Man (Вт, 14 Дек 2010 12:05:24)
Поделиться77Вт, 14 Дек 2010 12:04:35
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
Invisible Man написал(а):
Ну вот от этого и созрел у мня вопрос собственно..
а столбик - вроде как отлажен сss ?
или для сокращения длины - слегка повернуть надпись или прописать вертикально
Собственно и моё предложение majoras тож действует тут
Почему Ваще не выключить меню и прописать его табличкой в Объявлении - ну три скрипта на определение типа пользовательской группы и всё остальное сss и HTML
можно приделать всякие всплывающие окна, по наведению или клику и т.д, дизайн уже без проблем размещаецо перемещаецо (вплоть до того же места) хошь ваще картинкой огромной при наведении на пункты, карочь - сейчас меню по сложности не уступает, а превосходит, а удобств значительно меньше, чем вариант табличкой
Отредактировано Deff (Вт, 14 Дек 2010 12:13:51)
Поделиться78Вт, 14 Дек 2010 12:17:49
- Заслуженный
- Зарегистрирован: Пн, 5 Апр 2010
- Сообщений: 914
- Уважение: -3
- Позитив: +73
- Пол: Мужской
- Последний визит:
Вс, 11 Дек 2011 07:08:34
Собственно вот о чем я (обрезка) пример
Поделиться79Вт, 14 Дек 2010 12:26:00
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51119
- Уважение: +15200
- Позитив: +11602
- Последний визит:
Сегодня 09:52:06
Invisible Man
понято
ща подумаю
/* Свои иконки в навигации сss(ом) */
/* ============================================== */
#pun-navlinks .container{
height:35px!important;
padding:45px 0 6px 0!important;
}#pun-navlinks li a span {
font-size:0px!important;
visibility:hidden!important;
}
#pun-navlinks li a {
border-style: none !important;
padding-top: 32px!important;
padding-bottom: 32px !important;
margin: 0 -14px!important;
text-decoration: none;
}
#navindex a {
background: url(http://onserial-letay-16.ru/uploads/000 … 4322-1.png) no-repeat center center !important;
padding-left: 32px!important;
padding-right:32px !important;
}
#navuserlist a {
background: url(http://onserial-letay-16.ru/uploads/000 … 4330-1.png)no-repeat center center !important;
padding-left: 32px!important;
padding-right:32px !important;
}
cобственно исключаем отступ по горизонтали для всех пунктов
и переносим его в каждый пункт ( значение синим регулируем отдельно для каждого пункта меню
поскольку 32 текущее - регулирем только для обрезанных ( ну или слишком широких
для a:hover -наверно дополнять не надо, поскольку значения по умолчанию с a переносяцо и на a:hover
те нужно делать симметричные padding(и) левый и правый - поскольку сейчас изображение no-repeat center center
(*можно прижать к левому краю и делать только оцтуп справо один no-repeat left center
тогда достаточно одного padding-right:64px !important; ( но в два раза большего чем предыдущий
У Юзеров оба оцтупа увелич на одинаковую величину
(в чате вторая ссылка a:hover - не рабочая http://onserial-letay-16.ru/uploads/000 … 5012-2.gif
Отредактировано Deff (Вт, 14 Дек 2010 13:03:35)
Поделиться80Вт, 14 Дек 2010 13:05:35
- Заслуженный
- Зарегистрирован: Пн, 5 Апр 2010
- Сообщений: 914
- Уважение: -3
- Позитив: +73
- Пол: Мужской
- Последний визит:
Вс, 11 Дек 2011 07:08:34
Deff
Собственно у мня все встало скрин* Но вот регистрация картинка не встает буквы "Я" нетю 
#pun-navlinks .container{
background-color: transparent !important;
height: 35px !important;
padding: 45px 0 6px 0 !important;
}#pun-navlinks li a span {
font-size:0px!important;
visibility:hidden!important;
}
#pun-navlinks li a {
border-style: none !important;
padding-top: autopx!important;
padding-bottom: 30px !important;
margin: 0 -24px!important;
text-decoration: none;
}#navindex a {
background: url(http://onserial-letay-16.ru/uploads/000 … 5010-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navindex a:hover {
background: url(http://onserial-letay-16.ru/uploads/000 … 5010-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navuserlist a {
background: url(http://onserial-letay-16.ru/uploads/000 … 5011-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navuserlist a:hover {
background: url(http://onserial-letay-16.ru/uploads/000 … 5011-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navrules a {
background: url(http://onserial-letay-16.ru/uploads/000 … 5013-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navrules a:hover {
background: url(http://onserial-letay-16.ru/uploads/000 … 5013-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navsearch a {
background: url(http://onserial-letay-16.ru/uploads/000 … 5014-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navsearch a:hover {
background: url(http://onserial-letay-16.ru/uploads/000 … 5014-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navprofile a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5015-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navprofile a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5015-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navpm a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5016-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}#navpm a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5016-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}#navadmin a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5017-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navadmin a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5017-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navregister a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5018-1.png) no-repeat center center !important;
padding-left: 90px!important;
padding-right:32px !important;
}
#navregister a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5018-2.png) no-repeat center center !important;
padding-left: 90px!important;
padding-right:32px !important;
}
#navlogin a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5019-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navlogin a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5019-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navlogout a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5020-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navlogout a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5020-2.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navextra1 a{
background: url(http://onserial-letay-16.ru/uploads/000 … 5012-1.png) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
#navextra1 a:hover{
background: url(http://onserial-letay-16.ru/uploads/000 … 5012-2.gif) no-repeat center center !important;
padding-left: 77px!important;
padding-right:32px !important;
}
Добавлено: Сегодня что то происходит на сервере картинки в пост с первого раза не добавляются
Отредактировано Invisible Man (Вт, 14 Дек 2010 13:06:59)