Webboard

Pełna wersja: Przewijana ramka z boku forum
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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:

Kod PHP:
#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;

Mam taki błąd.

[attachment=7824]
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ć?
Jak chce dodać, kod do global.css

to robi mi sie cos takiego:


[attachment=7827]
Firefox...

Użyj do tego innej przeglądarki, lub wklej do notepad++ - potem na stronę.
Próbowałem na 2 sposoby, Ucina kod w połowie.
teraz to dodaj:
Kod PHP:
<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.
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ąć.
header_welcomeblock_guest

Kod:
<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

Kod:
#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:
Kod PHP:
<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.
Okienko wciąż nie wyskoczyło.
Nie widzę na Twoim forum kodu który miałeś wkleić.
Sprawdź teraz jeszcze raz. Jest bankowo wklejony. Mogę ss zrobić dla potwierdzenia.
Stron: 1 2