Dražba je bila zaključena, noben design ni bil prodan. V primeru, da si je kdo premislil in želi katerega, mi naj pošlje ZS.

Lp!

Ne delam v photoshopu, ampak v photoinpactu. Lahko pa probam poiskat izvorne datoteke (.ufo).

Prodam štiri dizajne. Nekateri so bili narejeni po naročilu, a kasneje niso bili prodani, drugi zgolj za prodajo. Vse predloge so skodirane ter optimatizirane za večino brskalnikov, vključno z IE6. Za dodatno simbolno doplačilo nudim izdelavo podstrani ali preoblikovanje dizajna. Cene mislim, da so dokaj nizke, glede na vložen trud in čas :)

Design št. 1

Izklicna cena: 30€

BIN (kupi takoj): 60€

Design št. 2

Izklicna cena: 30€

BIN (kupi takoj): 60€

Design št. 3

Izklicna cena: 20€

BIN (kupi takoj): 40€

Design št. 4

Izklicna cena: 30€

BIN (kupi takoj): 50€

Minimalen dvig: 2€

Komplet BIN: 150€

Možno plačilo: TRR

Dražba poteka do: 09. 03. 2011, 16:30

Lep pozdrav, Jure

Hm.. to sem opazil pri drugih podobnih drop-down menujih, da bi moral submenu biti v li (logično), ampak raje imam simpl in nazorno kodo, zato sem delal na tak način. Očitno bom res mogo v li dat, da se nebom preveč zafrkaval. Hm.. čudno v IE-testerju mi hover event deluje normalno.

Evo html:

<div id="nav">

        <ul>

            <li class="home"><a href="#" title="Home">Home<p>Home is d'best</p></a></li>

            <li class="gallery"><a href="#" title="Gallery">Gallery<p>Content is King!</p></a></li>

            <li class="forum"><a href="#" title="Forum">Forum<p>Showcase Component</p></a></li>

            <li class="articles"><a href="#" title="Articles">Articles<p>Component</p></a></li>

            <li class="other"><a href="#" title="Other">Other<p>Sample Other</p></a></li>

        </ul>

</div>



<div id="sub-nav">

    <div class="home">

        <ul>

            <li><a href="#" title="Poll">Poll</a></li>

            <li><a href="#" title="Search">Search</a></li>

            <li><a href="#" title="Wrapper">Wrapper</a></li>

            <li><a href="#" title="Weblinks">Weblinks</a></li>

            <li><a href="#" title="Joomla">Joomla! Overview</a></li>

            <li><a href="#" title="Contacts">Contacts</a></li>

            <li><a href="#" title="News feeds">News feeds</a></li>

        </ul>

    </div>

    <div class="gallery">

        <ul>

            <li><a href="#" title="Poll">Poll</a></li>

            <li><a href="#" title="Search">Search</a></li>

            <li><a href="#" title="Wrapper">Wrapper</a></li>

            <li><a href="#" title="Weblinks">Weblinks</a></li>

            <li><a href="#" title="Joomla">Joomla! Overview</a></li>

            <li><a href="#" title="Contacts">Contacts</a></li>

            <li><a href="#" title="News feeds">News feeds</a></li>

        </ul>

    </div>

    <div class="forum">

        <ul>

            <li><a href="#" title="Poll">Poll</a></li>

            <li><a href="#" title="Search">Search</a></li>

            <li><a href="#" title="Wrapper">Wrapper</a></li>

            <li><a href="#" title="Weblinks">Weblinks</a></li>

            <li><a href="#" title="Joomla">Joomla! Overview</a></li>

            <li><a href="#" title="Contacts">Contacts</a></li>

            <li><a href="#" title="News feeds">News feeds</a></li>

        </ul>

    </div>

    <div class="articles">

        <ul>

            <li><a href="#" title="Poll">Poll</a></li>

            <li><a href="#" title="Search">Search</a></li>

            <li><a href="#" title="Wrapper">Wrapper</a></li>

            <li><a href="#" title="Weblinks">Weblinks</a></li>

            <li><a href="#" title="Joomla">Joomla! Overview</a></li>

            <li><a href="#" title="Contacts">Contacts</a></li>

            <li><a href="#" title="News feeds">News feeds</a></li>

        </ul>

    </div>

    <div class="other">

        <ul>

            <li><a href="#" title="Poll">Poll</a></li>

            <li><a href="#" title="Search">Search</a></li>

            <li><a href="#" title="Wrapper">Wrapper</a></li>

            <li><a href="#" title="Weblinks">Weblinks</a></li>

            <li><a href="#" title="Joomla">Joomla! Overview</a></li>

            <li><a href="#" title="Contacts">Contacts</a></li>

            <li><a href="#" title="News feeds">News feeds</a></li>

        </ul>

    </div>

</div>

Poslano ZS.

Pri spodnji kodi imam en problemček.. gre za drop-down navigacijo. Skripta najde class elementa v navigaciji #nav (čez katerega greš z miško) in odpre-"zaslajda" istoimenski class znotraj diva #sub-nav. Vse deluje kot mora, le ena pomankljivost je.. ko greš z miško preko sub-menuja se le ta zapre, kar se nebi smel. Kaj delam narobe?

var timer = [];

    $("#nav li").hover(

        function () {

            var id = jQuery.data(this);

            var className = $(this).attr('class');

            var submenu = '#sub-nav .'+className;



            $(this).addClass('selected');



            timer[id] = setTimeout(function() {

                $(submenu).slideDown(300);

                timer[id] = "";

            }, 300);

        },

        function () {

            $(this).removeClass('selected');



            var id = jQuery.data(this);

            var className = $(this).attr('class');

            var submenu = '#sub-nav .'+className;



            if (timer[id] != "") {

                clearTimeout(timer[id]);

            } else {

                $(submenu).slideUp(300);

            }

        }

    );

Hvala za pomoč in Lp!

Pozdrav!

Zanima me, na kak način bi lahko oblikoval li element, da bi iz leve in desne bila slikica, brez da bi dodajal nove elemente (pure css), če je sploh možno.

Dolžina ni fiksna (prilagaja se glede na vsebino), zato bi rabil, da se ti dve senci data ob straneh. Hvala za morebitno pomoč in lp!

Nekaj takšnega pomoje, če misliš postavitev:

#noga {

position: fixed;

bottom: 0;

}



* html #noga {

position: absolute;

bottom: 0;

}

Kar se tiče "zapiranja" pa lahko uporabiš jquery knjižnico in funkcijo slideDown:

$('#klikni').click(function() {

  $('#noga').slideDown('slow', function() {

  });

});

Upam, da ti je kaj v pomoč :)

Div-u z menujem daš večji z-index kot divu z flashom.

Opa.. vidim, da me je perunpro prehitel.