Navigacija kao na CodeBox foruma (bocna navigacija)

Ići dole

Navigacija kao na CodeBox foruma (bocna navigacija) Empty Navigacija kao na CodeBox foruma (bocna navigacija)

Počalji od Nedim taj Ned Maj 01, 2011 8:24 am

Napomena: Za ovo vam trebaju templatesi, tako da, ako želite da postavite, morate da znate bar malo o templatima, da ne pogrešite i "sredite" forum.

KORAK 1
Uzmite ovaj kod
Kod:

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;   
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

Idite u Display > Templates > overall_header
Nađite deo
Kod:
OVDE STAVITE KOD ŠTO SAM VAM DAO
i ovde gde piše OVDE STAVITE KOD ŠTO SAM VAM DAO izbrišite i stavite ovaj kod.


KORAK 2

Skrolajte malo na dole u overall_header templateu, i nađite deo
Kod:
<div class="container_IE">
Ispod toga dodajte ovaj kod
Kod:

<ul id="navigation">
            <li>{GENERATED_NAV_BAR}</li>
        </ul>
<script type="text/javascript">
            $(function() {
                $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
                    }
                );
            });
        </script>
       

Kako sada izmeniti sličice?
Idite u Display>Headers i navigacija i na svaku navigaciju kliknite ovo [You must be registered and logged in to see this image.] i onde gde piše Picture stavite URL slike koja želite da vam bude.

Od CodeBox za D4U.
Nedim
Nedim
Član
Član

Broj poruka Broj poruka : 60
D4U Novac D4U Novac : 220
Reputacija Reputacija : 0
Godina Godina : 22
Lokacija Lokacija : Banja Luka
Poso/dokolice Poso/dokolice : PunBB | CSS
Navigacija kao na CodeBox foruma (bocna navigacija) War1

http://ql-gaming.iz.rs/forum

Nazad na vrh Ići dole

Navigacija kao na CodeBox foruma (bocna navigacija) Empty Re: Navigacija kao na CodeBox foruma (bocna navigacija)

Počalji od Ado '-.- taj Uto Maj 22, 2012 10:14 am

Imao sam navigacije kao na CodeBox-u ali nije postupak ni sličan ovome. Navigacija kao na CodeBox foruma (bocna navigacija) 455109
Ado '-.-
Ado '-.-
Član
Član

Broj poruka Broj poruka : 151
D4U Novac D4U Novac : 329
Reputacija Reputacija : -12
Navigacija kao na CodeBox foruma (bocna navigacija) War2

Nazad na vrh Ići dole

Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu