Aggiungere una toolbar

Ciao ragazzi, nell'header template>header ho inserito all'inizio questo codice:

Codice:

---

<div id="panel">
                                <div class="upper">
                                        <div class="wrapper"><ul class="menu top_links">
                    {$menu_portal}{$menu_memberlist}{$menu_calendar}<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
                                        </ul>
                                </div>
                </div>

---

se entrate QUI vedete quella specie di toolbar che si è fatto con quel codice... ora mi potreste a fare delle modifiche?
1:allineare le cose portale etc...,
2:aggiungere HOME, che nel caso invece di premere il logo premi li per tornare alla pagina iniziale...
3:Al posto dei testi avere delle immagini da me scelte
4: avere la toolbar fissa in ogni pagina, come le altre, che sta sempre li...
Mi potreste aiutare? grazie 100000 :)

Se ti serve semplicemente un toolbar perché non attivi quella di AlterVista?

1: perchè non è modificabile al 100%
2: la grafica la vorrei diversa
3: mi da un po fastidio il simbolo altervista...
@Karl94 potresti aiutarmi?

Codice PHP:

---

<div id="panel">
<div class="upper">
<div class="wrapper"><ul class="menu top_links">
[url=http://pokemonworldcommunity.altervista.org/MyBB/Upload/portal.php][img]http://i.imgur.com/vdBkh3q.png[/img][/url][url=http://pokemonworldcommunity.altervista.org/MyBB/Upload/memberlist.php][img]http://i.imgur.com/qcIVVtj.png[/img][/url][url=http://pokemonworldcommunity.altervista.org/MyBB/Upload/calendar.php][img]http://i.imgur.com/MwWqFn2.png[/img][/url]<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>


---

Ho modificato in così, e visitanto QUI vedi come esce.... come sistemo? aiutatemi, per favore

Ho quasi risolto tutto... manca una sola cosa... come faccio la toolbar fissa? che sta sempr eli su dove vai vai? grazie mille

Se ne parlava nella discussione http://forum.it.altervista.org/html-...la-pagina.html

Ciao, grazie mille, ma resta sempre su... ecco i codici....
HTML:

Codice:

---

<div id="panel">
                                <div class="upper">
                                        <div class="wrapper"><ul class="menu top_links">
                    <a href="http://pokemonworldcommunity.altervista.org/MyBB/Upload/index.php"><img src="http://i.imgur.com/ZpCKg2I.png" /></a>
                                                <a href="http://pokemonworldcommunity.altervista.org/MyBB/Upload/portal.php"><img src="http://i.imgur.com/8kQUn1d.png" /></a>
                                                </ul>   
                                        </div>
                </div>

---

CSS:

Codice:

---

#panel {
    position: fixed;
}

---

Come sistemo? per favore aiutatemi...

Il codice HTML è malformato: manca un tag di chiusura dell'elemento div, sistemalo.

OK, solo questo? come sistemo la cosa della toolbar fissa?

Comincia col sistemare quello. Per come è adesso è posizionato tutto quanto in maniera fissa, non puoi scorrere.

L'avevo fatto! Non ho capito la seconda frase... comunque sia, come faccio

Devi chiudere il div con la classe panel
Prima di

Codice HTML:

---

<div id="container">

---

inserisci

Codice HTML:

---

</div>

---

Così dovresti risolvere il problema dello scorrimento.

Allora:
Il codice HTML che ho, è questo:

Codice:

---

<div id="panel">
                                <div class="upper">
                                        <div class="wrapper"><ul class="menu top_links">
                    <a href="http://pokemonworldcommunity.altervista.org/MyBB/Upload/index.php"><img src="http://i.imgur.com/ZpCKg2I.png" /></a>
                                                <a href="http://pokemonworldcommunity.altervista.org/MyBB/Upload/portal.php"><img src="http://i.imgur.com/8kQUn1d.png" /></a>
                                                </ul>
                                        </div>
                </div>
        </div>

---

che sta in header di header template

Il Codice CSS è questo:

Codice:

---

#panel {
    position: fixed;
}

---

Che è in Global.css

La toolbar è sempre su che non si muove e non scorre... Come faccio? Non si è risolto...

Comunque nel caso c'è qualche errore nel template Header di Header Template, eccolo, così se c'è qualcosa dopo che da fastidio al prima si può risolvere credo:

Codice:

---

<div id="panel">
                                <div class="upper">
                                        <div class="wrapper"><ul class="menu top_links">
                    <a href="http://pokemonworldcommunity.altervista.org/MyBB/Upload/index.php"><img src="http://i.imgur.com/ZpCKg2I.png" /></a>
                                                <a href="http://pokemonworldcommunity.altervista.org/MyBB/Upload/portal.php"><img src="http://i.imgur.com/8kQUn1d.png" /></a>
                                                </ul>
                                        </div>
                </div>
        </div>
<div id="container">
                <a name="top" id="top"></a>
                <div id="header">
                        <div id="logo">
                                <div class="wrapper">
                                        <a href="{$mybb->settings['bburl']}/index.php"><center><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></center></a>
                                </div>
                        </div>
                        <div id="panel">
                                <div class="upper">
                                        <div class="wrapper">
                                                {$quicksearch}
                                                {$welcomeblock}
                                        <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                        </div>
                </div>
                <div id="content">
                        <div class="wrapper">
                                {$pm_notice}
                                {$bannedwarning}
                                {$bbclosedwarning}
                                {$unreadreports}
                                {$pending_joinrequests}
                                {$awaitingusers}
                                <navigation>
                                <br />

---

Il Global.css è uguale a prima, solo quel pezzo di codice in più....

mancano cincque div di chiusura che sono gli ultimi due e

Codice:

---

<div id="container">

---

la chiusura del container e due

Codice:

---

<!-- </div>

---

che non vengono letti

dove dovrei mettere i

Codice:

---

<!-- </div>

---

?

Comunque dopo aver messo quei 3 div il forum si vedeva strano, e gli ho tolti... Ora vorrei solo una soluzione per la toolbar

Beh, adesso rimane fissa, no? Il problema è che hai assegnato a due elementi il medesimo id, questo invece deve essere univoco per ogni elemento.
Inoltre l'elemento non occupa tutto lo spazio disponibile in larghezza. Per forzarlo a fare ciò devi impostare le proprietà CSS left e right su 0. È meglio poi impostare anche top su 0, per assicurarsi che rimanga sempre in cima alla pagina.

A me non rimane fissa, ora faccio questa cosa...

come chiamo allora l'id? se lo chiamo in un modo diverso mi fa la toolbar bianca

ecco il CSS ora;

Codice:

---

#panel {
    position: fixed;
        position: top;
        position: right;
        position: left;
}

---

e rimane uguale... cosa metto in id per non mettere ne l'immagine di ora, ne questa, ma una mia?

UP potreste aiutarmi? altrimenti mi consigliate un plugin che metta la toolbar?

Citazione:

---

Originalmente inviato da pokemonworldcommunity

ecco il CSS ora;

Codice:

---

#panel {
    position: fixed;
        position: top;
        position: right;
        position: left;
}

---

e rimane uguale... cosa metto in id per non mettere ne l'immagine di ora, ne questa, ma una mia?

---

No, il codice corretto è

Codice:

---

#panel {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
}

---

Ok provo :)

Guarda! http://pokemonworldcommunity.altervi...g/MyBB/Upload/ Mica la toolbar è fissa!? Mi potresti porre una soluzione?
Oppure sennò metto quella Altervista, ma è possibile modificare delle cosine? come togliere il suo logo (di altervista) e altro...

Io la vedo fissa, assieme all'altro menù di navigazione che usa lo stesso Id più in basso. Che browser stai usando?

strano... chrome

Anche con Chrome si vede fissa, assicurati di vuotare la cache del browser.

lo faccio ogni giorno, ora riprova a risvuotare

Appena rifatto e rimane uguale... Comunque se c'è modo di modificare quella altervista, vado a quella che effettivamente è gia pronta... Si può modificare? per esempio posso mettere un link inserito a destra/sinistra centrale? oppure mettere una specie di link che fa vedere il proprio avatar e il nick che cliccando esce un menù che decierò io che mettere? se si può fare, passo a quello... altrimenti devo trovare un plug-in