Vai al contenuto

Barra sopra all'Header

Featured Replies

Inviato

Eccomi con una nuova domanda da porvi.

Se notate dal mio sito:

www.rpgmkr.net

c'è una barra nera sopra al banner, che allo scorrere della pagina rimane fissa seguendoti (come mi spiego bene eh xD)..

Ecco, avrei il codice che usavo su phpBB, e vorrei reimplementarla sul forum...

Su che template devo agire?

Il codice che uso è questo, volevo sapere se era giusto da poter utilizzare anche su questa piattaforma:


<!-- Barra Header UP -->
<div style="position: absolute; top: 0; left: 0; right: 0; z-index: 99999; height: 26px; width: 100%; margin: 0 auto; text-align: center; vertical-align: middle; background: url(http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/topbar.gif); color: black; position: fixed;">
<a href="http://www.rpgmkr.net/forum/mchat.php" style="vertical-align: middle; color: #fff; padding: 25px 10px 0px 10px; margin: 0;"><img src="http://img221.imageshack.us/img221/736/network.png" alt="RMRK Network"></img></a>
<a href="https://www.netsons.com/" style="vertical-align: middle; color: #ffffff; padding: 20px 10px 0px 10px; margin: 0;" target="_BLANK" rel="nofollow">Hosted by Netsons.com</a>
<a href="https://rpgmaker-cart.degica.com/cart.html?ITM[d34x281b]=1&REFSITE=RPGMakerWEB&LANG=en_US&CURR=USD" style="vertical-align: middle; color: #ffffff; padding: 20px 10px 0px 10px; margin: 0;" target="_BLANK" rel="nofollow"><img src="http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/shop.gif" alt="Acquista Rpg Maker XP ora!"></img>Acquista Rpg Maker XP ora!</a>
<a href="https://rpgmaker-cart.degica.com/cart.html?ITM[xq6ad2eo]=1&REFSITE=RPGMakerWEB&LANG=en_US&CURR=USD" style="vertical-align: middle; color: #ffffff; padding: 20px 10px 0px 10px; margin: 0;" target="_BLANK" rel="nofollow"><img src="http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/shop.gif" alt="Acquista Rpg Maker VX ora!"></img>Acquista Rpg Maker VX ora!</a>
<a href="https://rpgmaker-cart.degica.com/cart.html?ITM[2j035wjo]=1&REFSITE=RPGMakerWEB&LANG=en_US&CURR=USD" style="vertical-align: middle; color: #ffffff; padding: 20px 10px 0px 10px; margin: 0;" target="_BLANK" rel="nofollow"><img src="http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/shop.gif" alt="Acquista Rpg Maker VX Ace ora!"></img>Acquista Rpg Maker VX Ace ora!</a>
<a href="http://www.rpgmakerweb.com/" style="vertical-align: middle; color: #ffffff; padding: 20px 10px 0px 10px; margin: 0;"><img src="http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/bookmark_icon.gif" alt="Sito Ufficiale Rpg Maker"></img>Sito Ufficiale Rpg Maker</a>
</div>
<!-- Fine Barra Header -->

Modificato da Haku

Inviato

non posso vederlo l antivirus me lo blocca.

hai uno screen?

Inviato
  • Admin

Look & Feel > Manage Skin Sets & Templates > Manage Templates > Tua skin > Edit > globalTemplate > metterlo subito dopo

<body id='ipboard_body'>

solo che ipb ha già una barra sua...

ps: le immagini tipo

non vanno controlla i permessi chmod...

Modificato da Askancy

Inviato
  • Autore

Look & Feel > Manage Skin Sets & Templates > Manage Templates > Tua skin > Edit > globalTemplate > metterlo subito dopo

<body id='ipboard_body'>

solo che ipb ha già una barra sua...

ps: le immagini tipo

non vanno controlla i permessi chmod...

Le immaigni erano nelle vecchie cartelle e quindi non più visualizzabili ^^

Che vuol dire ha già una barra sua? Nel senso che ci andrebbe sopra quella nuova?

EDIT:

Infatti rimane sopra a quella di default...

Modificato da Haku

Inviato
  • Autore

non posso vederlo l antivirus me lo blocca.

hai uno screen?

L'antivirus te lo blocca? O_o

Inviato
  • Admin

Le immaigni erano nelle vecchie cartelle e quindi non più visualizzabili ^^

Che vuol dire ha già una barra sua? Nel senso che ci andrebbe sopra quella nuova?

EDIT:

Infatti rimane sopra a quella di default...

anzichè in cima al forum, mettila sotto...

Inviato
  • Autore

Vorrei lasciarla sopra...solo che inserita in quella posizione, si sovrapone a quella nera dove vengono visualizzati i messaggi privati etc...

Inviato
  • Admin

Ok allora, dopo il </div> della barra metti due <br><br> e la barra da 26px la ingrandisci a 32px, in questo modo risolvi tutto :)

Modificato da Askancy

Inviato
  • Autore

Come al solito, grazie mille!

Volevo già mettere i br, però non avendo mai modificato IPB pensavo dovessi contenere tutto in qualche tabella ^^

Inviato
  • Autore

C'è ancora un problemino...la barra di caricamento verde di IPB però, rimane nascosta sotto dalla barra nuova...

C'è (magari con un br) la possibiltà di spostarla un pochino più giù in modo da renderla visibile?

Inviato
  • Admin

non saprei come aiutarti in questo caso, anche perchè non riesco a trovare la classe del CSS di questo loader in ajax...

Inviato

ma non puoi installarti questa applicazione:

ProMenu Plus 2.1.2

la puoi trovare qui http://community.inv...5-promenu-plus/ ti mette una barra in alto come la cerchi tu....

Modificato da trattore

Inviato
  • Autore

Grazie, ma purtroppo adesso non posso acquistare nulla, anche perchè non me lo fa fare xD

Inviato

perche?

Inviato
  • Autore

Non lo so <.<

Comunque posso far scrollare anche l'header compreso di menù?

Inviato
  • Admin

Cosa sarebbe l'header compreso di menu? intendi quello con scritto:"Accedi - Registrati" ?

Inviato
  • Autore

Cosa sarebbe l'header compreso di menu? intendi quello con scritto:"Accedi - Registrati" ?

Barra notifiche, banner, e menù sottostante ^^

  • 1 mese dopo...
Inviato

si certo, ma diventa scomodo per chi usa dispositivi mobili... o browser come ie...

basta modificare il css... con position: fixed; e altri accorgimenti... fammi sapere se ti occorre tutta la modifica passo passo!

Inviato
  • Autore

si certo, ma diventa scomodo per chi usa dispositivi mobili... o browser come ie...

basta modificare il css... con position: fixed; e altri accorgimenti... fammi sapere se ti occorre tutta la modifica passo passo!

Se per te non è un problema, puoi indicarmi i passi da fare?

Per favore accedi per lasciare un commento

Potrai lasciare un commento dopo aver effettuato l'accesso

Accedi Ora

Chi sta navigando 0

  • Nessun utente registrato visualizza questa pagina.

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.