Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Przewijana ramka z boku forum

Założony przez  Rollerr.

wersja skryptu MyBB:1.6.12
adres forum:www.omg-shot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałbym dodać przewijaną ramkę "witaj gościu" po prawej stronie forum. Ramka, aby miała półprzezroczyste tło.

Przewijaną - przewijaną wraz z paskiem przewijania forum.

Dodawałem to https://webboard.pl/thread-42678.html

Jednakże efekt był taki, że ramka stała "sztywno" w headerze.
Zastosuj się do tego: https://webboard.pl/wiki.php?okienko-dla...uginu.html

A jak chcesz dodatkowo taką fajną czerwoną ramkę w prawym dolnym rogu to zamiast tego kodu który ci podali dodaj do global.css:

#registerdiv {
positionfixed;
bottom10px;
line-height16px;
right10px;
z-index30000;
opacity0.8;
width260px;
heightauto;
background#cf3737;
color#fff;
text-shadowrgba(0,0,0,0.30px -1px 0px;
padding10px;
text-decorationnone;
font-size11px;
font-familyTahoma;
border1px solid #771b1b;
box-shadowrgba(0,0,0,0.30px 1px 4pxinset #f66c6c 0px 1px 0px;
border-radius3px;
font-weightnormal;
}

#registerdiv:hover {
opacity1;

Pomoc poza forum - odpłatnie.
Mam taki błąd.

   
Jeśli zrobisz wszystko dokładnie jak jest tu: https://webboard.pl/wiki.php?okienko-dla...uginu.html
to będzie działać prawidłowo.
Nie masz dodanego tego na forum, więc jak cokolwiek, ktokolwiek ma powiedzieć?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Jak chce dodać, kod do global.css

to robi mi sie cos takiego:


   
Firefox...

Użyj do tego innej przeglądarki, lub wklej do notepad++ - potem na stronę.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Próbowałem na 2 sposoby, Ucina kod w połowie.
teraz to dodaj:
<div style="float: right">
    <
div id="registerdiv">
        <
span class="smalltext">Witaj gościuNie jesteś zalogowany na forumwięc możesz nie mieć dostępu do niektórych z jego funkcjiAby rozwiązać ten problem
            
<a href="http://adresforum/member.php?action=login" style="color: #fff; text-decoration: underline;">zaloguj się</alub
            
<a href="http://adresforum/member.php?action=register" style="color: #fff; text-decoration: underline;">zarejestruj nowe konto</a>.<br>Pamiętajże konto należy aktywować przez e-mail!</span>
    </
div>
</
div
do header_welcomeblock_guest.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Cały czas ten sam efekt wyświetlania.


Edit: Nie rozumiem Czemu cały czas ucina ten kod.

Wyczytalem, ze ucinalo kod, bo global.css mial juz za dlugo kod.
Utworzylem nowy css o nazwie "info". lecz nie pokazuje teraz ramki z ogloszeniem.
Pokaż header_welcomeblock_guest.
I to co wklejasz do global.css

Napewno w kodzie są nbsp; które trzeba usunąć.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
header_welcomeblock_guest

<script type="text/javascript">
<!--
    lang.username = "{$lang->login_username}";
    lang.password = "{$lang->login_password}";
    lang.login = "{$lang->login}";
    lang.lost_password = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
    lang.register_url = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
    lang.remember_me = "{$lang->remember_me}";
// -->
</script>

        <div id="navigacja1">
            <a href="#loginbox"  name="modal" ><img src="images/mybbng/kluczyk.png" /> Logowanie »</a>
            <a href="{$mybb->settings['bburl']}/member.php?action=register"><img src="images/mybbng/klodka.png" /> Rejestracja</a>
        </div>


<div style="float: right">
    <div id="registerdiv">
        <span class="smalltext">Witaj gościu! Nie jesteś zalogowany na forum, więc możesz nie mieć dostępu do niektórych z jego funkcji! Aby rozwiązać ten problem
            <a href="http://www.omg-shot.pl/member.php?action=login" style="color: #fff; text-decoration: underline;">zaloguj się</a> lub
            <a href="http://www.omg-shot.pl/member.php?action=register" style="color: #fff; text-decoration: underline;">zarejestruj nowe konto</a>.<br>Pamiętaj, że konto należy aktywować przez e-mail!</span>
    </div>
</div>


Do global.css wklejam

#registerdiv {
position: fixed;
bottom: 10px;
line-height: 16px;
right: 10px;
z-index: 30000;
opacity: 0.8;
width: 260px;
height: auto;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
font-weight: normal;
}

#registerdiv:hover {
opacity: 1;
}

Ale ucina to w połowie. Na forum wyczytałem, że global css jest na tyle długi, że nie mieści więcej kodu.
Utworzyłem tak to nowy css o nazwie "info" (jak radzili), wklepałem kod, jednakże nie wyświetla ramki.
To zrób tak:
<script type="text/javascript">
<!--
    
lang.username "{$lang->login_username}";
    
lang.password "{$lang->login_password}";
    
lang.login "{$lang->login}";
    
lang.lost_password " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
    
lang.register_url " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
    
lang.remember_me "{$lang->remember_me}";
// -->
</script>

        <
div id="navigacja1">
            <
a href="#loginbox"  name="modal" ><img src="images/mybbng/kluczyk.png" /> Logowanie »</a>
            <
a href="{$mybb->settings['bburl']}/member.php?action=register"><img src="images/mybbng/klodka.png" /> Rejestracja</a>
        </
div>


<
div style="float: right">
    <
div style="
position: fixed;
bottom: 10px;
line-height: 16px;
right: 10px;
z-index: 30000;
opacity: 0.8;
width: 260px;
height: auto;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
font-weight: normal"
>
        <
span class="smalltext">Witaj gościuNie jesteś zalogowany na forumwięc możesz nie mieć dostępu do niektórych z jego funkcjiAby rozwiązać ten problem
            
<a href="http://www.omg-shot.pl/member.php?action=login" style="color: #fff; text-decoration: underline;">zaloguj się</alub
            
<a href="http://www.omg-shot.pl/member.php?action=register" style="color: #fff; text-decoration: underline;">zarejestruj nowe konto</a>.<br>Pamiętajże konto należy aktywować przez e-mail!</span>
    </
div>
</
div

To wklej całe do header_welcomeblock_guest
a do global.css nic nie wklejaj.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Okienko wciąż nie wyskoczyło.
Nie widzę na Twoim forum kodu który miałeś wkleić.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Sprawdź teraz jeszcze raz. Jest bankowo wklejony. Mogę ss zrobić dla potwierdzenia.



Użytkownicy przeglądający ten wątek:

1 gości