Skocz do zawartości

Zablokowane JS

Święty Mikołaj
 Udostępnij

Rekomendowane odpowiedzi

Święty Mikołaj Chicken

Święty Mikołaj

Opublikowano
Opublikowano

Zacząłem tworzyć strony od soboty :) Wszystko już nawet rozumiem ,aż pomyślałem ,że sam css i html nic nie daję... (jak rozpocząłem się uczyć nawet nie wiedziałem ,że się pisze w notatniku :))

I chcę zrobić lepsze menu:

 

gusk.png

 

Mam coś takiego tylko ,że chcę zrobić otwieraną i zamykaną tabelkę jak na przykład http://www.cabal.playmmo.pl/ ,po prawej stronie...

Znalazłem http://www.kurshtml.boo.pl/skrypty/wyglad,..._rozwijane.html ,i tu jest problem... Robię menu.css ,wklejam:

#menu0 {
    width: 200px;
    margin: 10px;
    padding: 0;
}

#menu0 dt {
    background-color: #888;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin: 10px 0 0 0;
    padding: 2px;
}

#menu0 dd {
    background-color: #eee;
    color: #000;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #888;
    margin: 0;
    padding: 1px 5px;
}

#menu0 dd.active {
    font-weight: bold;
}

Daję 

<link rel="stylesheet" type="text/css" href="zasoby/style.css" />
<link rel="stylesheet" type="text/css" href="zasoby/menu.css" />

 

No i nic się nie dzieje ,oczywiście wiem czemu :) ,tylko tu się wysuwa pytanie czy dobrze zrobiłem wszystko up ,i jak wkleić te wszystkie paski menu i inne ?

I żeby się otwierały i zamykały :)

Z góry dziękuje za pomoc ;]

Odnośnik do komentarza
Udostępnij na innych stronach
Święty Mikołaj Chicken

Święty Mikołaj

Opublikowano
  • Autor
Opublikowano

A mógłby ktoś podać gotow kod?

Bo nie chcę teraz przechodzić do JS?

Wiem ,że to dziwnie brzmi ,ale nie poradzę sobie :( ,z moją wiedzą o stronach ,szybko wklejam i chce się nauczyć układać strony ,bo narazie umiem to co pokazałem ,ze menu lewa prawa ,baner i stopka :(

A jak jest strona interia.pl ,to w ogóle nie mam pojęcia jak oni to poukładali :(

To jak pomoże ktoś?

Odnośnik do komentarza
Udostępnij na innych stronach
Roki Master of Posts

Roki

Opublikowano
Opublikowano

Co do układania, to w CSS definiujesz ramki, prawda?

Np. to:

#menu0 {
    width: 200px;
    margin: 10px;
    padding: 0;
}

Potem w pliku *.html, odpowiednio rozmieszczas, bodajże(pisze z głowy) 

<div="nazwa ramki">tekst... coś w ramce...</div>

Odnośnik do komentarza
Udostępnij na innych stronach
Marek.S Lunatic

Marek.S

Opublikowano
Opublikowano 

<style>
    #rozwijany {
        width: 200px;
        height: 0px;
        background: #CDFFF5;
        border: 1px solid black;
        
    }
</style>

<html>
    <body>
        <button onclick="rozwin();">Rozwin</button>
        <div id="rozwijany"><b>Marek.S<b/> jest moim mistrzem <3</div>
    </body>
</html>

<script type="text/javascript">
    height = 0;
    function rozwin()
    {
        if ( height < 250 )
        {
            height += 1;
            document.getElementById( 'rozwijany' ).style.height = height;
            setTimeout( 'rozwin()', 2 );
        }    
    }
</script>

płacisz piątkę.

 

 

E: E chyba nie do końca Cię skumałem. Wyraź się jaśniej, to ma być coś takiego j

ak w tym menu na stronie Cabal'a?

Odnośnik do komentarza
Udostępnij na innych stronach
Święty Mikołaj Chicken

Święty Mikołaj

Opublikowano
  • Autor
Opublikowano

Ta ,podobne ,tylko chce po prawej...

Kurde ,mi to nie chce działać !!!

Już mam tego dosyć ,zrobi to ktoś ? Bo nie chce mi się rozpoczynać nauki JS :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>

<title>Chelsea</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="zasoby/style.css" />
<link rel="stylesheet" type="text/css" href="zasoby/menu.css" />
</head>


<body>

<div id="pojemnik">
<div id="naglowek"><img src="zasoby/baner.jpg" alt="Tekst alternatywny" /></div>
<div id="menulewe">menu lewe <br />menu lewea</div>
<div id="tresc">tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br /></div>
<div id="menuprawe">menuprawe</div>
<div id="stopka">tutaj jest stopka strony</div>

</body>
</html>

#pojemnik {
width: 760px;
margin: 0 auto;
}
#naglowek {
border-bottom: 0px solid black;

}
#menulewe {
float: left;
width: 200px;
}
#tresc {
float:left;
width:406px;
border-left: 2px solid black;
border-right: 2px solid black;
}
#menuprawe {
float: left;
width: 150px;
}
#stopka {
border-top: 2px solid black;
clear: both;
}

#menu0 {
    width: 200px;
    margin: 10px;
    padding: 0;
}

#menu0 dt {
    background-color: #888;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin: 10px 0 0 0;
    padding: 2px;
}

#menu0 dd {
    background-color: #eee;
    color: #000;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #888;
    margin: 0;
    padding: 1px 5px;
}

#menu0 dd.active {
    font-weight: bold;
}

 

Wiem ,że chce gotowca i nic się nie naucze ,ale zrobiłbym to jakbym znalazł kurs JS ,ale teraz nie mam sensu rozpoczynać jak nie umiem układać ,proste pudełko zrobie PROSTE!

Więc proszę ,aby ktoś poświęcił te 15 min :)

Odnośnik do komentarza
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...