Przenoszenie na stronę główną po kliknięciu w header

Witam.
Chciałbym, aby header, po kliknięciu w niego, przenosił na stronę główną.

header:

<a name="top" id="top"></a>
<div id="container">
        <div id="header">
        <div id="content">
            <div class="wrapper">
<div class="menu">
<ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Portal</a></li>
<li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Forum</a></li>
<a target="_blank" href="http://Naruto-Sekai.pl"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Acc Maker</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
<li id="nav-search"> <a href="{$mybb->settings['bburl']}/search.php"><i style="font-size: 12px;" class="fa fa-search fa-fw"></i>  {$lang->toplinks_search}</a></li>
 <li><a href='javascript:;' id="extraslink"><i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i>Dodatkowe</a></li>
     <ul>
           </div>
 <div id="extraslink_popup" class="popup_menu" style="display: none;">
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/stats.php" class="popup_item">Statystyki forum</a>
     </div>
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/showteam.php" class="popup_item">Ekipa forum</a>
     </div>
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/search.php?action=getnew" class="popup_item">{$lang->welcome_newposts}</a>
     </div>
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="popup_item">{$lang->welcome_todaysposts}</a>
     </div>

 </div>
<div class="topbar">

 <div class="float_right" style="margin-top:  60px;">{$welcomeblock}</div>
 </div>
    
        <br />
         {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
    

    <!--OUGC_ANNBARS-->
                  <navigation><br />
                                 
<script type="text/javascript">
// <!--
   if(use_xmlhttprequest == "1")
   {
       $("#extraslink").popupMenu();
   }
// -->
</script>

Do

<div class="topbar">

dodaj efekt onclick, po dodaniu powinno to wyglądać tak

<div class="topbar" onclick="window.location.href='http://forum.naruto-sekai.pl/index.php' ">

Działa, wielkie dzięki.

Z tym, że po najechaniu nie zmienia się kursor, ani nie ma żadnej oznaki, że można w to kliknąć. Można to jakoś zmienić?

Jak najbardziej, w pliku revolution.css do .topbar dodaj cursor:pointer;

Śmiga, wielkie dzięki!

Jest jeden problem. Mam kilka przycisków na tym headerze (screen poniżej) z których jeden się rozwija. Po kliknięciu i rozwinięciu od razu zostaję przeniesiony na stronę główną. Można to jakoś naprawić?

http://scr.hu/2xsa/402r2

Wywal to całe zdarzenie onclick z twojego div, a zamknij jego całego w tagu a

<a href="twój_link">
<div class="topbar">
jego zawartość
</div>
</a>

Tag a może stanowić element blokowy, więc nie ma z tym zbytnio problemu.

Nie wiem czy dobrze zrozumiałem i zrobiłem, ale nie działa.

<a name="top" id="top"></a>
<div id="container">
        <div id="header">
        <div id="content">
            <div class="wrapper">
<div class="menu">
<ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Portal</a></li>
<li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Forum</a></li>
<a target="_blank" href="http://Naruto-Sekai.pl"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Acc Maker</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
<li id="nav-search"> <a href="{$mybb->settings['bburl']}/search.php"><i style="font-size: 12px;" class="fa fa-search fa-fw"></i>  {$lang->toplinks_search}</a></li>
 <li><a href='javascript:;' id="extraslink"><i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i>Dodatkowe</a></li>
     <ul>
           </div>
 <div id="extraslink_popup" class="popup_menu" style="display: none;">
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/stats.php" class="popup_item">Statystyki forum</a>
     </div>
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/showteam.php" class="popup_item">Ekipa forum</a>
     </div>
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/search.php?action=getnew" class="popup_item">{$lang->welcome_newposts}</a>
     </div>
     <div class="popup_item_container">
       <a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="popup_item">{$lang->welcome_todaysposts}</a>
     </div>

 </div>
    
<a href="http://forum.naruto-sekai.pl/portal.php">
<div class="topbar">
 <div class="float_right" style="margin-top:  60px;">{$welcomeblock}</div>
</div>
</a>
    
        <br />
         {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
    

    <!--OUGC_ANNBARS-->

                                 
<script type="text/javascript">
// <!--
   if(use_xmlhttprequest == "1")
   {
       $("#extraslink").popupMenu();
   }
// -->
</script>
                    
{$dvz_shoutbox}

Coś tutaj namieszałeś. W kodzie z pierwszego posta wyszukaj div o klasie topbar i dodaj przed niego tag a (bez zamknięcia), a dopiero gdy się skończy dodaj jego zakończenie.

Kiedy robię to w taki sposób:

<a href="http://forum.naruto-sekai.pl/portal.php">
    <div class="topbar"></div></a>
<div class="float_right" style="margin-top:  60px;">{$welcomeblock}
</div>

W header rzeczywiście można kliknąć i przenosi on w link, jednak dzieje się coś takiego:
http://scr.hu/2xsa/3ji2j

Zgaduje, że $welcomeblock przechodzi na dół.




A kiedy robię to w taki sposób:

<a href="http://forum.naruto-sekai.pl/portal.php">
    <div class="topbar">
<div class="float_right" style="margin-top:  60px;">{$welcomeblock}
</div>
    </div></a>

to nic się nie zmienia.

---

Ok, wystarczyło sie pobawić trochę ustawieniem $welcomeblock i działa.

Gdyby ktoś szukał, u mnie wygląda to tak:

<a href="http://forum.naruto-sekai.pl/portal.php">
   <div class="topbar"></div></a>
<div class="float_right" style="margin-top:  -115px;">{$welcomeblock}
</div>

Uh, to dlatego, że masz tam w tym div jeszcze inne odnośniki.

Możesz zrobić w ten sposób
Do html do div z klasą topbar dodajesz:

<a href="#123" id="refresh"></a>

natomiast do css:


#refresh { height: 226px; /* wysokość .topbar */
width: 100%; /* rozciągnijmy link na całą dostępną szerokość*/
position: absolute; left: 0; top: 44px; /* te 44px oznaczają wysokość menu*/
z-index: 0; /* Nadajemy priorytet równy 0 */}

#refresh ~ * { /* Wszystko co jest po id #refresh */
z-index: 2; /* Nadajemy większy priorytet */
position: absolute; /* Aby było klikalne - bez tego link bo zasłonił inne przyciski*/
right: 0; /* aby ustawić po prawo */ }


Warto mieć na uwadze, że nie jest to zbyt dobre rozwiązanie, aczkolwiek cały szablon ma już trochę czasu (tak przypuszczam) i jest wykonany w troszkę starszym stylu.