Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Проблемы с форумом » Уехало меню
Здравствуйте!
Поскольку во всём этом не разбираюсь совершенно, то прошу Вашей помощи.
У меня самым бесстыдным образом сбежало меню. Оно должно целиком умещаться в специально отведённом для этого окне. 
Что-нибудь можно с этим сделать? Самое интересное, что в настройках по всей вероятности никто не копался.
Адрес форума: http://horsepower.bbfast.ru/
Спасибо за ваше время)
Отредактировано Fort (Пн, 5 Авг 2013 18:41:07)
Замените HTML верх
<style>
#pun #pun-viewtopic,#pun .punbb,.formal textarea {
font-family:Verdana;
font-size:12px;
}
</style>
<style>
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em}
</style>
<style>/*Подвижка банера*/
#pun-title td.title-logo-tdr{
/*border:solid blue 1px;*/
display:block!important;
position:absolute!important;
height:60px!important;
padding-left:0px!important;
width:468px!important;
left:50%!important;
margin-left:-428px!important;
top:313px!important;
padding-top:0px!important;
}
</style>
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>
<link rel="shortcut icon" href="http://s19.radikal.ru/i192/1104/db/a6383e4b718a.png" type="image/x-icon">
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (x in arr)
{
if (arr[x].href=="http://horsepower.bbfast.ru/online.php")
{arr[x].innerHTML="On-Line"}}}
</script>
</HEAD>
<BODY onload="changeLink()">
<style type="text/css">
#spo_all {width: 95%; margin: 0 auto 0 auto;}
#spo_top {border: 0px solid; color: #000; font-weight: bold; font-family: "Courier New", Courier, monospace; font-size: 12px; margin: 8px auto 0 auto;
padding: 0px; height: 28px; cursor: pointer;}
#spoiler4 { background: #FAFCFE; border: 1px dotted #000; border-top: 0; padding: 4px; margin: 0 auto 8px auto; display:none;}
#spo_option { font-weight:bold; cursor:pointer; float:left;}
#spo_desc { float:right;}
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--//
// your message here
var msg='Grace';
var font='Verdana,Arial';
var size=4; // up to seven
var color='#FFFF00'';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length;
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
function makecircle(){ // rotation properties
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval
}
}
function drag(){ // makes the resistance
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout('drag()',10);
}
if (ns||ie)window.onload=drag;
// -->
</SCRIPT>
<style> /* Стиль всплывающего меню */
.splLink {width: 160px; height: 40px; border: 1px solid #593814; text-align: center; font-size: 16px; padding-top: 17px; }
.splCont {height: auto; width: 220px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; margin-left: -30px;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
}
.splLink {
border-radius:14px;
-webkit-border-radius:14px;
-khtml-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
}
.ramka {
border-radius:24px;
-webkit-border-radius:24px;
-khtml-border-radius:24px;
-moz-border-radius:24px;
-o-border-radius:24px;
}
</style>И добавьте в Первом Окне стиля:
/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
padding-left: 65px;
height: 0px;font-weight: normal;
text-align: left;
margin-top: -285px;
margin-bottom: 125px;
}
Deff
Спасибо большое)
Всё встало на свои места)
Fort
Чот криво
Попробуйте
По другому!
*Чичас нарисую
Хм!!! Вы не поменяли код в HTML верх оставив свой кривой код подвижки баннера!
вид В Опере - http://s4.uploads.ru/DCb7g.jpg
Deff
Вид в хроме: 
Что конкретно надо исправить?
Теперь и в Хроме всё уехало
Как исправить, подскажите, пожалуйста.
Fort
Ни наю - у меня норма во всех браузерах - в том числе и в Хроме, возможно Вы что-то уже поправили, (хотя не с тем кодом - что я рекомендовал)
Почистите Кеш и Кукисы
Отредактировано Deff (Вс, 11 Авг 2013 15:24:55)
Еще раз добрый день.
Снова к вам, так как это меню уже сидит поперек горла.
Ничто не помогает. Поменяла еще раз HTML-верх, проверила окно стиля, сделала все точно так, как вы сказали. Меню по-прежнему где-то гуляет... Не знаем что делать..
Fort
Ничего Вы не поменяли!
Выложите код пункта /* D3.2 */ Первого окна стиля и чуть Выше и ниже
Изучите этот топик с самого начала
Deff
ну как это не поменяли, когда поменяли там, где вы выделили красным. Вот (от D3.1 до D.3) :
/* D3.1 */
#pun-navlinks {
border: none;
margin-bottom: 0px;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
padding-left: 65px;
height: 0px;
font-weight: normal;
text-align: left;
margin-top: -285px;
margin-bottom: 125px;
}
/* D.3 */
#pun-navlinks .container {
padding-top: 7px;
padding-bottom: 10px;
height: 18px;
font-family: arial;
text-transform: uppercase;
}
.container #pun-navlinks li {
display: inline;
margin: 0.1%;
padding: 3px 4px 4px 4px;
border-left: 1px solid #fff;
}Fort
Сравните с тем что нарисовано в сообщении 2
Deff
Я сделал всё в точности как вы указали.
Меню висит в отведённом ему месте, но периодически шалит подобным образом:
Fort
Кидайте ник пароль в личку - поправлю, ибо измучили
Deff
Спасибо большое)) Сами, к сожалению, не можем разобраться(
Вы здесь » Единый форум поддержки » Проблемы с форумом » Уехало меню
