Pagina 1 di 1

Piccolo problema impaginazione

Inviato: 05/09/2012, 11:18
da Ch4OSm4n
Ciao ragazzi, ho appena aggiornato alla 3.0.11. Uso il prosilver_se e ogni volta aggiorno phpbb aggiorno anche questo stile. Purtroppo mi è successo ora che riportando esattamente le stesse modifiche del prosilver_se vecchio su quello nuovo l'impaginazione ora risulta essere sbagliata. Se andate su forum.lifext.org potete vedere come
1) Mi sembra come se il logo continuasse sotto e la parte di sotto fosse sovrapposta al logo
2) INDICE non ha più la casettina
3) Lì a messaggi privati le parentesi sono bianche.

Potete aiutarmi per favore? Vi posso passare tutti i file di cui avete bisogno, grazie mille!
Intanto questo è l'overall_header

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver Special Edition
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subblue.com/ )
	Modified by:      phpBB Styles Team     
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<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: {S_CONTENT_DIRECTION};">
        	<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 style="height: 140px;">
        			<div id="site-description">
        				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
        				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
        			</div>
        
        		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
        			<div id="search-box">
        				<form action="{U_SEARCH}" method="get" id="search">
        				<fieldset>
        					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
        					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
        					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
        				</fieldset>
        				</form>
        			</div>
        		<!-- ENDIF -->
        
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        
        		<div class="navbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<ul class="linklist navlinks">
        				<li class="icon-home"><a href="http://www.lifext.org/"  title="Sito del LIFEXT Research Group" target="_blank">LIFEXT</a><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
        
        				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
        
        				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
        				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
        				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
        				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
        			</ul>
        
        			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
        			<ul class="linklist leftside">
        				<li class="icon-ucp">
							<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
								<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
							<!-- IF S_DISPLAY_SEARCH --> &bull;
							<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
							<!-- ENDIF -->
        					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
        					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
        					<!-- ENDIF -->
        				</li>
        			</ul>
        			<!-- ENDIF -->
        
        			<ul class="linklist rightside">
        				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
						<li class="icon-faq"><a href="http://forum.lifext.org/viewtopic.php?f=10&t=3" title="Regolamento del Forum">Regolamento</a></li>
        				<!-- IF not S_IS_BOT -->
        					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
							<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
							<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
        				<!-- ENDIF -->
        			</ul>
        
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        
        	</div>
        
        	<a name="start_here"></a>
        	<div id="page-body">
        		
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
				<div id="information" class="rules">
        			<div class="inner"><span class="corners-top"><span></span></span>
        				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        		<!-- ENDIF -->

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 11:22
da Angolo
Intanto, correggi il profilo... che indica ancora 3.0.9.

Posto stile correttamente aggiornato alla 3.0.11, devi riapplicare le personalizzazioni al prosilver se, ed eventualmente anche al prosilver base, essendo il prosilver se, un derivato dipendente del prosilver. Non un derivato indipendente.

A parte il farti presente questo, diventa difficile darti indicazioni più specifiche, salvo non impiegare ore per provare a fare ciò che vuoi fare.

L'argomento è aperto.. se qualcuno può farlo lo farà. Ma ti consiglio di "installare" un laboratorio in locale, per mettere lì a punto, tutte le modiche e le personalizzazioni. Tenendo presente quanto sopra scritto.

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 11:26
da Ch4OSm4n
Ciao Angolo, ho modificato il profilo.

Se non sbaglio nell'aggiornamento di phpbb lo stile base fa il merge con quello precedente. Le uniche modifiche che facevo sono sul prosilver_se.

Ho un doc con le modifiche apportate, lo posto qui, dice esattamente quello che ho modificato rispetto alla versione originale (e che andava bene prima). Grazie!

Codice: Seleziona tutto

APPUNTI (promemoria): l'header si imposta con un'altezza x a cui vengono sottratti 10 px per far posto ai corner, che arrotondano le finestre. Quindi: su common.css vanno impostati "x px" e su overall_header.html "x px - 10px".
La larghezza complessiva si imposta su drap, che si trova in common.css


MODIFICHE (prosilver_se):

Le immagini da inserire tutte in theme > images

- in overall_header.html
    sostituire questo pezzo, all'altezza della riga 105-106

             		<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>

          con questo (aggiungere solo  <div style="height: 140px;">, 140 = altezza immagine header – 10 e togliere <h1>{SITENAME}</h1> p>{SITE_DESCRIPTION}</p> dato che il resto è solo per capire dov'è il pezzo)

    			<div class="headerbar">
                         	<div class="inner"><span class="corners-top"><span></span></span>

             			<div style="height: 140px;">
             			<div id="site-description">
             			             <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
             				<p class="skiplink"><a 										href="#start_here">{L_SKIP}</a></p>
             				</div>
- in common.css (incolla quello che c'è sotto al suo posto)

riga 10
	html {
		font-size: 100%;
		/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE 			browsers */
		height: 100%;
	}

riga 146
	#wrap {
		padding: 0 20px;
		min-width: 650px;
		width: 960px;
		margin: 0 auto;
	}

riga 170
	#logo {
		float: center;
		width: auto;
		padding: auto;
	}

riga 229
	.headerbar {
		background: #ebebeb none 0 0;
		color: #FFFFFF;
		margin-bottom: 4px;
		padding: 0 5px;
		height: 150px; /*questo tra parentesi non lo scrivere, a sinistra c'è l'altezza dell'header*/
	}










- in colours.css (ricerca questi campi e sostutiscili con questi)

riga 6
	html, body {
		color: #105289; 
		background-color: #0064af;
	}
             
riga 11 
	body.simple {
       		background-color: #0064af;
	}

riga 54
	.headerbar {
		background-color: #ffffff;
		background-image: url("{T_THEME_PATH}/images/bg_header.jpg");
		color: #FFFFFF;
	}

riga 64
	.forabg, .forumbg {
		background-color: #0064af;
		background-image: url("{T_THEME_PATH}/images/bg_list.gif");
	}

riga 222
	.copyright {
		color: #ddd;
	}

riga 226
	.copyright a {
       		color: #fff !important;
	}

riga 265 (sostituire il blocco appena sotto /* Links on gradient backgrounds */, solo il primo blocco con)
	#search-box a:link {
		color: #105289;
	}
	#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
		color: #ffffff;
	}


INSERIRE LINK “LIFEXT” a sinistra di INDICE in pagina a parte
Aprire prosilver_se/template/overall_header.html
Trovare (riga 132):
 <ul class="linklist navlinks">
            <li class="icon-home"><li class="icon-home"><<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

aggiungere la parte in rosso
<ul class="linklist navlinks">
            <li class="icon-home"><a href="http://www.lifext.org/"  title="Sito del LIFEXT Research Group" target="_blank">LIFEXT</a><li class="icon-home"><<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

se non vuoi l'apertura di una nuova pagina togli target="_blank"





AGGIUNGERE REGOLAMENTO A DESTRA DI RSS
Aprire prosilver_se/template/overall_header.html
Trovare (riga 159):
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>

e nella riga seguente aggiungere:
<li class="icon-faq"><a href="http://forum.lifext.org/viewtopic.php?f=10&t=3" title="Regolamento del Forum">Regolamento</a></li>
Penso di aver sbagliato modificando questo:

Codice: Seleziona tutto

<div class="headerbar">
                            <div class="inner"><span class="corners-top"><span></span></span>

                      <div style="height: 140px;">
                      <div id="site-description">
                                   <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                         <p class="skiplink"><a                               href="#start_here">{L_SKIP}</a></p>
                         </div>
Perchè la parte delle dimensioni penso sia solo questa.

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 11:28
da Angolo
Se tu sai per certo che il prosilver base, prima non era coinvolto, devi lavorare solo sul prosilver se.

Riapplica una alla volta le modifiche, assicurandoti volta per volta, di svuotare-aggiornare tutte le cache.

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 11:29
da Ch4OSm4n
Si ora farò così, e questa parte qui:

Codice: Seleziona tutto

<div class="headerbar">
                            <div class="inner"><span class="corners-top"><span></span></span>

                      <div style="height: 140px;">
                      <div id="site-description">
                                   <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                         <p class="skiplink"><a                               href="#start_here">{L_SKIP}</a></p>
                         </div>

Secondo te è giusta?

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 11:32
da Angolo
Così come l'hai postato tu, quel codice è sbagliato, in quanto ci sono 3 div non chiusi. Devono essere chiusi. Poi si deve vedere, dove devono essere chiusi.

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 12:15
da Ch4OSm4n
Angolo ha scritto:Così come l'hai postato tu, quel codice è sbagliato, in quanto ci sono 3 div non chiusi. Devono essere chiusi. Poi si deve vedere, dove devono essere chiusi.
Angolo ho aggiunto una chiusura div ed ora va bene :) Ti ringrazio!
Mi potresti spiegare solo cosa significano queste due righe:

Codice: Seleziona tutto

        				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
        				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
Perchè nel file vecchio al posto delle due avevo lasciato solo

Codice: Seleziona tutto

<p class="skiplink">

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 13:42
da Angolo
È il logo come link cliccabile. La funzione skip, è legata all'accessibilità.

Ma tu il codice nativo, non lo devi toccare, salvo modificare colore dimensione. Ovvero, puoi anche modificarlo a livello di grafica; ma non a livello di funzionalità.

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 14:09
da Ch4OSm4n
Quindi tu consigli di lasciare questo?

Codice: Seleziona tutto

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
al posto di solo

Codice: Seleziona tutto

<p class="skiplink">
?? Grazie :D

Re: Piccolo problema impaginazione

Inviato: 05/09/2012, 15:56
da Angolo
Ovvio.