Jak stworzyć bloki z tekstem/obrazkiem

Odpowiedz Nowy wątek
2014-12-23 01:15
0

Witam, nie jestem webmasterem, ale przerabiam swój skrypt strony do własnego interesu metodą prób i błędów, nie wiem czy dobrze nazwałem temat, ale postaram się objaśnić jak najdokładniej o co mi chodzi i co chcę osiągnąć ;)
A więc pokaże wam na przykładzie filmu na stronie zalukaj.
http://zalukaj.tv/zalukaj-film/21586/return_to_zero2014.html
Po kliknięciu "Oglądaj film online" otwiera nam się blok z odtwarzaczem i podkreśla się "Oglądaj film online" ,po kliknięciu "Opis ilmu" otwiera nam się blok z Opisem i podkreśla nam się "Opis filmu" ,chciałbym coś podobnego osiągnąć, pomoże ktoś? :)

Pozostało 580 znaków

2014-12-23 08:22
1
<html>
    <head>
        <meta charset="utf-8">
        <title>Proste menu</title>
        <link rel="stylesheet" href="style.css">
    </head>
 
    <body>
        <nav>
            <ul>
                <li><a href="index.html">Strona główna</a></li>
                <li><a href="poradnik.html">Poradniki</a></li>
                <li><a href="kontakt.html">Kontakt</a></li>
                <li><a href="o_nas.html">O nas</a></li>
            </ul>
        </nav>
    </body>
</html>

style.css

nav ul{
    background-color: green;
    width: 200px;
    list-style: none;
    padding: 0px;
    border: 1px solid black;
}
 
nav ul li{
    border-bottom: 1px solid black;
    padding: 5px;
}
 
nav ul li:last-child{
    border-bottom: none;
}
 
nav li a{
    text-decoration: none;
    color: black;
}
 
nav li a:hover{
    text-decoration: underline;
}

Działa na podobnej zasadzie, wystarczy przeanalizować.
Mała podpowiedź a:hover.

Polecam od siebie tę książkę którą przerobiłem w jeden dzień i dużo mi to rozjaśniło. Później jakiś osobny kurs o HTML i CSS i możesz powiedzieć że jesteś webmasterem ;)


GG: 10101100010110000100011101 (BIN)
"Nie wszystko napisane w internecie jest prawdą" - Józef Piłsudski.
edytowany 1x, ostatnio: Trebuh, 2014-12-23 08:24
O coś takiego Ci chodziło? - Trebuh 2014-12-23 12:40

Pozostało 580 znaków

2014-12-23 13:08
0

Dzięki, jest ok :) Tyle ,że jeszcze chciałem, aby po kliknięciu np. w kartę Kontakt nie przekierowało do tej karty, tylko po prostu wyskakiwało pod kontaktem tekst który jest zapisany w kontakt.html i aby wtedy kontakt.html podkreślał się na stałe, mam nadzieję ,że zrozumiale napisałem :)

Pozostało 580 znaków

2014-12-23 13:20
1

Klik
Przenoszę Ciebie na ten link ponieważ sam tego nigdy nie robiłem ale znalazłem tutaj dosyć dobry poradnik jak to zrobić tyle że również powinieneś pozmieniać (to pomoże Ci na lepsze zrozumienie CSS i samego HTML'a).


GG: 10101100010110000100011101 (BIN)
"Nie wszystko napisane w internecie jest prawdą" - Józef Piłsudski.

Pozostało 580 znaków

2014-12-23 13:43
0

Kolejny kciuk w górę, tylko to nadal nie jest to czego chce :P To jest po prostu lepsza wersja twojego kodu i bardziej rozbudowana :)
Dobrze, to teraz na przykładzie tego kodu, chciałbym aby po kliknięciu w dział3 wyskakiwał nam tekst, obrazek, bądź co my tam mamy w pliku dzial3.html pod tym menu i podświetlał nam się na stałe właśnie ten blok dział3 - jak to uczynić? :)

Pozostało 580 znaków

2014-12-23 13:45

http://jqueryui.com/tabs/


Pozostało 580 znaków

2014-12-23 13:46
0

Dziękuje ci dzek69, to jest dokładnie to co chciałem ! Już działam z tym, jak będę miał jakieś problemy, to dam znać ;)

Pozostało 580 znaków

2014-12-23 20:27
0

Wszystko działa tak jak należy ,dziękuje jeszcze raz wszystkim za pomoc, temat rozwiązany ;)
Tutaj moje kolejne pytanko, jakby ktoś znowu chciał pomóc - http://4programmers.net/Forum/Webmastering/244059-co_zrobic_aby_dany_fragment_obrazka_byl_klikalny_a_reszta_obrazku_juz_nie

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0