stile supernova

[chicks0315]

Salve sto modificando questo tema SUPERNOVA

attualmente è in queste condizioni:

http://webpapers.sc8.eu/

c'è la selezione dei colori e attualmente sono riuscito a modificare tutti i colori che volevo abbastanza bene(in nero)

solo che rimangono le barre laterali della tabella del forum in blu.

Cosa devo modificare ? vi devo postare il css o la pagina del Template ?

[chicks0315]

scusate il messaggio consicutivo ma mi sarebbe urgente almeno risolvere questo problema

[chicks0315]

ci proverò grazie mille

edit: perfetto grazie mille, avevo pensato di modificarlo ma era bianco non cpaisvo come poteva centrare, bho

[chicks0315]

ciao riapro il topic per un altro problema semrpe sullo stesso stile:

ho aggiunto sulla navbar uno stile per dei pulsanti, si vede perfetto tranne alcune cose:

- nel forum, home, idnice ok, ma appena mi cheide di autenticarmi nel pannello di amministrazione i pulsanti scompaiono

Questo è nell'indice del forum



questo è quando mi devo riautenticare per accedere all'amministrazione(in pratica i pulsanti vanno via e rimangono le scritte infatti sono bianche da confondersi con il div navbar)):



CSS:

Codice: Seleziona tutto

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
margin-left: 23px;
margin-top: 7px;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
margin-right: -13px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #FFFFFF; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #FFFFFF;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

HTML:

Codice: Seleziona tutto

<div id="sn-navbar">
<div id="sn-navbar-content">
<div class="aerobuttonmenu black">
<a href="http://www.dynamicdrive.com" class="aero"><span>HOME</span></a> 
<a href="http://www.dynamicdrive.com/style/" class="aero"><span>FORUM</span></a> 
<a href="http://www.gamecrackworld.tv/viewtopic.php?f=46&t=7542" title=" - Educazione e presentazione nell'area presentati

- Un solo topic per tutti i problemi per ogni gioco nella sezione aiuto giochi, quindi cercate prima con la funziona di ricerca il gioco per cui avete il problema e rispondete in quello e solo se non risulta trattato il gioco create un nuovo topic.


- Nelle sezioni di richiesta(crack, giochi, traduzioni, download) e' vietato richiedere giochi o crack o traduzioni o download gia' presenti in catalogo quindi consultate prima il catalogo di sezione.


- Usare esclusivamente il topic DOWNLOAD MANCANTI E NON FUNZIONANTI per segnalre: link download non funzionanti, password mancanti." class="aero"><span>REGOLAMENTO</span></a> 
<!-- IF S_USER_LOGGED_IN -->
<a href="http://www.javascriptkit.com" class="aero"><span>PROFILO</span></a> 
<a href="http://www.cssdrive.com" class="aero"><span>PANNELLO UTENTE</span></a>
<!-- ENDIF -->

<!-- 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 -->&nbsp;<a href="{U_LOGIN_LOGOUT} "class="aero"><span>{L_LOGOUT}</span></a><!-- ENDIF -->
<!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><a href="{U_REGISTER} "class="aero"><span>{L_REGISTER}</span></a><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN -->&nbsp;<a href="{U_LOGIN_LOGOUT}" class="aero"><span>{L_LOGIN}</span></a><!-- ENDIF -->
</div>
</div>

</div>
</div></div>

Come procedo ? grazie mille

[Carlo]

Hai controllato se guardando il sorgente HTML della pagina da connesso, il codice compare, o meno?

[chicks0315]

compare il tutto il codice se vedo la sorgente :-8 che può essere ?

[chicks0315]

ci sto vedendo ma non riesco lo stesso

EDIT: ho risolto da me, ho spostato la cartella che conteneva le immagini del menù dalla root dentro la cartella THEME del template.

[chicks0315]

Riaggiorno il topic, visto che il caso precedente è stato poi risolto con successo da me, ma ora ho un altro problema, sarò pure rompiballe ma volevo qualche consiglio in merito al css dello stile supernova.

Sapete che si può cambiare colore e io ho modificato il colore blue in nero e va tutto perfetto.
Solo che cambiando in rosso mi si presenta che le scritte(link) all'interno del mnù che ho creato nella navbar il colore rosso si confonde molto con il nero dei pulsanti del menù perciò mi cheidevo se mi potete aiutare a cambiare la scritte dei link presenti nei vari pulsanti:

questo è il css del colore rosso:

Codice: Seleziona tutto

/* Supernova Colour-specific Stylesheet (Red) */

#dummy-element {width: 2px;} /* Required. Don't delete */

body {color: #a60808;}

#sn-header {background-color: #bf1e1e;}

#sn-nli-content, .sn-nli-form, fieldset.quick-login input.inputbox, input.inputbox:hover, input.inputbox:focus, #message-box textarea:hover, #message-box textarea:focus, a.button1, input.button1, input.button3, a.button2, input.button2, a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, input.search, input.search:hover, input.search:focus, #sn-navbar a, .sn-breadcrumbs a, .sn-options a {color: #C50000;}
input.inputbox:hover, input.inputbox:focus, #message-box textarea:hover, #message-box textarea:focus, textarea.inputbox:hover {border-color: #C50000;}

.sn-nli-form, fieldset.quick-login input.inputbox, a.button1, input.button1, a.button2, input.button2, input.button3, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, input.search, input.search:hover, input.search:focus {border-color: #f5c1c1;}

#sn-nli-content a {color: #a70000;}

.mini-profile span a {color: #FFFFFF;}
a.sn-mini-profile-logout {color: #ff8686 !important;}

#sn-navbar a:hover, .sn-breadcrumbs a:hover, .sn-options a:hover  {color: #FFFFFF;}

div.cat-name span, div.cat-name span a {color: #AB1B1B;}

.sn-big-stat, a.forumtitle, a.forumtitle:active, a:link, a:visited, a:active, a.left, a.left:active, a.left:visited a.right, a.right:visited, a.right:visited, h2, h3, label, .content h2, .panel h2, .postbody h3, #tabs a span, #navigation a, #navigation #active-subsection a {color: #BB1D1D;}

.row .pagination span a:hover, li.pagination span a:hover, .pagination span a:hover, .pagination span strong {background-color: #BB1D1D; border-color: #BB1D1D;}

a.forumtitle:hover, a:hover, a.left:hover, a.right:hover, a.topictitle:hover {color: #e32323;}

select {background-color: #fdf0f0; border-color: #f1a4a4; color: #a81a1a;}

.navbar {background-color: #f5d2d2;}

.bg1 {background-color: #fbf0f0;}
.bg2, .bg3 {background-color: #fbecec;}

blockquote, blockquote blockquote blockquote {border-color: #e0bfbf;}
blockquote blockquote {background-color: #f5ebeb;}

.forabg, .forumbg {background-color: #891616;}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {background-color: #fcdada;}

#tabs a:hover span {color: #e32323;}

#navigation a {background-color: #d1b3b3;}
#navigation a:hover {color: #e32323;}
#navigation #active-subsection a:hover {color: #e32323;}



/* Below are only image overrides. Only thing to edit below here is the /red/ file name to some other colour */

.reply-icon span {background-image: url("../images/red/post-reply.png");}
.post-icon span	{background-image: url("../images/red/new-topic.png");}
.locked-icon span {background-image: url("../images/red/locked.png");}
.pmreply-icon span {background-image: url("../images/red/send-reply.png");}
.newpm-icon span {background-image: url("../images/red/new-pm.png");}
.forwardpm-icon span {background-image: url("../images/red/forward.png");}

#sn-header {background: url("../images/red/headerbg.png");}
a#sn-logo {background-image: url("../images/red/logo.png");}
#sn-not-logged-in {background-image: url("../images/red/login-notice.png");}
#sn-not-logged-in-hover {background-image: url("../images/red/login-notice-hover.png");}

.fakecheck {background-image: url("../images/red/checkbox.png");}
#sn-nli-button {background-image: url("../images/red/login-button.png");}
div.mini-profile {background-image: url("../images/red/mini-profile-r.png");}
div.mini-profile .mini-profile-inner {background-image: url("../images/red/mini-profile-l.png");}
.member-icon {background-image: url("../images/red/member-icon.png");}

.sn-cat-header {background-image: url("../images/red/cat-header.png");}
.sn-cat-row {background-image: url("../images/red/cat-row.png");}
.sn-cat-footer {background-image: url("../images/red/cat-footer.png");}
div.cat-name {background-image: url("../images/red/cat-name-r.png");}
div.cat-name span {background-image: url("../images/red/cat-name-l.png");}

input.search, input.search:hover, input.search:focus {background-image: url("../images/red/search-form-bg.png");}
a.button1, input.button1, input.button3, a.button2, input.button2 {background-image: url("../images/red/buttonbg.png");}
.sn-nli-form, fieldset.quick-login input.inputbox {background-image: url("../images/red/nli-form-bg.png");}

.forabg, .forumbg {background-image: url("../images/red/bg_list.gif");}

#tabs a {background-image: url("../images/red/bg_tabs1.gif");}
#tabs a span {background-image: url("../images/red/bg_tabs2.gif");}
#navigation a {background-image: url("../images/red/bg_menu.gif");}
.rtl #navigation a {background-image: url("../images/red/bg_menu_rtl.gif");}

questo è css del colore nero(modifcato dal blue):

Codice: Seleziona tutto

/* Supernova (Blue) CSS Information by Christian Bullock (http://www.ChristianBullock.com)
---------------------------------------- */

#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: 200px;
	background: url("{T_THEME_PATH}/images/blue/headerbg.png") repeat-x bottom #000000;
}

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

a#sn-logo {
	width: 484px;
	height: 200px;
	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: 67px;
}

#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: 47px;
	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: #FFFFFF;
	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: #FFFFFF;
}

#sn-navbar img {vertical-align: middle; margin-top: -2px; margin-right: 6px;}

div.colour-block {
	background: transparent url("{T_THEME_PATH}/images/colour_block_right.png") no-repeat scroll top right; 
	float: right;
	height: 26px;
	padding-right: 7px;
	margin-top: 11px;
	margin-left: 10px;
	line-height: 25px;
}

div.colour-block span {
	background: transparent url("{T_THEME_PATH}/images/colour_block_left.png") no-repeat; 
	display: block;
	padding-left: 29px;
	height: 26px;
}

div.colour-block span a {outline: none;}

img.colour-block {
	margin-right: 0px !important;
}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url("{T_THEME_PATH}/images/tipsy.gif"); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.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;
}

li.row {border-bottom: none;}

.sn-forum-description {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #838383;
	line-height: 14px;
}

.sn-big-stat {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0e5999;
}

.sn-move-icon {
	width: 11px;
	height: 11px;
	float: right;
	background-image: url("{T_THEME_PATH}/images/move-icon.png");
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-right: 5px;
	cursor: move;
}

.sn-placeholder {
	background-color: #F6F6F6;
	border: 2px dashed #DDDDDD;
	margin-bottom: 4px;
	background-image: url("{T_THEME_PATH}/images/drop.png");
	background-position: 50% 20px;
	background-repeat: no-repeat;
}

.sn-stat-info {
	padding-left: 40px;
	background-repeat: no-repeat;
}

.sn-stat-info strong {
	font-size: 14px;
}

.sn-index-icon {
	position: relative;
	left: -18px;
}

.sn-author-column {
	width: 40% !important;
}

.sn-reported-row {
	background-image: url("{T_THEME_PATH}/images/row-reported.png") !important;
	background-repeat: repeat-x;
	background-color: #fdeded !important;
}

.sn-unapproved-row {
	background-image: url("{T_THEME_PATH}/images/row-unapproved.png") !important;
	background-repeat: repeat-x;
	background-color: #eefcee !important;
}

.postbody h3 {
	color: #115098;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0.4px;
}

h3.first {
	font-size: 16px !important;
	

questo è il sito prova in cui sto facendo le modifiche:

http://webpapers.sc8.eu/index.php

provate anche voi se potete vedete il risultato cambiando colore al rosso come si vede.

[chicks0315]

ti ringrazio ma ti giuro che avrò smanettato su tanti valori si vede che questo l'ho saltato per questo chiedo a voi che siete più specializzati a fare queste cose.

un ultima cosa per adesso: io per il menu navbar ho messo il css nell'oveall header e siccome mi sembra ingombrante vorrei includero in un css qual'è la sintassi giusta per richiamare ad usarla e dove va posizionata ?

grazie e scusatemi

[chicks0315]

ti ringrazio sei gentilissimo ed efficace allo stesso tempo. Se ho qualche altro problema per questo stile se non riesco posto qui.

grazie