Foros del Web » Creando para Internet » CSS »

Agregar varios Styles en uno solo

Estas en el tema de Agregar varios Styles en uno solo en el foro de CSS en Foros del Web. Necesito que me ayuden a arreglar un codigo, quiero agregar estos dos a un codigo de html pero como uno solo, ya que los he ...
  #1 (permalink)  
Antiguo 01/06/2011, 20:59
 
Fecha de Ingreso: noviembre-2010
Mensajes: 5
Antigüedad: 6 años, 10 meses
Puntos: 0
Agregar varios Styles en uno solo

Necesito que me ayuden a arreglar un codigo, quiero agregar estos dos a un codigo de html pero como uno solo, ya que los he intentado usar con los dos combinados, pero no me reconoce el codigo:

Ahi les van:

Codigo 1
Código:
/* root element for accordion. decorated with rounded borders and gradient background image */

body{
	padding:50px 80px;
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}

#accordion {
	background:#333 url(/img/global/gradient/h300.png) 0 0;
	width: 390px;
	height: 570px;
	border:1px solid #333;	
	-background:#666;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion .pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:450px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
Codigo 2:
Código:
body {	font-family: Arial; margin:0; padding:0; color:#FFFFFF; font-size:12px; width:100%; background:#FFFFFF; text-align:left 
}
#wrap { width:520px; position:relative; padding-top:100px;
}
#top_wrap { position:absolute; left:0px; top:0px; height:100px; background:#FFFFFF; width:520px; z-index:200;
}
#logo { padding:27px 0 26px 11px; width:224px; height:46px; float:left;
}
#like { padding:14px 8px 48px 0px; width:58px; height:37px; float:right;
}
.clear { font-size:0px; height:1px; clear:both;
}
img {border:0px
}
a {	outline:none;
}
.cc_menu{
	width:520px; /*130px * 4*/
	height:600px;
	position:relative;
	font-size:14px;
	text-transform:uppercase;
	color:#FFFFFF;
}
.cc_item{
	text-align:center;
	height:600px;
	width:129px;
	float:left;
	border-right:1px solid #908f8f;
	background:#8BC63E url(http://img193.imageshack.us/img193/795/verdecolumna.png) no-repeat left bottom;
	position:relative;
}
.service { background:#009bdb url(http://img40.imageshack.us/img40/7205/azulcolumna.png) no-repeat left top;
}
.products { background:#8BC63E url(http://img193.imageshack.us/img193/795/verdecolumna.png) no-repeat left bottom;
}
.contacts { background:#009bdb url(http://img40.imageshack.us/img40/7205/azulcolumna.png) no-repeat left top;
}
span.cc_title{
	color:#000000;
	font-size:18px;
	top:269px;
	left:0px;
	position:absolute;
	background:#ebebeb;
	width:126px;
	height:43px;
	line-height:43px;
	display:block;
	z-index:11;
}
.cc_submenu ul{
	list-style:none;
	width:129px;
	margin:0;
	padding:0;
	height:0px; /*increase to 151px to slide up*/
	overflow:hidden;
	text-align:left;
	background:#000;
	position:absolute;
	left:0px;
	bottom:0px;
	opacity:0.6;
	z-index:13;
}
.cc_submenu ul li{
	color:#ffffff;
	cursor:pointer;
	padding:12px;
}
.cc_item img{
	position:absolute;
	width:129px;
	height:600px;
	top:-700px;
	left:0px;
}

#footer_text { float:left; padding:65px 0 19px 15px; color:#585959;
}
#footer_text span {font-size:11px; padding-left:41px;
}
#footer_text a {font-size:11px; color:#585959; text-decoration:underline;
}
#social { float:right; padding:55px 6px 0 0
}
#social ul { padding:0px; margin:0px
}
#social li { padding:0 2px 0 0; margin:0px; list-style:none; float:left;
}
#social a { border:0px; font-size:0px;
}
.cc_content{
	width:390px;
	height:600px;
	position:absolute;
	left:-140px;
	background:#000000;
	overflow:hidden;
	font-size:12px;	
	color:#FFFFFF; text-transform:none;
}
.cc_content div{
	display:none;
	margin:0px;
	padding:15px 15px 0 15px
}
.cc_content div h1{
	font-size:24px; line-height:25px; padding:0 0 10px 1px; border-bottom:1px #8BC63E solid; width:191px; text-transform:uppercase; margin:0 0 13px 0;
}
.cc_content p{
	padding:0 0 16px 0; margin:0px;
}
span.cc_back{
	position:absolute;
	bottom:8px;
	right:9px;
	cursor:pointer;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
}
ul { padding:0px; margin:0px;
}
li { padding:0px; margin:0px; list-style:none; line-height:24px;
}
#contacts_info { line-height:20px; display:block; padding:0px; margin:0px
}
#contacts_info a { color:#e71e1e; text-decoration:underline;
}
Si necesitan el codigo completo para entenderlo, haganmelo saber.
Saludos

Etiquetas: styles
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:56.