MrSovik | Отредактировал MrSovik - Суббота, 18 Февраля 2012, 07:39 Дата: 18 Февраля 2012, 07:38 | Сообщение # 1 | ● ● ● ● ● 8 сообщений Статус: Offline | Не знаю, по тому ли адресу я обратился, но буду благодарен за помощь... Вставил на сайт раздвижной мини профиль, но с ним есть одна проблема... Вот так выглядит профиль в свёрнутом виде: А вот так в открытом:
Суть вопроса... На втором скрине раздел "Информация" и ниспадающее меню выглядит корректно, а разделы "Профиль" и "Функции" нет. Ячейки ниспадающего меню под номерами 2 и 3 растягиваются, в отличии от варианта 1. Подскажите пожалуйста, в чем проблема и как выровнять подменю 2 и 3, как в случае 1?
Сам код профиля: Quote <style> .blockmenu a:link, .blockmenu a:visited { font: normal 10px Arial, Helvetica, sans-serif; color:#909090; text-decoration:none; padding-left:0px; line-height:18px; display:block; font-weight:normal; background: url('http://saint-str.net.ru/img/1.png'); border: 1px solid #404040; text-align: center; } .blockmenu a:hover { font: normal 10px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none; padding-left:0px; line-height:18px; display:block; font-weight:normal; border: 1px solid #808080; background:url('http://saint-str.net.ru/img/1.png'); text-align: center; } .miniprofile { height:16px; width:165; font: normal 10px Arial, Helvetica, sans-serif; color:909090; text-decoration:none; padding-left:0px; line-height:18px; display:block; font-weight:normal; background: url('http://saint-str.net.ru/img/1.png'); border: 1px solid #404040; text-align: center; } .screenshot img {margin:6px; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0 0px 5px #000000; box-shadow:0 0px 5px #000000;-webkit-box-shadow:0 0px 5px #000000;} </style> <script language=javascript type=text/javascript> function openOnClick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script> <div align="center"> <strong> <SCRIPT LANGUAGE="javascript"> currentTime = new Date(); if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 ) document.write("Доброе утрo, "); if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 ) document.write("Добрый день, "); if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23) document.write("Добрый вечер, "); if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5) document.write("Доброй ночи, "); </SCRIPT><br>$USER_FULL_NAME$</strong></div> <div class="screenshot"><center><?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"> <?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="/avatar/users/avatarfightarena.gif" border="0"> <?else?><img class="userAvatar" title="$USERNAME$" src="/avatar/users/avatarfightarena.gif" border="0"> <?endif?><?endif?></center></div> <center> <?if($USER_LOGGED_IN$)?> <div class="miniprofile"><a title="" onclick="$('#info').slideToggle('slow');" href="javascript://;"><font color="#007fff">Информация</font></a></div> <div id="info" style="display:none"> <span class="blockmenu"> <div class="miniprofile">Логин: $USERNAME$</div> <div class="miniprofile">Группа: $USER_GROUP$</div> <div class="miniprofile">Вы у нас: $USER_REG_DAYS$-й день</div> <div class="miniprofile">Ваш IP: $IP_ADDRESS$</div> <div class="miniprofile">Тип браузера: $USER_AGENT$ $USER_AGENT_VER$</div> </span></div> <div class="miniprofile"><a title="" onclick="$('#profile').slideToggle('slow');" href="javascript://;"><font color="#007fff">Профиль</font></a></div> <div id="profile" style="display:none"> <span class="blockmenu"> <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a> <a href="javascript:openOnClick('options')">Изменить информацию</a> <a href="/index/34-$USER_ID$">Мои коментарии</a> <a href="/forum/0-0-1-3-$USER_ID$">Мои посты</a> <a href="/publ/0-0-$USER_ID$-0-17">Мои Публикации</a> <a href="/load/0-0-$USER_ID$-0-17">Мои Файлы</a> <a href="javascript:openOnClick('users')">Список пользователей</a> <a id="upml2" href="javascript:openOnClick('mail')"> Читать ЛС (<b>$UNREAD_PM$</b>)</a> <a href="javascript:openOnClick('send')">Отправить ЛС</a> </span></div> <div class="miniprofile"><a title="" onclick="$('#function').slideToggle('slow');" href="javascript://;"><font color="#007fff">Функции</font></a></div> <div id="function" style="display:none"> <span class="blockmenu"> <a href="/news/0-0-0-0-1">Добавить новость</a> <a href="/load/0-0-0-0-1">Добавить файл</a> <a href="/publ/0-0-0-0-1">Добавить статью</a> <a href="/dir/0-0-0-0-1">Добавить видео</a> <a href="$LOGOUT_LINK$">Выход</a> </span> </div> </center> <?endif?> <?if($USER_LOGGED_IN$)?><?else?> <div class="cblock3"> <center><a title="" onclick="$('#login').slideToggle('slow');" href="javascript://;">Вход</a> </div> <div id="login" style="display:none">$LOGIN_FORM$</div> </center> <?endif?> | | |
|
Andre | Дата: 18 Февраля 2012, 12:03 | Сообщение # 2 | ● ● ● ● ● 1822 сообщения Статус: Offline | MrSovik, у тебя разные стили у пунктов: <div class="miniprofile">Логин: $USERNAME$</div> <a href="/forum/0-0-1-3-$USER_ID$">Мои посты</a> вот и результат | | |
|
MrSovik | Отредактировал MrSovik - Суббота, 18 Февраля 2012, 12:26 Дата: 18 Февраля 2012, 12:26 | Сообщение # 3 | ● ● ● ● ● 8 сообщений Статус: Offline | А как, собственно, можно решить эту проблему? Я не силён в стилях, а этот блок "склеивал" из 2х разных мини профилей для большей функциональности. Всё делал методом подбора. В этом случае уже всё перебрал | | |
|
LG-savikdvd | Дата: 18 Февраля 2012, 12:31 | Сообщение # 4 | ● ● ● ● ● 301 сообщение Статус: Offline | Попробуй так -
<div class="miniprofile"><a href="/forum/0-0-1-3-$USER_ID$">Мои посты</a> </div> | | |
|
MrSovik | Дата: 18 Февраля 2012, 13:03 | Сообщение # 5 | ● ● ● ● ● 8 сообщений Статус: Offline | Спасибо, данный способ помог выровнять ячейки, но появилась другая проблемка... В разделах 2 и 3 теперь "бордюрки" больше, чем в первом. Какой параметр за них отвечает и почему они применились только к 2 и 3 разделам? Я так понимаю, что в коде много лишнего, может к этим разделам применяется из другого мини профиля какой-то стиль, который я туда добавил случайно при объединении?Добавлено (18 Февраль 2012, 13:03) --------------------------------------------- Всё, разобрался... Нужно было с border при наведении по эксперементировать и в спокойном состоянии. Но всё равно интересно, почему 1 и 2,3 пункты живут своей жизнью | | |
|
Andre | Дата: 20 Февраля 2012, 23:25 | Сообщение # 6 | ● ● ● ● ● 1822 сообщения Статус: Offline | MrSovik, смотри свой код и делай по примеру того кода, который работает правильно. Включай мозг, ты же админом хочешь стать... | | |
|
MrSovik | Дата: 21 Февраля 2012, 04:26 | Сообщение # 7 | ● ● ● ● ● 8 сообщений Статус: Offline | Andre, ты вообще не в тему... Не вижу ничего общего между администрированием и web-дизайном... | | |
|