Pagina 1 di 2
[Risolto] XNavbar v1 MOD
Inviato: 19/09/2011, 10:09
da mark88
So che è un tema trito e ritrito, ma su questo quesito non ho trovato nulla...
Nella mod XNavbar v1 MOD, tra le varie modifiche, nel file overall_header.html si deve trovare la stringa di codice:
Codice: Seleziona tutto
<span class="corners-bottom"><span></span></span></div>
</div>
Io questa stringa la trovo ben 4 volte però...
2 sono sicuro che siano dovute a 2 mod, ma le altre 2 mi sembrano proprie del file...
Cosa devo fare? devo sostituire solo la prima?
Tanto che ci sono vi chiedo anche un'altra cosa... Come si fa a mettere un immagine sull'header (come e qua sul sito quella del pianeta per intenderci), devo trovare la class=headerbar e aggiungere dopo style=e l'url dell'immagine?
Grazie a tutti!
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 10:39
da Micogian
Di qualsiasi pagina HTML è possibile visualizzare il codice sorgente.
Mi accorgo che pochi usano questa tecnica che permette di capire come sia strutturata la pagina.
Se guardi il codice sorgente di questa pagina vedi come è inserita la testata.
Io uso questo sistema: viene inserita l'immagine della testata e sopra questa ci sono due immagini che sono il logo e il nome del forum che sono posizionabili a piacere.
Codice: Seleziona tutto
<div id="page-header">
<div class="headerbar" style="background: url('{T_THEME_PATH}/images/immagine_testata.jpg') 50% 0 no-repeat scroll; position: relative;">
<div class="inner"><span class="corners-top"><span></span></span>
<a style="display: block; width: 100%; height: 110px; text-decoration: none; background: url('{T_THEME_PATH}/images/logo_sito.gif') 20px 50% no-repeat scroll; position: relative;" href="#"> </a>
<a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome_sito.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#"> </a>
<span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
</div>
<!-- INCLUDE xnavbar.html -->
Alla fine della testata inserisco il Menu che deriva da un file esterno per non stravolgere il file overall_header.
Il risultato è questo:
http://www.actafungorum.org/actaforum/index.php
Per quanto riguarda il codice
Codice: Seleziona tutto
<span class="corners-bottom"><span></span></span></div>
</div>
non è altro che il codice di chiusura della tabella "class=forabg" che comincia con
Codice: Seleziona tutto
<div class="inner"><span class="corners-top"><span></span></span>
Le due parti di codice creano l'arrotondamento superiore e inferiore di una tabella e se la Mod che devi installare ti chiede di trovare questo codice è perchè la parte di codice da inserire deve stare all'interno di quella tabella.
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 11:34
da mark88
Ah ok quindi te mi suggerisci di creare una nuova pagina di template, dove inserirò il codice che voglio per la bar, e di includerla nell'overall_header... Cavolo sai che non ci avevo pensato? Grazie mille!
Comunque ho visto che anche te hai modificato quella stringa di codice, dovrei averla individuata quindi.
Per quanto riguarda la visualizzazione del codice, io lo faccio sempre, ma il codice di questo sito non era di prima comprensione come il tuo... Appena ho visto il tuo ho capito subito come fare, ma su questo non c'è espressamente l'url che va all'immagine, difatti il codice nel headerbar di questo sito è:
Codice: Seleziona tutto
<div class="headerbar">
<div style="width: 470px; position: absolute; right: 20px; top: 15px; background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); padding: 10px; -moz-border-radius: 10px; border: 0px solid; text-align: center; font-weight: bold; z-index: 10000;"><!--<a onmouseout="this.style.opacity='0.5';" onmouseover="this.style.opacity='1';" style="color: #ffffff; opacity: 0.5; text-decoration: none;" href="http://www.phpbbitalia.net/forum/downloads.php?view=detail&df_id=1">Download<br/><span style="font-size: 1.2em;">phpBB 3.0.9</span><br />10-07-2011</a>--><script type="text/javascript" src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=216308&bid=639399"></script></div>
<div style="position: absolute; right: 20px; top: 125px; text-align: center; font-weight: bold; z-index: 10000;">
<div id="top-social">
<div id="top-social-icons">
<a href="http://www.phpbbitalia.net/forum/feed.php"><img src="http://www.phpbbitalia.net/forum/images/rss-20.png" alt="RSS" /></a>
<a href="http://www.facebook.com/pages/phpBBItalianet/214422393354"><img src="http://www.phpbbitalia.net/forum/images/facebook-20.png" alt="Facebook" /></a>
<a href="http://www.twitter.com/phpBBItalianet"><img src="http://www.phpbbitalia.net/forum/images/twitter-20.png" alt="Twitter" /></a>
<g:plusone size="medium" count="false" href="http://www.phpbbitalia.net/"></g:plusone>
</div>
</div>
</div>
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="http://www.phpbbitalia.net/forum/" title="Indice" id="logo"><img src="http://www.phpbbitalia.net/forum/styles/prosilver_se/imageset/standard_logo.png" width="243" height="85" alt="" title="" /></a>
<!--<h1>phpBBItalia.net</h1>-->
<!--<p>Il forum di supporto italiano, dedicato agli utilizzatori di phpBB!</p>-->
<p class="skiplink"><a href="#start_here">Passa al contenuto</a></p>
</div>
<span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
</div>
Io non lo trovo tutt'ora la porzione di codice dove è lo sfondo dell'header... Sbaglio io il punto dove bisogna cercare?
Ah un altra cosa... a me rimane più piccola l'area dell'header, soprattutto l'altezza dell'immagine... sai mica se c'è un file css da modificare per renderlo più grande? oppure si deve modificare anch'esso dall'overall_header?
Mi metto subito al lavoro e vedo se riesco a creare il file da includere!
Grazie ancora
Marco
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 13:45
da Micogian
In questa pagina l'immagine della testata è inclusa nel css
Codice: Seleziona tutto
.headerbar {
background-color: #7C8891;
background-image: url("./styles/prosilver_se/theme/images/xxxxxxx.jpg");
Per le dimensioni del logo dipende. Potresti sostituire il logo di default con il tuo e in questo caso devi modificare le dimensioni dal PCA o nel file imageset.cfg.
Altimenti devi lavorare con i css.
Dipende poi se vuoi una pagina a dimensioni fisse(preferibile) o adattabile allo schermo.
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 14:01
da mark88
Ah ecco perché non lo trovavo! Ora provo a fare le modifiche sull'imageset.cfg, anche perché non saprei dove modificare le dimensioni dal PCA, sennò proverò con i css...
Prima però mi sono accorto che l'immagine che ho inserito come mi hai detto te, si vede ovunque tranne che nelle pagine della galleria...
Ho provato a vedere nel file gallery_header.html ma include l'overall_header, per cui si dovrebbe vedere...
Secondo te a cosa può essere dovuto?
Grazie ancora di tutto!
EDIT: il file imageset.cfg non può essere perché non è menzionato il file dell'immagine nell'header...
EDIT 2: è bastato modificare il file common.css ed aggiungere l'altezza...
Non ho ancora risolto però per l'immagine dell'header nella galleria...
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 14:59
da Micogian
Per il Menu manca il relativo css, per quello vedi i links in verticale.
Per l'immagine in testata nella Galleria non saprei, bisogna vedere il codice sorgente e qual'è il percorso dell'immagine.
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 15:37
da mark88
bingo ha scritto:Per il Menu manca il relativo css, per quello vedi i links in verticale.
Per l'immagine in testata nella Galleria non saprei, bisogna vedere il codice sorgente e qual'è il percorso dell'immagine.
I link in verticale nel menu?? ehm perché io vedo tutto normale sui link?? Mi potresti fare gentilmente uno screenshoot di quello che vedi?? perché non vorrei che io veda tutto bene in orizzontale ma in realtà sono in verticale...
Grazie
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 16:47
da Micogian
Con IE si vede, con Firefox no.
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 22:34
da mark88
Io con tutti i browser lo vedo correttamente...
Però ho tutti i browser aggiornati, non so con browser obsoleti come si veda...
Ho provato con IE, firefox, chrome, opera e safari e si vede su tutti bene...
Re: XNavbar v1 MOD
Inviato: 19/09/2011, 23:23
da Micogian
Ho aggiornato la cache dei browser, adesso vedo bene.
Prima sembrava non ci fosse il css del menu.