Adres forum:
demolka.net
Wersja silnika:
1.8.x
Opis problemu:
Od jakiegoś czasu mam problem z informacjami po najechaniu myszką, chodzi o to, że pojawiają się one na samym dole ekranu po lewej stronie przez co strona przeskakuje/wydłuża się. Co mam zrobić by te informacje były wyświetlane przy kursorze?
Na tym linku widać to najlepiej jak po najechaniu kursorem każda informacja wyświetla się na dole:
https://demolka.net/newpoints.php
https://mybb.com/versions/
Tutaj masz wszystkie wersje MyBB, na swoim forum masz konkretną wersję z gałęzi 1.8.x - widoczna jest ona na stronie głównej ACP.
Nie nastąpiło zalogowanie, lub nie masz dostępu do tej części forum. Możliwe powody takiej sytuacji:
O jakie informacje chodzi?
Chodzi mi o tooltip, a przynajmniej tak sądzę. Jeśli najade kursorem na konkretny link który ma ustalony opis to zamiast dymku, okienka który pokazywał by ten opis zaraz przy kursorze to wzamian pokazuje go na samym dole strony po lewej.
Udało mi się naprawić ten problem dodając do global.css:
Kod:
.tipsy {
position: absolute;
padding: 5px;
z-index: 100000;
}
.tipsy-inner {
font-family: 'Exo 2', sans-serif;
font-size: 11px;
background: #161616;
color: #FFFFFF;
max-width: 200px;
padding: 5px 8px;
text-align: center;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #161616;
}
.tipsy-arrow-n {
border-bottom-color: #161616;
}
.tipsy-arrow-s {
border-top-color: #161616;
}
.tipsy-arrow-e {
border-left-color: #161616;
}
.tipsy-arrow-w {
border-right-color: #161616;
}
.tipsy-n .tipsy-arrow {
top: 0px; left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}