Potrebujem HTML pomoč - WP tema

Pozdravljeni. Potrebujem manjšo pomoč pri WP Tempera temi:

http://demos.cryoutcreations.eu/wordpress/tempera/

In sicer bi želel, da je top menu bar nad main menu (pod logotom).
Poleg tega bi želel, da je div#branding čez celo (full width).

Koda je taka:

<div id="wrapper" class="hfeed">
<div id="topbar" ><div id="topbar-inner"> <?php cryout_topbar_hook(); ?> </div></div>
<?php cryout_wrapper_hook(); ?>

<div id="header-full">
    <header id="header">
<?php cryout_masthead_hook(); ?>
        <div id="masthead">
            <div id="branding" role="banner" >
                <?php cryout_branding_hook();?>
                <?php cryout_header_widgets_hook(); ?>
                <div style="clear:both;"></div>
            </div><!-- #branding -->
            <a id="nav-toggle"><span>&nbsp;</span></a>
            <nav id="access" role="navigation">
                <?php cryout_access_hook();?>
            </nav><!-- #access -->      
        </div><!-- #masthead -->
    </header><!-- #header -->
</div><!-- #header-full -->

Sam se že nekako obrnil, vendar ni vse najbolj pravilno:

<div id="header-full">
    <header id="header">
            <div id="branding" role="banner" >
                <?php cryout_branding_hook();?>
                <?php cryout_header_widgets_hook(); ?>
                <div style="clear:both;"></div>
</div><!-- #branding -->
<?php cryout_masthead_hook(); ?>
        <div id="masthead">         
<div id="topbar" ><div id="topbar-inner"> <?php cryout_topbar_hook(); ?> </div></div>
            <a id="nav-toggle"><span>&nbsp;</span></a>
            <nav id="access" role="navigation">
                <?php cryout_access_hook();?>

            </nav><!-- #access -->      
        </div><!-- #masthead -->

    </header><!-- #header -->
</div><!-- #header-full -->

Kar bi torej rad dosegel, je tole (+div branding full width):

Rešitelj dobi virtualni 6pack na TRR :)

3 odgovori

Zdaj če razumem kaj želiš narediti... je to to?

...
kar moraš narediti je, da daš <div id="topbar">...</div> nad <nav id="access" role="navigation">...</nav>.

Za tisti branding pa samo v css-u nastaviš:float:none pri #site-title in #site-description ter text-align:center pri divu nad temi IDji.

Sicer vidim, da si glede topbara naredil nekaj takega, jaz sem primer rešil on the fly v chromu, zato nevem, če mogoče kakšno nastavitev kakšna skripta spreminja ipd...

bi blo lažje s vpogledom v kodo :)

1

Ja, topbar sem tako že uspel premakniti dol, vendar se mi zdi, da tako ni ravno vse najbolj pravilno in tako kot bi moralo biti, ker div#topbar še vedno ostaja označen zgoraj, ko ga kliknem, čeprav dejansko je spodaj. Glej sliko:

Branding bi pa želel, da je takole (spet glej sliko). Torej da gre levo in desno v neskončnost, torej da ni omejen na višji div. Če ga obarvam v belo, se bolje vidi, kaj bi želel.

Mi je uspelo si zrihtat. topbar je potreboval še float:left, branding pa je potreboval position:absolute in right in left 0px.

1