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

Modifica header bar e nav bar come lo stile Supernova

Supporto stili in generale.
Avatar utente
systemcrack
Utente
Utente
Messaggi: 399
Iscritto il: 15/05/2010, 22:50
Sesso: Maschio
Versione: 3.1.3
Server: UNIX/Linux
PHP: 5.2.17
Database: MySQL 5.1.49-community-log
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da systemcrack » 19/09/2013, 20:55

Tranquillo Tiger!!! Sei stato più utile di quel che pensi.. anche perchè io non volevo la pappa pronta, ma solo un indirizzamento ;) in pratica il file in cui sono contenute queste informazioni è:
style/supernova/theme/colours/blue.css ora è solo questione di prove.

qualche prova dopo..:
come non detto! il fatto è che avendo copiato l'header del supernova i richiami ci sono già nell'header.. la porzione di codice è questa:

Codice: Seleziona tutto

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}<!-- IF SN_MODULE_IM_ENABLED --> sn-im-page<!-- ENDIF -->">

<div id="sn-header">
<a id="top" name="top" accesskey="t"></a>
<div id="sn-header-content">
<a id="sn-logo" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo-text-only.png" width="484" height="100" alt="" /></a>

<div id="sn-controlbox">

     <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
     <div id="sn-not-logged-in"></div>
     <div id="sn-not-logged-in-hover">
     <div id="sn-nli-content">

      <form method="post" action="{S_LOGIN_ACTION}">
      <fieldset style="margin-top: -5px;">
      <span class="sn-form-label">{L_USERNAME}:</span><br />
       <input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
          <span class="sn-form-label">{L_PASSWORD}:</span><br />
             <input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<br /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
<input type="submit" name="login" value="" id="sn-nli-button" />
</fieldset>
</form>
</div><!-- /sn-nli-content -->
</div><!-- /sn-not-logged-in-hover -->
<!-- ENDIF --><!-- /s-user-not-logged-in -->
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="mini-profile"><div class="mini-profile-inner">
<table cellpadding="0" cellspacing="0" border="0">
   <tr>
       <td rowspan="2"><div class="member-icon"></div></td>
        <td>
        <a href="{U_PROFILE}" class="sn-mini-profile-username"><span style="color: #FFFFFF;">{S_USERNAME}</span></a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
        </td>
   </tr>
    <tr>
        <td style="padding-top: 4px;">
        <!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{PRIVATE_MESSAGE_INFO}</span></a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> &bull; <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{L_SEARCH_SELF}</span></a><!-- ENDIF -->
        </td>
    </tr>
</table>
</div></div> 
<!-- ENDIF --><!-- /s-user-logged-in-->
</div><!-- /sn-controlbox -->

</div><!-- /sn-header-content -->
</div><!-- /sn-header -->

<div id="sn-navbar">
<div id="sn-navbar-content">

<div style="float: left;">

<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}">{L_INDEX}</a> &nbsp;
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a> &nbsp;
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;
<img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /><a href="{U_PROFILE}">{L_PROFILE}</a>
<!-- ENDIF -->
</div><!-- /float left -->
<div style="float: right;">
<!-- IF S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/disconnect.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><!-- ENDIF -->
<!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /><a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN -->&nbsp; <img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a><!-- ENDIF -->
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/icon-photoshop.gif" width="16" height="16" alt="" /><a href="http://morfeuscommunity.altervista.org/forum/styles/prosilver/photoshop.html" target="_blank" title="Prova Photoshop">Photoshop</a><!-- ENDIF -->
</div>

</div><!-- /sn-navbar-content -->
</div><!-- /sn-navbar -->
poi ho aggiunto in fondo al colours.css questo:

Codice: Seleziona tutto

/* Supernova (Blue) by Christian Bullock 
---------------------------------------- */

#dummy-element {width: 2px;}

#sn-shadows {
	min-height: 90%;
	width: 932px;
	padding: 0 19px;
	margin: 0 auto;
	background: url("{T_THEME_PATH}/images/shadow.png") repeat-y;
	margin-top: -8px; /* Bury shadow borders below navbar */
	padding-top: 15px; /* We don't want the board content to be buried by the navbar */
}

#sn-header {
	width: 100%;
	height: 100px;
	background: url("{T_THEME_PATH}/images/blue/headerbg.png") repeat-x bottom #0f518f;
}

#sn-header-content, #sn-navbar-content {width: 960px; margin: auto;}

a#sn-logo {
	width: 484px;
	height: 100px;
	background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
	display: block;
	float: left;
}

#sn-controlbox {
	float: right;
	margin-right: 30px;
}

#sn-not-logged-in {
	width: 259px;
	height: 31px;
	background: url("{T_THEME_PATH}/images/blue/login-notice.png") no-repeat;
	margin-top: 34px;
}

#sn-not-logged-in-hover {
	display: none;
	width: 271px;
	height: 248px;
	background: url("{T_THEME_PATH}/images/blue/login-notice-hover.png") no-repeat;
	position: absolute;
	z-index: 9999; /* Make the div hover above the nav bar */
	margin-top: -39px;
	margin-left: -6px;
}

#sn-nli-content {
	padding: 5px 15px 10px 15px;
	margin-top: 45px;
	color: #0870d1;
}

span.sn-form-label, #sn-nli-content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.5px;
}

#sn-nli-content a {
	text-transform:none;
	color: #0870d1;
	letter-spacing: normal;
}

.sn-nli-form {
	width: 233px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #b8e3ff;
	background: url("{T_THEME_PATH}/images/blue/nli-form-bg.png") repeat-x;
	margin-top: 4px;
	margin-bottom: 6px;
	color: #0a81d0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.fakecheck {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url("{T_THEME_PATH}/images/blue/checkbox.png") no-repeat;
	height: 16px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
}

.fakechecked {
	background-position: left -25px;
}

#sn-nli-button {
	width: 69px;
	height: 26px;
	background: url("{T_THEME_PATH}/images/blue/login-button.png") no-repeat top;
	border: none;
	float: right;
	margin-top: 6px;
}

#sn-nli-button:hover {
	background-position: bottom;
}

div.mini-profile {
	background: transparent url("{T_THEME_PATH}/images/blue/mini-profile-r.png") no-repeat scroll top right; 
	display: block;
	float: left;
	height: 52px;
	padding-right: 6px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 21px;
	color: #FFFFFF;
}

div.mini-profile .mini-profile-inner {
	background: transparent url("{T_THEME_PATH}/images/blue/mini-profile-l.png") no-repeat; 
	display: block;
	padding-left: 7px;
	padding-right: 5px;
	padding-top: 8px;
	height: 44px;
	text-align: left;
}

div.mini-profile img {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 3px;
}

.member-icon {
	width: 32px;
	height: 30px;
	background: url("{T_THEME_PATH}/images/blue/member-icon.png") no-repeat;
	float: left;
	margin-right: 8px;
}

a.sn-mini-profile-username {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF !important;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #000000;
	letter-spacing: -0.3px;
	float: left;
}

a.sn-mini-profile-username:hover, a.sn-mini-profile-logout:hover {
	text-decoration: underline;
}

a.sn-mini-profile-link {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
}

a.sn-mini-profile-logout {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #87cfff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #000000;
	letter-spacing: -0.3px;
	float: right;
}

.sn-header-alert {
	background-color: #FBE3E4;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #860006;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #FBC2C4;
}

.sn-header-alert a {color: #860006; text-decoration: underline;}
.sn-header-alert a:hover {text-decoration: none;}
.sn-header-alert img {vertical-align: middle; margin-top: -3px;}

#sn-navbar {
	width: 100%;
	height: 51px;
	line-height: 46px;
	background: url("{T_THEME_PATH}/images/navbg.png") repeat-x bottom transparent;
	position: relative; /* Allows for navbar to overlap shadow border */
}

#sn-navbar a {
	color: #0870d1;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -0.5px;
}

#sn-navbar a:hover {
	text-decoration: underline;
	color: #0a8ee6;
}

#sn-navbar img {vertical-align: middle; margin-top: -2px; margin-right: 6px;}
.sn-breadcrumbs {float: left; margin-bottom: 5px;}
.sn-options {float: right; margin-bottom: 5px;}

.sn-breadcrumbs a, .sn-options a {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif; 
	color: #0870D1;
	font-size: 12px;
}

.sn-breadcrumbs a:hover, a.sn-options a:hover {color: #0A8EE6;}

.sn-breadcrumbs img, .sn-options img {
	vertical-align: middle;
	margin-top: -6px;
	margin-right: 6px;
}

.sn-search-links a {
	font-size: 10px;
	letter-spacing: -0.04em;
}

.sn-cat-header {
	width: 932px;
	height: 31px; 
	background: url("{T_THEME_PATH}/images/blue/cat-header.png") no-repeat;
	position: relative;
	z-index: 1;
}

.sn-cat-row {
	width: 924px;
	padding: 0 4px;
	background: url("{T_THEME_PATH}/images/blue/cat-row.png") repeat-y;
	margin-top: -3px;
}

.sn-cat-footer {
	width: 932px;
	height: 6px;
	background: url("{T_THEME_PATH}/images/blue/cat-footer.png") no-repeat;
	margin-bottom: 6px;
	position: relative;
	z-index: 1;
	margin-top: -2px;
}

div.cat-name {
	background: transparent url("{T_THEME_PATH}/images/blue/cat-name-r.png") no-repeat scroll top right; 
	float: left;
	height: 21px;
	padding-right: 6px;
	margin-left: 4px;
	line-height: 21px;
}

div.cat-name span {
	background: transparent url("{T_THEME_PATH}/images/blue/cat-name-l.png") no-repeat; 
	display: block;
	padding-left: 6px;
	height: 21px;
	letter-spacing: -1px;
}

div.cat-name span, div.cat-name span a {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #096fb5;
	text-shadow: none;
}

.sn-cat-header-label {
	margin-top: 8px !important;
	text-shadow: 1px 1px 3px #000000;
	letter-spacing: 0.4px;
}
ma ancora non funge... :?:

@Tiger io non ho fretta.. quando puoi darci un'occhiata.. ;)

Avatar utente
Tiger
phpBB Expert
phpBB Expert
Messaggi: 1998
Iscritto il: 24/05/2011, 12:37
Sesso: Maschio
Versione: 3.0.12
Server: UNIX/Linux
PHP: 5.3.28
Database: MySQL(i) 5.5.35-cll
Località: Roma
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da Tiger » 19/09/2013, 23:18

Ok,ma mi devi mettere a video il template o parte dell'overall_header.html del supernova,non del prosilver liscio,cosi' da potergli dare un'occhiatina.

Avatar utente
systemcrack
Utente
Utente
Messaggi: 399
Iscritto il: 15/05/2010, 22:50
Sesso: Maschio
Versione: 3.1.3
Server: UNIX/Linux
PHP: 5.2.17
Database: MySQL 5.1.49-community-log
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da systemcrack » 20/09/2013, 0:07

Hai ragione anche tu!!! :lol:
Ecco l'intero overall_header del supernova:

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>
<!-- INCLUDE sn_config.html -->
<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="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
{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: Supernova
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: Christian Bullock ( http://www.ChristianBullock.com )

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<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 -->
		if ({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_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.tipsy.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/colour-switcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ui.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cats.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$('#sn-not-logged-in').mouseenter(function() {
		$('#sn-not-logged-in-hover').fadeIn('medium');
	});
	$('#sn-not-logged-in-hover').mouseleave(function() {
		$('#sn-not-logged-in-hover').fadeOut('medium');
	});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
	$("input:checkbox").each( function() {
		(this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
	});
	$(".fakecheck").click(function(){
		($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
		$(this.hash).trigger("click");
		return false;
	});
});
</script>
<!-- IF $SN_TOOLTIP -->
<script type='text/javascript'>
	$(function() {
		$('div.colour-block').tipsy({fade: true, gravity: 's'});
	});
</script>
<!-- ENDIF -->

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

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

<!-- Blank stylesheet connection ** Do not delete ** -->
<link rel="stylesheet" href="{T_THEME_PATH}/colour-switcher.css" type="text/css" class="colour-switcher" />
<!-- End of blank stylesheet -->

<!-- This javascript needs to be after the blank stylesheet for it to work properly -->
<script type="text/javascript">
      if($.cookie("sn_board_style")) {
         $("link.colour-switcher").attr("href",$.cookie("sn_board_style"));
      }
   $(document).ready(function() { 
      $("div.colour-block span a").click(function() { 
         $("link.colour-switcher").attr("href",$(this).attr('rel'));
         $.cookie("sn_board_style",$(this).attr('rel'), {expires: 365, path: '/'});
         return false;
      });
   });
</script>

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
<![endif]-->
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) or U_RESTORE_PERMISSIONS -->
<div class="sn-header-alert">
<!-- IF S_BOARD_DISABLED --><img src="{T_THEME_PATH}/images/exclamation.png" width="16" height="16" alt="" /> {L_INFORMATION}: {L_BOARD_DISABLED}<!-- ENDIF --><!-- IF S_BOARD_DISABLED and U_RESTORE_PERMISSIONS -->&nbsp;&bull;&nbsp;<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><img src="{T_THEME_PATH}/images/user_go.png" width="16" height="16" alt="" /> <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
</div><!-- /sn-header-alert -->
<!-- ENDIF -->

<div id="sn-header">
<a id="top" name="top" accesskey="t"></a>
<div id="sn-header-content">
<a id="sn-logo" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo-text-only.png" width="484" height="100" alt="" /></a>

<div id="sn-controlbox">

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div id="sn-not-logged-in"></div>
<div id="sn-not-logged-in-hover">
<div id="sn-nli-content">

<form method="post" action="{S_LOGIN_ACTION}">
<fieldset style="margin-top: -5px;">
<span class="sn-form-label">{L_USERNAME}:</span><br />
<input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
<span class="sn-form-label">{L_PASSWORD}:</span><br />
<input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<br /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
<input type="submit" name="login" value="" id="sn-nli-button" />
</fieldset>
</form>
</div><!-- /sn-nli-content -->
</div><!-- /sn-not-logged-in-hover -->
<!-- ENDIF --><!-- /s-user-not-logged-in -->

<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="mini-profile"><div class="mini-profile-inner">
<table cellpadding="0" cellspacing="0" border="0">
	<tr>
    	<td rowspan="2"><div class="member-icon"></div></td>
        <td>
        <a href="{U_PROFILE}" class="sn-mini-profile-username"><span style="color: #FFFFFF;">{S_USERNAME}</span></a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
        </td>
	</tr>
    <tr>
        <td style="padding-top: 4px;">
        <!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{PRIVATE_MESSAGE_INFO}</span></a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> &bull; <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{L_SEARCH_SELF}</span></a><!-- ENDIF -->
        </td>
    </tr>
</table>
</div></div> 
<!-- ENDIF --><!-- /s-user-logged-in-->

</div><!-- /sn-controlbox -->

</div><!-- /sn-header-content -->
</div><!-- /sn-header -->

<div id="sn-navbar">
<div id="sn-navbar-content">

<div style="float: left;">
<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}">{L_INDEX}</a> &nbsp;
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a> &nbsp;
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;
<img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /><a href="{U_PROFILE}">{L_PROFILE}</a>
<!-- ENDIF -->
</div><!-- /float left -->

<!-- IF $SN_COLOUR_SWITCHER -->
<div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
<span>
<a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
</span>
</div><!-- /colour-block -->
<!-- ENDIF -->

<div style="float: right;">
<!-- IF S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/disconnect.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><!-- ENDIF -->
<!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /><a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN -->&nbsp; <img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a><!-- ENDIF -->
</div>

</div><!-- /sn-navbar-content -->
</div><!-- /sn-navbar -->

<div id="sn-shadows">

<div class="sn-breadcrumbs">
<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <img src="{T_THEME_PATH}/images/breadcrumbs.png" width="12" height="16" alt="" /><a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
</div>

<div class="sn-options <!-- IF SCRIPT_NAME eq 'index' or 'viewforum' -->sn-search-links<!-- ENDIF --><!-- IF SCRIPT_NAME eq 'viewtopic' -->sn-restore-link-size<!-- ENDIF -->">
<!-- IF SCRIPT_NAME eq 'index' -->
<!-- IF S_DISPLAY_SEARCH -->
<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> &bull; <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF --><!-- /script-name-eq-index -->

<!-- IF U_EMAIL_TOPIC --><img src="{T_THEME_PATH}/images/email_go.png" width="16" height="16" alt="" /><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a>&nbsp;&nbsp;<!-- ENDIF --><!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF --><!-- IF U_PRINT_TOPIC --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF --><!-- IF U_PRINT_PM --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF -->
</div>

<div style="clear: both; height: 1px;" class="annoying-ie-spacing-issue"></div>
<a name="start_here"></a>
<div id="page-body">
Scusa ma sono sveglio dalle 5:40 e perdo colpi. :lol: ;)

Avatar utente
Tiger
phpBB Expert
phpBB Expert
Messaggi: 1998
Iscritto il: 24/05/2011, 12:37
Sesso: Maschio
Versione: 3.0.12
Server: UNIX/Linux
PHP: 5.3.28
Database: MySQL(i) 5.5.35-cll
Località: Roma
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da Tiger » 20/09/2013, 11:40

Potresti optare in questo modo:

(calcola che ho agito "al volo" quindi forse manchera' qualcosa(div ecc))

crearti un css nominandolo blue.css con il seguente contenuto:

Codice: Seleziona tutto

/* Supernova (Blue) by Christian Bullock
---------------------------------------- */

#dummy-element {width: 2px;}

#sn-shadows {
   min-height: 90%;
   width: 932px;
   padding: 0 19px;
   margin: 0 auto;
   background: url("{T_THEME_PATH}/images/shadow.png") repeat-y;
   margin-top: -8px; /* Bury shadow borders below navbar */
   padding-top: 15px; /* We don't want the board content to be buried by the navbar */
}

#sn-header {
   width: 100%;
   height: 100px;
   background: url("{T_THEME_PATH}/images/blue/headerbg.png") repeat-x bottom #0f518f;
}

#sn-header-content, #sn-navbar-content {width: 960px; margin: auto;}

a#sn-logo {
   width: 484px;
   height: 100px;
   background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
   display: block;
   float: left;
}

#sn-controlbox {
   float: right;
   margin-right: 30px;
}

#sn-not-logged-in {
   width: 259px;
   height: 31px;
   background: url("{T_THEME_PATH}/images/blue/login-notice.png") no-repeat;
   margin-top: 34px;
}

#sn-not-logged-in-hover {
   display: none;
   width: 271px;
   height: 248px;
   background: url("{T_THEME_PATH}/images/blue/login-notice-hover.png") no-repeat;
   position: absolute;
   z-index: 9999; /* Make the div hover above the nav bar */
   margin-top: -39px;
   margin-left: -6px;
}

#sn-nli-content {
   padding: 5px 15px 10px 15px;
   margin-top: 45px;
   color: #0870d1;
}

span.sn-form-label, #sn-nli-content a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: 0.5px;
}

#sn-nli-content a {
   text-transform:none;
   color: #0870d1;
   letter-spacing: normal;
}

.sn-nli-form {
   width: 233px;
   height: 24px;
   line-height: 24px;
   border: 1px solid #b8e3ff;
   background: url("{T_THEME_PATH}/images/blue/nli-form-bg.png") repeat-x;
   margin-top: 4px;
   margin-bottom: 6px;
   color: #0a81d0;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12px;
}

.fakecheck {
   font: 12px Tahoma, Arial, Helvetica, sans-serif;
   text-decoration: none;
   outline: none;
   background: url("{T_THEME_PATH}/images/blue/checkbox.png") no-repeat;
   height: 16px;
   display: block;
   float: left;
   padding: 1px 0px 0px 20px;
}

.fakechecked {
   background-position: left -25px;
}

#sn-nli-button {
   width: 69px;
   height: 26px;
   background: url("{T_THEME_PATH}/images/blue/login-button.png") no-repeat top;
   border: none;
   float: right;
   margin-top: 6px;
}

#sn-nli-button:hover {
   background-position: bottom;
}

div.mini-profile {
   background: transparent url("{T_THEME_PATH}/images/blue/mini-profile-r.png") no-repeat scroll top right;
   display: block;
   float: left;
   height: 52px;
   padding-right: 6px;
   text-decoration: none;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   margin-top: 21px;
   color: #FFFFFF;
}

div.mini-profile .mini-profile-inner {
   background: transparent url("{T_THEME_PATH}/images/blue/mini-profile-l.png") no-repeat;
   display: block;
   padding-left: 7px;
   padding-right: 5px;
   padding-top: 8px;
   height: 44px;
   text-align: left;
}

div.mini-profile img {
   vertical-align: middle;
   margin-top: -2px;
   margin-right: 3px;
}

.member-icon {
   width: 32px;
   height: 30px;
   background: url("{T_THEME_PATH}/images/blue/member-icon.png") no-repeat;
   float: left;
   margin-right: 8px;
}

a.sn-mini-profile-username {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF !important;
   text-decoration: none;
   text-transform: uppercase;
   text-shadow: 1px 1px 5px #000000;
   letter-spacing: -0.3px;
   float: left;
}

a.sn-mini-profile-username:hover, a.sn-mini-profile-logout:hover {
   text-decoration: underline;
}

a.sn-mini-profile-link {
   color: #FFFFFF;
   font-family: Verdana, Geneva, sans-serif;
}

a.sn-mini-profile-logout {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #87cfff;
   text-decoration: none;
   text-transform: uppercase;
   text-shadow: 1px 1px 5px #000000;
   letter-spacing: -0.3px;
   float: right;
}

.sn-header-alert {
   background-color: #FBE3E4;
   font-family: Verdana, Geneva, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #860006;
   height: 30px;
   line-height: 30px;
   text-align: center;
   border: 1px solid #FBC2C4;
}

.sn-header-alert a {color: #860006; text-decoration: underline;}
.sn-header-alert a:hover {text-decoration: none;}
.sn-header-alert img {vertical-align: middle; margin-top: -3px;}

#sn-navbar {
   width: 100%;
   height: 51px;
   line-height: 46px;
   background: url("{T_THEME_PATH}/images/navbg.png") repeat-x bottom transparent;
   position: relative; /* Allows for navbar to overlap shadow border */
}

#sn-navbar a {
   color: #0870d1;
   font-weight: bold;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 11px;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: -0.5px;
}

#sn-navbar a:hover {
   text-decoration: underline;
   color: #0a8ee6;
}

#sn-navbar img {vertical-align: middle; margin-top: -2px; margin-right: 6px;}
.sn-breadcrumbs {float: left; margin-bottom: 5px;}
.sn-options {float: right; margin-bottom: 5px;}

.sn-breadcrumbs a, .sn-options a {
   font-weight: bold;
   font-family: Verdana, Geneva, sans-serif;
   color: #0870D1;
   font-size: 12px;
}

.sn-breadcrumbs a:hover, a.sn-options a:hover {color: #0A8EE6;}

.sn-breadcrumbs img, .sn-options img {
   vertical-align: middle;
   margin-top: -6px;
   margin-right: 6px;
}

.sn-search-links a {
   font-size: 10px;
   letter-spacing: -0.04em;
}
dopodiche' in fondo al tuo stylesheet.css aggiungi questo:

Codice: Seleziona tutto

@import url("blue.css");
Poi l'overall_header.html del tuo style dovrebbe(dico dovrebbe effettua tutte prove preventive in locale)essere codesto:

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
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<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">
	<a id="top" name="top" accesskey="t"></a>
	<div id="sn-header">
    <a id="top" name="top" accesskey="t"></a>
    <div id="sn-header-content">
    <a id="sn-logo" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo-text-only.png" width="484" height="100" alt="" /></a>

    <div id="sn-controlbox">

    <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
    <div id="sn-not-logged-in"></div>
    <div id="sn-not-logged-in-hover">
    <div id="sn-nli-content">

    <form method="post" action="{S_LOGIN_ACTION}">
    <fieldset style="margin-top: -5px;">
    <span class="sn-form-label">{L_USERNAME}:</span><br />
    <input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
    <span class="sn-form-label">{L_PASSWORD}:</span><br />
    <input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

    <a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
    <br /><br />
    <!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
    <div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
    <input type="submit" name="login" value="" id="sn-nli-button" />
    </fieldset>
    </form>
    </div><!-- /sn-nli-content -->
    </div><!-- /sn-not-logged-in-hover -->
    <!-- ENDIF --><!-- /s-user-not-logged-in -->

    <!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
    <div class="mini-profile"><div class="mini-profile-inner">
    <table cellpadding="0" cellspacing="0" border="0">
       <tr>
           <td rowspan="2"><div class="member-icon"></div></td>
            <td>
            <a href="{U_PROFILE}" class="sn-mini-profile-username"><span style="color: #FFFFFF;">{S_USERNAME}</span></a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
            </td>
       </tr>
        <tr>
            <td style="padding-top: 4px;">
            <!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{PRIVATE_MESSAGE_INFO}</span></a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> &bull; <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{L_SEARCH_SELF}</span></a><!-- ENDIF -->
            </td>
        </tr>
    </table>
    </div></div>
    <!-- ENDIF --><!-- /s-user-logged-in-->

    </div><!-- /sn-controlbox -->

    </div><!-- /sn-header-content -->
    </div><!-- /sn-header -->

    <div id="sn-navbar">
    <div id="sn-navbar-content">

    <div style="float: left;">
    <img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}">{L_INDEX}</a> &nbsp;
    <img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a> &nbsp;
    <!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;<!-- ENDIF -->
    <!-- IF S_USER_LOGGED_IN -->
    <img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;
    <img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /><a href="{U_PROFILE}">{L_PROFILE}</a>
    <!-- ENDIF -->
    </div><!-- /float left -->

    <!-- IF $SN_COLOUR_SWITCHER -->
    <div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
    <span>
    <a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
    <a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
    <a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
    </span>
    </div><!-- /colour-block -->
    <!-- ENDIF -->

    <div style="float: right;">
    <!-- IF S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/disconnect.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><!-- ENDIF -->
    <!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /><a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
    <!-- IF not S_USER_LOGGED_IN -->&nbsp; <img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a><!-- ENDIF -->
    </div>

    </div><!-- /sn-navbar-content -->
    </div><!-- /sn-navbar -->

    <div id="sn-shadows">

    <div class="sn-breadcrumbs">
    <img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <img src="{T_THEME_PATH}/images/breadcrumbs.png" width="12" height="16" alt="" /><a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
    </div>

    <div class="sn-options <!-- IF SCRIPT_NAME eq 'index' or 'viewforum' -->sn-search-links<!-- ENDIF --><!-- IF SCRIPT_NAME eq 'viewtopic' -->sn-restore-link-size<!-- ENDIF -->">
    <!-- IF SCRIPT_NAME eq 'index' -->
    <!-- IF S_DISPLAY_SEARCH -->
    <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> &bull; <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
    <!-- ENDIF -->
    <!-- ENDIF --><!-- /script-name-eq-index -->

    <!-- IF U_EMAIL_TOPIC --><img src="{T_THEME_PATH}/images/email_go.png" width="16" height="16" alt="" /><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a>&nbsp;&nbsp;<!-- ENDIF --><!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF --><!-- IF U_PRINT_TOPIC --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF --><!-- IF U_PRINT_PM --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF -->
    </div>

    <div style="clear: both; height: 1px;" class="annoying-ie-spacing-issue"></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 -->
Non ti assicuro che funga,sono andato moltoooooo di fretta. ;)

Avatar utente
systemcrack
Utente
Utente
Messaggi: 399
Iscritto il: 15/05/2010, 22:50
Sesso: Maschio
Versione: 3.1.3
Server: UNIX/Linux
PHP: 5.2.17
Database: MySQL 5.1.49-community-log
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da systemcrack » 20/09/2013, 11:52

Buon giorno Tiger, più tardi proverò a darci un'occhiata. In ogni caso grazie anche solo per lo sbatti!!!!

Avatar utente
Tiger
phpBB Expert
phpBB Expert
Messaggi: 1998
Iscritto il: 24/05/2011, 12:37
Sesso: Maschio
Versione: 3.0.12
Server: UNIX/Linux
PHP: 5.3.28
Database: MySQL(i) 5.5.35-cll
Località: Roma
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da Tiger » 20/09/2013, 12:17

Dimenticavo,dall'overall_header.html che ti ho postato,togli questa stringa di code:

Codice: Seleziona tutto

        <!-- IF $SN_COLOUR_SWITCHER -->
        <div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
        <span>
        <a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
        <a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
        <a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
        </span>
        </div><!-- /colour-block -->
        <!-- ENDIF -->

Edit:
Fermo restando quanto detto per il codice sopra,ho effettuato una prova con le indicazioni che ti ho dato prima e funziona,anche se dopo dovrai modificare ed adattare la classe .wrap nel tuo common.css per adattarla al nuovo header:
Immagine

Ti uppo anche la cartella con le immagini che dovrai inserire nella cartella styles/theme del tuo styles(mancano alcune img che leggendo il codice nell'overall_header che ti ho postato sopra le puoi prelevare dal supernova:
supernovaimg.zip
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.

Avatar utente
systemcrack
Utente
Utente
Messaggi: 399
Iscritto il: 15/05/2010, 22:50
Sesso: Maschio
Versione: 3.1.3
Server: UNIX/Linux
PHP: 5.2.17
Database: MySQL 5.1.49-community-log
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da systemcrack » 20/09/2013, 14:21

GRANDE TIGER..!!!! mmm quindi immagino che fare in modo che l'header si adatti a seconda della definizione dello schermo come è ora sia una cosa ardua?

Avatar utente
Tiger
phpBB Expert
phpBB Expert
Messaggi: 1998
Iscritto il: 24/05/2011, 12:37
Sesso: Maschio
Versione: 3.0.12
Server: UNIX/Linux
PHP: 5.3.28
Database: MySQL(i) 5.5.35-cll
Località: Roma
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da Tiger » 20/09/2013, 15:57

systemcrack ha scritto:mmm quindi immagino che fare in modo che l'header si adatti a seconda della definizione dello schermo come è ora sia una cosa ardua?
No affatto ^^^
Niente di piu' facile:

Codesto code(gia' presente nel tuo overall_header che ti ho postato) lo aggiungi prima della classe .wrap

Codice: Seleziona tutto

<div id="sn-header-content">
        <a id="sn-logo" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo-text-only.png" width="484" height="100" alt="" /></a>

        <div id="sn-controlbox">

        <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
        <div id="sn-not-logged-in"></div>
        <div id="sn-not-logged-in-hover">
        <div id="sn-nli-content">

        <form method="post" action="{S_LOGIN_ACTION}">
        <fieldset style="margin-top: -5px;">
        <span class="sn-form-label">{L_USERNAME}:</span><br />
        <input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
        <span class="sn-form-label">{L_PASSWORD}:</span><br />
        <input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

        <a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
        <br /><br />
        <!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
        <div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
        <input type="submit" name="login" value="" id="sn-nli-button" />
        </fieldset>
        </form>
        </div><!-- /sn-nli-content -->
        </div><!-- /sn-not-logged-in-hover -->
        <!-- ENDIF --><!-- /s-user-not-logged-in -->

        <!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
        <div class="mini-profile"><div class="mini-profile-inner">
        <table cellpadding="0" cellspacing="0" border="0">
           <tr>
               <td rowspan="2"><div class="member-icon"></div></td>
                <td>
                <a href="{U_PROFILE}" class="sn-mini-profile-username"><span style="color: #FFFFFF;">{S_USERNAME}</span></a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
                </td>
           </tr>
            <tr>
                <td style="padding-top: 4px;">
                <!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{PRIVATE_MESSAGE_INFO}</span></a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> &bull; <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link"><span style="color: #FFFFFF;">{L_SEARCH_SELF}</span></a><!-- ENDIF -->
                </td>
            </tr>
        </table>
        </div></div>
        <!-- ENDIF --><!-- /s-user-logged-in-->

        </div><!-- /sn-controlbox -->

        </div><!-- /sn-header-content -->
        </div><!-- /sn-header -->

        <div id="sn-navbar">
        <div id="sn-navbar-content">

        <div style="float: left;">
        <img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}">{L_INDEX}</a> &nbsp;
        <img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a> &nbsp;
        <!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;<!-- ENDIF -->
        <!-- IF S_USER_LOGGED_IN -->
        <img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;
        <img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /><a href="{U_PROFILE}">{L_PROFILE}</a>
        <!-- ENDIF -->
        </div><!-- /float left -->


        <div style="float: right;">
        <!-- IF S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/disconnect.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><!-- ENDIF -->
        <!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /><a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
        <!-- IF not S_USER_LOGGED_IN -->&nbsp; <img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a><!-- ENDIF -->
        </div>

        </div><!-- /sn-navbar-content -->
        </div><!-- /sn-navbar -->

        <div id="sn-shadows">

        <div class="sn-breadcrumbs">
        <img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <img src="{T_THEME_PATH}/images/breadcrumbs.png" width="12" height="16" alt="" /><a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
        </div>

        <div class="sn-options <!-- IF SCRIPT_NAME eq 'index' or 'viewforum' -->sn-search-links<!-- ENDIF --><!-- IF SCRIPT_NAME eq 'viewtopic' -->sn-restore-link-size<!-- ENDIF -->">
        <!-- IF SCRIPT_NAME eq 'index' -->
        <!-- IF S_DISPLAY_SEARCH -->
        <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> &bull; <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
        <!-- ENDIF -->
        <!-- ENDIF --><!-- /script-name-eq-index -->

        <!-- IF U_EMAIL_TOPIC --><img src="{T_THEME_PATH}/images/email_go.png" width="16" height="16" alt="" /><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a>&nbsp;&nbsp;<!-- ENDIF --><!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF --><!-- IF U_PRINT_TOPIC --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF --><!-- IF U_PRINT_PM --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF -->
        </div>

        <div style="clear: both; height: 1px;" class="annoying-ie-spacing-issue"></div>
          </div>

Avatar utente
systemcrack
Utente
Utente
Messaggi: 399
Iscritto il: 15/05/2010, 22:50
Sesso: Maschio
Versione: 3.1.3
Server: UNIX/Linux
PHP: 5.2.17
Database: MySQL 5.1.49-community-log
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da systemcrack » 20/09/2013, 16:48

Grande!!! Grande!! Grande!! Grazie Tiger!!!

Avatar utente
Tiger
phpBB Expert
phpBB Expert
Messaggi: 1998
Iscritto il: 24/05/2011, 12:37
Sesso: Maschio
Versione: 3.0.12
Server: UNIX/Linux
PHP: 5.3.28
Database: MySQL(i) 5.5.35-cll
Località: Roma
Contatta:

Re: Modifica header bar e nav bar come lo stile Supernova

Messaggio da Tiger » 20/09/2013, 22:47

Di nulla figurati..............

Osservando meglio il tuo forum c'e' da applicare una correzione per(a mio avviso)il fastidioso spazio bianco in alto all'header,quindi:

apri il common.css del tuo style e trova:

Codice: Seleziona tutto

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}
sostituiscilo con:

Codice: Seleziona tutto

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 1px 0;
}
Aggiorna i temi e vedi se ti garba di piu'. ;)

Rispondi

Torna a “Supporto stili”

Chi c’è in linea

Visitano il forum: Nessuno e 33 ospiti