Pagina 2 di 4
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 19/09/2013, 20:55
da systemcrack
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 --> • <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>
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> <!-- 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>
<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 --> <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..
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 19/09/2013, 23:18
da Tiger
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.
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 0:07
da systemcrack
Hai ragione anche tu!!!
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} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- 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 --> • <!-- 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 --> • <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>
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> <!-- 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>
<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 --> <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 --> • <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> • <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> • <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> • <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> <!-- 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.
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 11:40
da Tiger
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:
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} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- 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 --> • <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>
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> <!-- 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>
<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 --> <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 --> • <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> • <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> • <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> • <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> <!-- 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.
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 11:52
da systemcrack
Buon giorno Tiger, più tardi proverò a darci un'occhiata. In ogni caso grazie anche solo per lo sbatti!!!!
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 12:17
da Tiger
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:
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
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 14:21
da systemcrack
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?
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 15:57
da Tiger
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 --> • <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>
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> <!-- 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>
<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 --> <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 --> • <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> • <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> • <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> • <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> <!-- 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>
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 16:48
da systemcrack
Grande!!! Grande!! Grande!! Grazie Tiger!!!
Re: Modifica header bar e nav bar come lo stile Supernova
Inviato: 20/09/2013, 22:47
da Tiger
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'.