phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

Header

Supporto stili in generale.
Rispondi
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:
Contatta Haku

Re: Header

Messaggio da Haku » 10/01/2011, 0:28

Seguito il tuo consiglio della pagina personalizzata per le prove e sembra che ci siamo quasi =D
Ho due problemi...uno scroll leggero orizzonatale del forum e le due immagine alle estremità sopra al banner.
Ecco come ho dovuto strutturare il tuo codice:

Codice: Seleziona tutto

       	<div id="page-header">
        		<!-- div class="headerbar" -->
        			<div class="inner"><span class="corners-top"><span></span></span>
        			<div id="site-description">
        				<!-- a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a -->
        				<!-- h1>{SITENAME}</h1 -->
        				<!-- p>{SITE_DESCRIPTION}</p -->
        				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
        			</div>
        
			<span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
		</div>
		<!-- Prova immi -->
    <div class="headerbar" style="background: url('{T_THEME_PATH}/images/rpgmkrbanner.png') 50% 0 no-repeat scroll; height: 150px; 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.gif') 20px 50% no-repeat scroll; position: relative;" href="#">&nbsp;</a>
                      <a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#">&nbsp;</a>
                     <span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
                  </div>

			<!-- phpbb_com navbar START -->
			<!-- INCLUDE phpbb_navbar.html -->
			<!-- phpbb_com navbar END -->
In pratica tutto ugule,a parte quell'height di 150px (che sarebbe l'altezza del banner) e ho disattivato:

Codice: Seleziona tutto

<!-- div class="headerbar" -->
che sembrava essere il problema della parte ripetuta sopra.

Ecco la pagina:
http://www.rpgmkr.net/forum/banner.php

come risolvo?
Ah,grazie bingo per la pazienza ;)
Top
Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:
Contatta Micogian

Re: Header

Messaggio da Micogian » 10/01/2011, 7:18

Mi sa che hai fatto un pò di confusione.
Io intendevo "sostituire il blocco <div class="headerbar"> con quello da me indicato, non aggiungerlo.
In pratica hai due blocchi e anche se hai tolto la riga della class="headerbar" ti resta sempre il fondo.
Ecco perchè vedi i due angoli arrotondati in alto fuori dalla testata, perchè hai due testate.
Prova a togliere il blocco in questo modo (poi puoi eliminare la parte commentata.
Ovviamente il mio codice prevede due immagini da sovrapporre alla testata nella posizione voluta (logo.gif e nome.gif). Se non le hai commenta le due righe.

Codice: Seleziona tutto

          <div id="page-header">
              <!-- <div class="headerbar">
                 <div class="inner"><span class="corners-top"><span></span></span>
                 <div id="site-description">
                    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> 
                    <h1>{SITENAME}</h1>
                    <p>{SITE_DESCRIPTION}</p>
					<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
                 </div>
       
         <span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
      </div> -->
      <!-- Prova immi -->
    <div class="headerbar" style="background: url('{T_THEME_PATH}/images/rpgmkrbanner.png') 50% 0 no-repeat scroll; height: 150px; 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.gif') 20px 50% no-repeat scroll; position: relative;" href="#">&nbsp;</a>
                      <a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#">&nbsp;</a>
                     <span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
                  </div>

         <!-- phpbb_com navbar START -->
         <!-- INCLUDE phpbb_navbar.html -->
         <!-- phpbb_com navbar END -->
In pratica lascia la riga iniziale con la classe "id" <div id="page-header">, togli "tutto il blocco successivo e lascia solo quello da me indicato, quello che comincia dopo <!-- Prova immi -->
Top
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:
Contatta Haku

Re: Header

Messaggio da Haku » 10/01/2011, 19:00

Ora è decisamente perfetto U_U
MA pensa te se devi farvi uscire di testa per un semplice header ^^

Se posso fare un'altra domanda,che rimane sempre in tema con l'header,come aggiungo l'opzione che il .com sulla testata della home? Intendo il riquadro che cita l'ultima versione di phpbb disponibile.

Nel frattempo,ancora grazie mille bingo!
Top
Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:
Contatta Micogian

Re: Header

Messaggio da Micogian » 10/01/2011, 19:19

Haku ha scritto: MA pensa te se devi farvi uscire di testa per un semplice header ^^
Alla fine siamo sempre noi che sbagliamo e il php non perdona il benchè minimo errore.
Io te l'avevo spiegato che dovevi sostituire quella parte, non aggiungerla.
Ti consiglio di "leggere" i file sorgente e cercare di capire quello che fanno, si impara molto in questo modo.
Fare una modifica solo perchè te lo dice caio o sempronio non serve a nulla.
Cercate sempre di capire cosa fa la modifica che inserite e perchè la fa.
Se posso fare un'altra domanda,che rimane sempre in tema con l'header,come aggiungo l'opzione che il .com sulla testata della home? Intendo il riquadro che cita l'ultima versione di phpbb disponibile.
E' sempre una scritta o una gif posizionata sopra, la fai con lo stesso metodo dell'eventuale logo o banner che metti sopra la testata.

Codice: Seleziona tutto

<a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#">&nbsp;</a>
Devi naturalmente mettere le dimensione corrette e la posizione (top dall'alto e left da sinistra).
Nel codice c'è anche un link che ora non è attivo ( è "#"), ma se vuoi puoi metterci un link.
In questo caso se clicchi sull'immagine vai alla pagina stabilita.
Top
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:
Contatta Haku

Re: Header

Messaggio da Haku » 11/01/2011, 2:41

Spetta bingo.
Ho un problema...perchè il forum sborda dopo aver fatto le modifiche nel file overal_header?
Il codice l'ho sistemato come nella pagina prova.

http://www.rpgmkr.net/forum
Top
Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:
Contatta Micogian

Re: Header

Messaggio da Micogian » 11/01/2011, 6:34

Il tuo è probabilmente un problema legato a un <div>.
L'ho detto più volte e lo ribadisco: quando si modifica radicalmente la struttura originale bisogna farlo con la massima attenzione. A me sembra che il tuo Forum sia "stramoddato" e basta un semplice tag chiuso prima o non chiuso affatto per stravolgere la pagina.
Se possibile, le Mod andrebbero sviluppate in file esterni e inserite attraverso un "include", così si sta poco a escludere una Mod per capire se il problema sta lì.

A complicare le cose abbiamo che alcuni tag vengono inseriti in un file e la chiusura in un altro (vedi overall_header e overall_footer).
In questi casi si può "copiare" la pagina in html e provare a intervenire sulla copia eliminando via via blocchi di codice che sembrano corretti. Alla fine si dovrebbe rimanere con una struttura semplificata del file e se c'è un errore di <div> ci si accorge.

EDIT

Ma voi li leggete i posts ?
Ho detto che non si scherza con il PHP,
Io ho scritto:
In pratica lascia la riga iniziale con la classe "id" <div id="page-header">, togli "tutto il blocco successivo e lascia solo quello da me indicato, quello che comincia dopo <!-- Prova immi -->
Credo sia "italiano" non "russo".
Ti dico di "Lasciare la riga <div id="page-header"> e tu cosa fai ?
è la prima cosa che escludi:

Codice: Seleziona tutto

<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">

    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: ltr;">
        	<a id="top" name="top" accesskey="t"></a>
        	<!-- div id="page-header">
        		<div class="headerbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        			<div id="site-description">
        				<a href="http://rpgmkr.net/forum/" title="Indice" id="logo"><img src="http://www.rpgmkr.net/forum/styles/prosilver_se/imageset/site_logo.gif" width="139" height="52" alt="" title="" /></a>
        				<h1>RpgMkr.net</h1>
        				<p>Risorse, Guide, Tutorial, Script e Supporto per RPG Maker</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 -->
		<!-- Prova immi -->
    <div class="headerbar" style="background: url('http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/rpgmkrbanner.png') 50% no-repeat scroll; height: 150px; 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('http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/logo.gif') 20px 50% no-repeat scroll; position: relative;" href="#">&nbsp;</a>
                      <a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('http://www.rpgmkr.net/forum/styles/prosilver_se/theme/images/nome.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#">&nbsp;</a -->

                     <span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
                  </div>
Top
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:
Contatta Haku

Re: Header

Messaggio da Haku » 11/01/2011, 14:20

Si ho corretto quella modifichina dato che me ne ero dimenticato,ma non ho editato perchè era tardi.
Anche corretto non va.
E ti assicuro che le MOD installare sono pochissime a differenza di altri forum,e ti assicuro che prima di inserire il banner,tutto si visualizzava correttamente ^^
E' solo ora che sborda...
Top
Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:
Contatta Micogian

Re: Header

Messaggio da Micogian » 11/01/2011, 15:04

Più che "modifichina" io lo chiamerei "grosso errore".
Guarda, io ho aperto la pagina e l'errore era evidente. Ho copiato la pagina (salva pagina con nome) e quindi ho creato un file html in locale.
Sono entrato nel file, ho spostato il commento <!-- per liberare la riga sbagliata e tutto è andato a posto.
Se il problema deriva dall'inserimento del banner vuol dire che il banner ha qualche <div> sbagliato.
Top
Avatar utente
Haku
Utente
Utente
Messaggi: 2529
Iscritto il: 22/09/2009, 22:36
Sesso: Maschio
Versione: 3.0.9
Server: UNIX/Linux
Contatta:
Contatta Haku

Re: Header

Messaggio da Haku » 11/01/2011, 15:10

Beh,io non ho toccato nulla se non aver spostato il commento ^^

Codice: Seleziona tutto

       	<div id="page-header">
        		<!-- div class="headerbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        			<div id="site-description">
        				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
        				<h1>{SITENAME}</h1>
        				<p>{SITE_DESCRIPTION}</p>
        				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
        			</div>
        
			<span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
		</div -->
		<!-- Prova immi -->
    <div class="headerbar" style="background: url('{T_THEME_PATH}/images/bgbanner.png') 50% no-repeat scroll; height: 150px; 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.gif') 20px 50% no-repeat scroll; position: relative;" href="#">&nbsp;</a>
                      <a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#">&nbsp;</a -->
                     <span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
                  </div>
Top
Avatar utente
Micogian
Leader Programmatori
Leader Programmatori
Messaggi: 3704
Iscritto il: 07/01/2010, 8:51
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.4.36
Database: MySQL 5.1.70-log
Località: Udine
Contatta:
Contatta Micogian

Re: Header

Messaggio da Micogian » 11/01/2011, 15:49

Ma io adesso vedo normalmente, non so di quale banner parli.
Nella prova che avevo fatto io la testata era diversa ma spostando il commento è andato tutto a posto. Ovvio perchè togliendo un <div> ti restava un </div> orfano.

Naturalmente in remoto devi aggiornare il Template se lo modifichi.

La parte commentata, visto che è un doppione potresti anche toglierla.
Vedo che non hai usato le due immagini interne da sovrapporre alla testata.
Quelle sono utili quando hai una Testata "pulita" o una testata "random" e ci metti sopra le immagini del logo e del nome del Forum o un banner.
Sembra di vedere una unica testata ma è formata da più immagini, che tra l'altro potrebbero essere dei links.
Top
Rispondi

Torna a “Supporto stili”

Chi c’è in linea

Visitano il forum: Nessuno e 35 ospiti