Show/Hide div

Ukoliko želite da imate div koji će biti nova poruka onda možete to uraditi na sledeći način:
1.Ubacite javascriptu:

Kod:

function toggle(id) {
        var state = document.getElementById(id).style.display;
            if (state == 'block') {
                document.getElementById(id).style.display = 'none';
            } else {
                document.getElementById(id).style.display = 'block';
            }
        }

2.U CSS dodate:

Kod:

#hide_div {
background-image: url('http://www.dodaj.rs/f/38/fx/c3G0Oof/header.png');
  repeat:repeat-x;
  background-color:transparent;
  width:50px;
  height:100px;
width:100%;
    display:display;
}

3.U template gde zelite da bude odmah nakon body stavite:

Kod:

 <div id="hide_div"></div>
  <img src="http://images-3.findicons.com/files/icons/2166/oxygen/22/thumbnail_show.png" onclick="toggle('hide_div');"></img>

Sada ostaje samo da uživate. DEMO: [You must be registered and logged in to see this link.]

Napomena:
Možete promeniti i samu sliku kako će izgledati za promenu diva, i naravno samu sliku kako ce izgledati div, sve je to na vama da sredite, na meni je da vam pokažem kako radi skripta.

Hvala na tutorijalu. Ja NEŠTO spremam pa sam pokušao zamjeniti neke stvari sa fixed.
Dakle evo kako u mene ide kod, ali neće da radi iz meni nepoznatog razloga.

Kod:

function toggle(id) {
        var state = document.getElementById('fix_div').style.position;
            if (state == 'absolute') {
                document.getElementById(id).style.position = 'fixed';
            } else {
                document.getElementById(id).style.position = 'absolute';
            }
        }

Tu sam umjesto 'id' u zagradi stavio ime svog pravog "id-a".

Kod:

#fix_div {
background: #00000;
position: absolute;
width: 100%;
height: 40px;
}

To je CSS dakle.

Kod:

<div id="fix_div">
   <p class="menu" style="margin-left: 10px; margin-top: 9px">
   <font size="1" color="#FF6666" face="Trebuchet MS">ČLANOVI:</font><font color="#C0C0C0" face="Trebuchet MS"> <a href="/forum">Početna</a></font><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><font color="#C0C0C0" face="Trebuchet MS"><a href="/faq">Č.P.P</a><font color="#E0E0E0" face="Trebuchet MS"> • </font> <a href="/h1">Partneri</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;
   </font>
   <a href="http://blink-design.forumotions.in/privmsg?folder=inbox">Poruke</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><a href="logout">Odjava</a>&nbsp;&nbsp;&nbsp; </font>
   <font face="Trebuchet MS" size="1" color="#FF6666">GOSTI:</font><font color="#C0C0C0" face="Trebuchet MS"><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><a href="/register">Registracija</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><a href="/login">Prijava</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;
   | <a href="#" onclick="toggle('fix_div');">Tagiraj</font></font></div>

Link do stranice ćeš dobiti u PM...
Šta nije uredu. BTW pokušao u prvom kodu o ovom mom postu i staviti (fix_div) bez navodnika ili samo (id) ali ne ide.

Ne radi skripta ili ti se ne prikazuje taj bar? background: #00000; imaš 5 nula, treba da imaš 6 za apsolutnu crnu.

Ne radi skripta, vidim ja bar.

Zašto menjaš javascriptu ako ne znaš javascript? Ostavi kako jeste i samo prati tutorial
Ti si u javascripti dodao umesto id ime tvoj nekog diva. A skritpa radi dok je ti ne promeniš.

Uspio sam, imao sam jednu drugu javaskriptu koja je bila pogrešna pa ni jedna nije radila koja je bila ubačeno xD
Edit : mogu li nešto dodati tako da se zapamti ono što ste kliknuli cijelo vrijeme dok prelazite i na druge teme foruma ??

Nisam razumeo šta hoćeš reći sada?

Pa kad jednom klikneš na taguj da ostane tako, odnosno da ako odem na drugu temu da zadrži poziciju fixed sve dok ponovno ne pokrenem komp ili zauvijek xd osim ako ponovno kliknem taguj pa postane absolute... imaš link pa vidi ;)

Preko kolačića to uradi.

Molim te napiši kako, ja ne znam.

to su my_setcookie i my_getcookie funkcije iz forumotion sistema.

Ako znaš ili ako možeš napisati kod koji da dodam pored ovih pa da se to sačuva. Hvala ;)

Imaš ovde sve lepo objašnjeno:
[You must be registered and logged in to see this link.]

Hvala, pokušat ću
Edit : Pokušao, ne ide. Ne znam ni gdje početi. Ja ne znam toliko puno o JS i ne ide mi to najbolje, pa ako može neka mi neko doda "skriptu za pamćenje opcije" unutar ove skripte što je već napisao Aleksandar. Ne tražim ja od vas "linkove do nekih drugih stranica" već tražim pomoć od vas. Valjda ćete mi ovaj put pravo pomoći.

Otvori novu temu za pomoć, ovo je tutorijal.