phpBB Italia

Sito di supporto italiano per phpBB
https://www.phpbbitalia.net/forum/

Modifiche all'overall_header

https://www.phpbbitalia.net/forum/viewtopic.php?f=15&t=1806

Pagina 1 di 1

Modifiche all'overall_header

Inviato: 20/11/2009, 15:28
da ldm
Ho cambiato lo sfondo al mio forum e sono mesi che vorrei modificare dei blocchi del mio overall_header per adattarlo graficamente alla pagina , particolarmente adesso con questo sfondo natalizio , mi stona proprio.

Immagine

Adesso Carlo non ti chiedo di ricostruirmi un overall_header appropriato , questo cerchero' di arrangiarmi sola..ma di farmi capire alcune cose .
Togliendo tutto il blocco , compreso la pulsantiera:
1) I link : iscritti e faq sono stabili e quindi non dovrei trovare problemi a riprodurli con una normale barra a css
2) I dinamici login-logout e messaggi privati come li riproduco?

Ti riporto tutto il codice dell'overall_header :

Codice: Seleziona tutto

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




<head>

<link rel="icon" href="http://ladonnamoderna.netsons.org/forum/favicon.gif" mce_href="http://ladonnamoderna.netsons.org/forum/favicon.gif" type="image/gif" /> 



<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="forum, mamma, bimbo, gravidanza, bambino, neonato, parto, incinta, nascita, allattamento, chat, cartoline virtuali" />
<meta name="description" content="Forum delle mamme. Si discute di voglia di rimanere incinta, gravidanza, neonati e bambini, problemi generali legati alla donna" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

  <link rel="stylesheet" href="banner.css">


	<link rel="stylesheet" href="menu/menu_style.css" type="text/css" />







<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 480, 180, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

function selectCode(a)
{
   // Get ID of code block
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

   // Not IE
   if (window.getSelection)
   {
      var s = window.getSelection();
      // Safari
      if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      // Firefox and Opera
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   // Some older browsers
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}

// ]]>
</script>

















</head>

<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<table class="wrap" width="100%" cellpadding="0" cellspacing="0">
<tr><td>

<div id="wrapheader">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td width="419" height="18" style="background:url('{T_THEME_PATH}/images/topl.png');">&nbsp;</td>
<td height="18" style="background:url('{T_THEME_PATH}/images/topm.png');">&nbsp;</td>
<td width="390" height="18" align="right" style="background:url('{T_THEME_PATH}/images/topr.png');">&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="396" height="63" style="background:url('{T_THEME_PATH}/images/midl.png');"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a><br /><span class="genmedw">{SITE_DESCRIPTION}</span></div>
</td>
<td height="63" style="background:url('{T_THEME_PATH}/images/midm.png');">&nbsp;</td>
<td width="396" height="63" align="right" valign="top" style="background:url('{T_THEME_PATH}/images/midr.png');">
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div class="midlink">
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset class="nb">
<input name="keywords" style="opacity:0.8;filter:alpha(opacity=80)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" type="text" class="inputbox search" id="keywords" title="{L_SEARCH_KEYWORDS}" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="50" />
<input class="nb" name="submit" type="image" src="{T_THEME_PATH}/images/search.png" align="absmiddle" /><br />
<a class="genmedw" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
</div>
<!-- ENDIF -->
</td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td width="18" height="24" style="background:url('{T_THEME_PATH}/images/midbl.png');">&nbsp;</td>
<td height="24" align="left" style="background:url('{T_THEME_PATH}/images/midbm.png');">

<div class="buttonwrapper">
<div class="navspacel"></div>
<!-- IF S_USER_LOGGED_IN -->
<!-- ELSEIF S_REGISTER_ENABLED -->
<a class="squarebuttonl" href="{U_REGISTER}"><span>{L_REGISTER}</span></a><div class="navspacel"></div>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<a class="squarebuttonl" href="{U_PROFILE}"><span>{L_PROFILE}</span></a><div class="navspacel"></div>
<!-- IF S_DISPLAY_PM -->
<a class="squarebuttonl" href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a><div class="navspacel"></div>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS -->
<a class="squarebuttonl" href="{U_RESTORE_PERMISSIONS}"><span>{L_RESTORE_PERMISSIONS}</span></a>
<!-- ENDIF -->
</div>

</td>
<td height="24" align="right" style="background:url('{T_THEME_PATH}/images/midbm.png');">

<div class="buttonwrapper">
<div class="navspacer"></div>
<!-- IF not S_IS_BOT -->
<a class="squarebuttonr" href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a><div class="navspacer"></div>

<a class="squarebuttonr" href="{U_TUBE}"><span>Ourtube</span>

<img src="{T_THEME_PATH}/images/icon_mini_ourtube.gif" width="12" height="13" alt="*" /></span></a><div class="navspacer"></div>














<!-- IF S_DISPLAY_MEMBERLIST -->
<a class="squarebuttonr" href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a><div class="navspacer"></div>
<!-- ENDIF -->
<!-- ENDIF -->





<a class="squarebuttonr" href="{U_FAQ}"><span>{L_FAQ}</span></a>



























































</div>

</td>
<td width="18" height="24" style="background:url('{T_THEME_PATH}/images/midbr.png');">&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
<td width="18" height="18" style="background:url('{T_THEME_PATH}/images/bl.png');">&nbsp;</td>
<td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');">&nbsp;</td>
<td width="18" height="18" style="background:url('{T_THEME_PATH}/images/br.png');">&nbsp;</td>
  </tr>
</table>
</div>


























































































































<div id="datebar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="gensmall">
            <!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
		</table>
</div>


	<!-- INCLUDE sample.html -->









	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

	<br style="clear: both;" />
	
	<!-- INCLUDE breadcrumbs.html -->







<!-- IF S_BOARD_DISABLED -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
  </tr>
  <tr>
    <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>
    <td>
    
	<table class="tablebg" width="100%" cellspacing="0">
    <tr>
		<td class="cat" colspan="2"><h4>{MESSAGE_TITLE}</h4></td>
	</tr>
	<tr>
		<td class="row1" align="center" height="30"><span class="error">{L_BOARD_DISABLED}</span></td>
	</tr>
	</table>
    
</td>
    <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
  </tr>
  <tr>
    <td width="18" height="18" align="right"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
    <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
    <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
  </tr>
</table>
<!-- ENDIF -->

<br />




<!-- IF not S_USER_LOGGED_IN -->
<div class="navbar_notice" id="navbar_notice_1010">
	<style type="text/css">
#topbar11{
position:absolute;
margin: 40%;              
border: 1px solid black;
padding: 2%;
background: url(http://img340.imageshack.us/img340/2590/92742068.jpg);
width: 620px;
visibility: hidden;
z-index: 10;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar11").style.visibility="hidden"
}
function staticbar(){
 barheight=document.getElementById("topbar11").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("topbar11");
 stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div align=rigth id="topbar11">
<font size="2"><span style="font-family: Verdana,Arial,Helvetica,sans-serif;"></span><span style="font-family: Verdana,Arial,Helvetica,sans-serif;">Non sei registrato? </span><a style="font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif;" href="{U_REGISTER}">Registrati subito è gratuito </a><span style="font-family: Verdana,Arial,Helvetica,sans-serif;"> sul </span><span style="font-weight: bold; font-family: Verdana,Arial,Helvetica,sans-serif;">{SITENAME}</span><span style="font-family: Verdana,Arial,Helvetica,sans-serif;">!</span><br style="font-family: Verdana,Arial,Helvetica,sans-serif;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif;"></span><span style="font-family: Verdana,Arial,Helvetica,sans-serif;"></span></font>
</div>
</div>
<!-- ENDIF -->
3) E se lo sostituissi con un altro overall_header (piu' facilmente modificabile a livello grafico) di un altro template e quindi lo adattassi a livello grafico, a livello di codice e e di variabili funzionerebbe correttamente?

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 19:59
da Carlo
Non ho capito cosa vuoi rimuovere, comunque per la 3° richiesta non è possibile, poichè tutti i div, tabelle, ecc... sono differenti per ogni template.

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 20:11
da ldm
Vorrei far rimanere solo i pulsanti e cancellare tutto quel blocco celestino che mi stona con il forum , qualsiasi modifica è ben accetta , basta che si elimini tutto quel colore che mi stona ...ripeto anche una semplice barra come quella che ho messo io sotto, andrebbe benissimo.
Grazie.

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 20:27
da Carlo
Devi semplicemete modificare le immagini usate nel template, con uno sfondo trasparente invece di celeste.

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 20:32
da ldm
Potresti dirmi quali immagini dovrei andare a modificare?

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 20:34
da Carlo
1) Non lo so, perchè non conosco il tuo stile.
2) E' semplice da capirlo, basta che ti giri le cartelle dello stile e vedere le immagini che ti sembrano "assomigliare".

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 20:56
da ldm
Ho trovato le immagini incriminate! :mrgreen:
In locale ho risolto (rimanendo solo la barra della pulsantiera ),togliendole tutte..adesso con tanto lavoro , cerchero' di sostituire con colori trasparenti oppure neutri e/o a tinta unita (nero -blu)che non mi stonano troppo con lo sfondo natalizio scelto.

Ti ringrazio, dopo ti faccio sapere...
per adesso:
Immagine

Re: Modifiche all'overall_header

Inviato: 20/11/2009, 20:59
da Carlo
Comunque potresti utilizzare un colore con un opacità del 20%.
Tutti gli orari sono UTC+02:00
Pagina 1 di 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/