Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Togliere nero di sfondo come?

    Buona sera a tutti,io ho questo script:
    code.jpg
    come faccio a rimuovere il nero dis fondo lasciando solo le tab sopra e il bianco senza manomettere il suo funzionamento? lo style css è il seguente:
    codice HTML:
    * {	margin:0;	padding:0;}body {	background:url(../../images/background.png) top left;	font: .8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
    h2{ 	margin-bottom:1px;}
    #wrapper{	width:720px;	margin:40px auto 0;}
    #wrapper h1{	color:#FFF;	text-align:center;	margin-bottom:20px;}
    #wrapper a{	display:block;	font-size:1.2em;	padding-top:20px;	color:#FFF;	text-decoration:none;	text-align:center;}
    #tabContainer {	width:1000px;	padding:15px;	background-color:#2e2e2e;	-moz-border-radius: 4px;	border-radius: 4px; }
    #tabs{	height:30px;	overflow:hidden;}
    #tabs > ul{	font: 1em;	list-style:none;}
    #tabs > ul > li{	margin:0 2px 0 0;	padding:7px 10px;	display:block;	float:left;	color:#FFF;	-webkit-user-select: none;	-moz-user-select: none;	user-select: none;	-moz-border-radius-topleft: 4px;	-moz-border-radius-topright: 4px;	-moz-border-radius-bottomright: 0px;	-moz-border-radius-bottomleft: 0px;	border-top-left-radius:4px;	border-top-right-radius: 4px;	border-bottom-right-radius: 0px;	border-bottom-left-radius: 0px; 	background: #C9C9C9; /* old browsers */	background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C91EC), color-stop(100%,#257AB6)); /* webkit */}
    #tabs > ul > li:hover{	background: #FFFFFF; /* old browsers */	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */	cursor:pointer;	color: #333;}
    #tabs > ul > li.tabActiveHeader{	background: #FFFFFF; /* old browsers */	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */	cursor:pointer;	color: #333;}
    #tabscontent {	-moz-border-radius-topleft: 0px;	-moz-border-radius-topright: 4px;	-moz-border-radius-bottomright: 4px;	-moz-border-radius-bottomleft: 4px;	border-top-left-radius: 0px;	border-top-right-radius: 4px;	border-bottom-right-radius: 4px;	border-bottom-left-radius: 4px; 	padding:10px 10px 25px;	background: #FFFFFF; /* old browsers */	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */	margin:0;	color:#333;}

  2. #2

    codice giusto:

    codice HTML:
    * {	margin:0;
    	padding:0;
    }
    body {
    	background:url(../../images/background.png) top left;
    	font: .8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    }
    
    h2{ 
    	margin-bottom:1px;
    }
    
    #wrapper{
    	width:720px;
    	margin:40px auto 0;
    }
    
    #wrapper h1{
    	color:#FFF;
    	text-align:center;
    	margin-bottom:20px;
    }
    
    #wrapper a{
    	display:block;
    	font-size:1.2em;
    	padding-top:20px;
    	color:#FFF;
    	text-decoration:none;
    	text-align:center;
    }
    
    #tabContainer {
    	width:1000px;
    	padding:15px;
    	background-color:#2e2e2e;
    	-moz-border-radius: 4px;
    	border-radius: 4px; 
    }
    
    #tabs{
    	height:30px;
    	overflow:hidden;
    }
    
    #tabs > ul{
    	font: 1em;
    	list-style:none;
    }
    
    #tabs > ul > li{
    	margin:0 2px 0 0;
    	padding:7px 10px;
    	display:block;
    	float:left;
    	color:#FFF;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	user-select: none;
    	-moz-border-radius-topleft: 4px;
    	-moz-border-radius-topright: 4px;
    	-moz-border-radius-bottomright: 0px;
    	-moz-border-radius-bottomleft: 0px;
    	border-top-left-radius:4px;
    	border-top-right-radius: 4px;
    	border-bottom-right-radius: 0px;
    	border-bottom-left-radius: 0px; 
    	background: #C9C9C9; /* old browsers */
    	background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C91EC), color-stop(100%,#257AB6)); /* webkit */
    }
    
    #tabs > ul > li:hover{
    	background: #FFFFFF; /* old browsers */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
    	cursor:pointer;
    	color: #333;
    }
    
    #tabs > ul > li.tabActiveHeader{
    	background: #FFFFFF; /* old browsers */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
    	cursor:pointer;
    	color: #333;
    }
    
    #tabscontent {
    	-moz-border-radius-topleft: 0px;
    	-moz-border-radius-topright: 4px;
    	-moz-border-radius-bottomright: 4px;
    	-moz-border-radius-bottomleft: 4px;
    	border-top-left-radius: 0px;
    	border-top-right-radius: 4px;
    	border-bottom-right-radius: 4px;
    	border-bottom-left-radius: 4px; 
    	padding:10px 10px 25px;
    	background: #FFFFFF; /* old browsers */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */
    	margin:0;
    	color:#333; }

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, ti basta semplicemente rimuovere la regola background-color:#2e2e2e; definita per #tabContainer.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.