Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje03-11-2010, 21:14 (UTC)    
Título del mensaje: Problema con diseño css ..

Hola abro este tema para saber si me pueden ayudar con mi diseño, no se ve la publicidad !



Encima:
Código:
<!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="ltr" lang="en-US" xml:lang="en">
<head>
<!--
    Created by Artisteer v2.3.0.23326
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
<FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  />
<FCK:meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"  />
<title>Artisteer </title>
<script type="text/javascript" src="http://h1.ripway.com/arguz/script.js"></script>
<link rel="stylesheet" href="http://h1.ripway.com/arguz/style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="http://h1.ripway.com/arguz/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://h1.ripway.com/arguz/style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div id="art-page-background-gradient"></div>
<div id="art-page-background-glare">
<div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-jpeg"></div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="#" _fcksavedurl="#" class=" active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li>
<a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
<ul>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1</a>
<ul>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1.1</a></li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1.2</a></li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1.3</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 2</a></li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 3</a></li>
</ul>
</li>
<li>
<a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
</li>
</ul>
</div>
<div class="art-contentLayout">
<div class="art-content">
<div class="art-Post">
<div class="art-Post-tl"></div>
<div class="art-Post-tr"></div>
<div class="art-Post-bl"></div>
<div class="art-Post-br"></div>
<div class="art-Post-tc"></div>
<div class="art-Post-bc"></div>
<div class="art-Post-cl"></div>
<div class="art-Post-cr"></div>
<div class="art-Post-cc"></div>
<div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostMetadataHeader">
<h2 class="art-PostHeader">
<img src="http://img703.imageshack.us/img703/8162/postheadericon.png" _fcksavedurl="http://img703.imageshack.us/img703/8162/postheadericon.png" width="26" height="26" alt="PostHeaderIcon" />
Welcome
</h2>
</div>
<div class="art-PostContent">
<p>Lorem ipsum dolor sit amet,
<a href="#" _fcksavedurl="#" title="link">link</a>, <a class="visited" href="#" _fcksavedurl="#" title="visited link">visited link</a>,
<a class="hover" href="#" _fcksavedurl="#" title="hovered link">hovered link</a> consectetuer
adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl
in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>
<p>
<span class="art-button-wrapper">
<span class="l"> </span>
<span class="r"> </span>
<a class="art-button" href="javascript:void(0)" _fcksavedurl="javascript:void(0)">Read more...</a>
</span>
</p>
<table class="table" width="100%">
<tr>
<td width="33%" valign="top">
<div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>Support</center></div>
</div>
<div class="art-BlockContent">
<div class="art-PostContent">
<img src="http://img823.imageshack.us/img823/2411/23929588.png" _fcksavedurl="http://img823.imageshack.us/img823/2411/23929588.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
<td width="33%" valign="top">
<div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>Development</center></div>
</div>
<div class="art-BlockContent">
<div class="art-PostContent">
<img src="http://img573.imageshack.us/img573/8113/61730825.png" _fcksavedurl="http://img573.imageshack.us/img573/8113/61730825.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
<td width="33%" valign="top">
<div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>Strategy</center></div>
</div>
<div class="art-BlockContent">
<div class="art-PostContent">
<img src="http://img825.imageshack.us/img825/3681/21108604.png" _fcksavedurl="http://img825.imageshack.us/img825/3681/21108604.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>


Abajo:
Código:
 </div>
</div>
</div>
<div class="art-sidebar1">
<div class="art-Block">
<div class="art-Block-tl"></div>
<div class="art-Block-tr"></div>
<div class="art-Block-bl"></div>
<div class="art-Block-br"></div>
<div class="art-Block-tc"></div>
<div class="art-Block-bc"></div>
<div class="art-Block-cl"></div>
<div class="art-Block-cr"></div>
<div class="art-Block-cc"></div>
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="art-header-tag-icon">
<div class="t">Highlights</div>
</div>
</div><div class="art-BlockContent">
<div class="art-BlockContent-body">
<div>
<p><b>Jun 14, 2008</b><br />
Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam
diam dictum urna, nec placerat elit
nisl in quam. Etiam augue pede,
molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra.<br />
<a href="javascript:void(0)" _fcksavedurl="javascript:void(0)">Read more...</a></p>
<p><b>Aug 24, 2008</b><br />
Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam
diam dictum urna, nec placerat elit
nisl in quam. Etiam augue pede,
molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra.<br />
<a href="javascript:void(0)" _fcksavedurl="javascript:void(0)">Read more...</a></p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="cleared"></div><div class="art-Footer">
<div class="art-Footer-inner">
<a href="#" _fcksavedurl="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-Footer-text">
<p><a href="#" _fcksavedurl="#">Contact Us</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="#" _fcksavedurl="#">Trademarks</a>
| <a href="#" _fcksavedurl="#">Privacy Statement</a><br />
Copyright © 2009 ---. All Rights Reserved.</p>
</div>
</div>
<div class="art-Footer-background"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"><a href="http://www.artisteer.com/" _fcksavedurl="http://www.artisteer.com/">Web Template</a> created with Artisteer.</p>
</div>
</body>
</html>


Sin style tags:
Código:
table {margin-left:auto;margin-right:auto;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


______________
We miss you Cliff Burton :-(
Mensaje04-11-2010, 01:02 (UTC)    
Título del mensaje:

busca esta seccion en tu css y agregale la linea en rojo

Cita:
#art-page-background-gradient
{
position: absolute;
background-image: url(http://img824.imageshack.us/img824/1425/pagebggradientou.jpg);
background-repeat: repeat-x;
top:0;
width:100%;
height: 500px;
z-index:-1;
}

esto dejara ese bonito efecto de luz encima de la publicidad, no se si sea recomendable pero contacte a un mod a ver si le deja mantener esa imagen encima de la publicidad
______________
Mensaje04-11-2010, 18:19 (UTC)    
Título del mensaje:

darknet13 escribió:
busca esta seccion en tu css y agregale la linea en rojo

Cita:
#art-page-background-gradient
{
position: absolute;
background-image: url(http://img824.imageshack.us/img824/1425/pagebggradientou.jpg);
background-repeat: repeat-x;
top:0;
width:100%;
height: 500px;
z-index:-1;
}

esto dejara ese bonito efecto de luz encima de la publicidad, no se si sea recomendable pero contacte a un mod a ver si le deja mantener esa imagen encima de la publicidad


No encuentro esa parte
______________
We miss you Cliff Burton :-(
Mensaje04-11-2010, 20:59 (UTC)    
Título del mensaje:

Revivo Necesito ayuda
______________
We miss you Cliff Burton :-(
Mensaje04-11-2010, 22:22 (UTC)    
Título del mensaje:

mundo-pgd escribió:
No encuentro esa parte


lamento haber tardado en responder, esa zona esta en su css que esta alojado en ripway
http://h1.ripway.com/arguz/style.css

debe editar la zona que le indique y resubirlo.


o puede copiar todo lo que esa dentro y pegarlo en CSS sin styletags , pero eso incluye eliminar esta linea
<link rel="stylesheet" href="http://h1.ripway.com/arguz/style.css" type="text/css" media="screen" />
______________
Mensaje04-11-2010, 22:45 (UTC)    
Título del mensaje:

darknet13 escribió:
mundo-pgd escribió:
No encuentro esa parte


lamento haber tardado en responder, esa zona esta en su css que esta alojado en ripway
http://h1.ripway.com/arguz/style.css

debe editar la zona que le indique y resubirlo.


o puede copiar todo lo que esa dentro y pegarlo en CSS sin styletags , pero eso incluye eliminar esta linea
<link rel="stylesheet" href="http://h1.ripway.com/arguz/style.css" type="text/css" media="screen" />


Nada No se nada de codigos, lo podrias hacer tu?
______________
We miss you Cliff Burton :-(
Mensaje04-11-2010, 23:10 (UTC)    
Título del mensaje:

claro que si, pero recuerde que es mas divertido hacerlo por si mismo

no puse texto por debajo por que no le modifique nada, debe utilizar la que usted posteo, solo modifique texto por encima y CSS sin styletags

pegue esto en texto por encima de la pagina
Cita:
<!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="ltr" lang="en-US" xml:lang="en">
<head>
<!--
Created by Artisteer v2.3.0.23326
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
-->
<FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<FCK:meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Artisteer </title>
<script type="text/javascript" src="http://h1.ripway.com/arguz/script.js"></script>
<!--[if IE 6]><link rel="stylesheet" href="http://h1.ripway.com/arguz/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://h1.ripway.com/arguz/style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div id="art-page-background-gradient"></div>
<div id="art-page-background-glare">
<div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-jpeg"></div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="#" _fcksavedurl="#" class=" active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li>
<a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
<ul>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1</a>
<ul>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1.1</a></li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1.2</a></li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 1.3</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 2</a></li>
<li><a href="#" _fcksavedurl="#">Menu Subitem 3</a></li>
</ul>
</li>
<li>
<a href="#" _fcksavedurl="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
</li>
</ul>
</div>
<div class="art-contentLayout">
<div class="art-content">
<div class="art-Post">
<div class="art-Post-tl"></div>
<div class="art-Post-tr"></div>
<div class="art-Post-bl"></div>
<div class="art-Post-br"></div>
<div class="art-Post-tc"></div>
<div class="art-Post-bc"></div>
<div class="art-Post-cl"></div>
<div class="art-Post-cr"></div>
<div class="art-Post-cc"></div>
<div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostMetadataHeader">
<h2 class="art-PostHeader">
<img src="http://img703.imageshack.us/img703/8162/postheadericon.png" _fcksavedurl="http://img703.imageshack.us/img703/8162/postheadericon.png" width="26" height="26" alt="PostHeaderIcon" />
Welcome
</h2>
</div>
<div class="art-PostContent">
<p>Lorem ipsum dolor sit amet,
<a href="#" _fcksavedurl="#" title="link">link</a>, <a class="visited" href="#" _fcksavedurl="#" title="visited link">visited link</a>,
<a class="hover" href="#" _fcksavedurl="#" title="hovered link">hovered link</a> consectetuer
adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl
in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>
<p>
<span class="art-button-wrapper">
<span class="l"> </span>
<span class="r"> </span>
<a class="art-button" href="javascript:void(0)" _fcksavedurl="javascript:void(0)">Read more...</a>
</span>
</p>
<table class="table" width="100%">
<tr>
<td width="33%" valign="top">
<div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>Support</center></div>
</div>
<div class="art-BlockContent">
<div class="art-PostContent">
<img src="http://img823.imageshack.us/img823/2411/23929588.png" _fcksavedurl="http://img823.imageshack.us/img823/2411/23929588.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
<td width="33%" valign="top">
<div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>Development</center></div>
</div>
<div class="art-BlockContent">
<div class="art-PostContent">
<img src="http://img573.imageshack.us/img573/8113/61730825.png" _fcksavedurl="http://img573.imageshack.us/img573/8113/61730825.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
<td width="33%" valign="top">
<div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="t"><center>Strategy</center></div>
</div>
<div class="art-BlockContent">
<div class="art-PostContent">
<img src="http://img825.imageshack.us/img825/3681/21108604.png" _fcksavedurl="http://img825.imageshack.us/img825/3681/21108604.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque sed felis. Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam diam dictum urna. </p>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>


y esto en CSS sin Style tags
Cita:
/* begin Page */

/* Generated with Artisteer version 2.3.0.23326, file checksum is 96301B29. */

body
{
margin: 0 auto;
padding: 0;
background-color: #F2F8FC;
background-image: url(http://img823.imageshack.us/img823/5999/pagebgtextureod.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}

#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}

#art-page-background-glare
{
position: absolute;
width: 100%;
height: 264px;
left: 0;
top: 0;
}

#art-page-background-glare-image
{
display:none
}

html:first-child #art-page-background-glare
{
border: 1px solid transparent; /* Opera fix */
}


#art-page-background-gradient
{
position: absolute;
background-image: url(http://img824.imageshack.us/img824/1425/pagebggradientou.jpg);
background-repeat: repeat-x;
top:0;
width:100%;
height: 500px;
z-index:-1;
}

#art-page-background-gradient
{
background-position: top left;
}


.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


form
{
padding:0 !important;
margin:0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 900px;
min-width:35px;
min-height:35px;
}

.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 3px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 34px;
height: 34px;
background-image: url(http://img155.imageshack.us/img155/9420/sheetsyy.png);
}

.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 17px, 17px, auto);
}

.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 17px, 17px);
}

.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(17px, 17px, auto, auto);
}

.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(17px, auto, auto, 17px);
}

.art-Sheet-tc, .art-Sheet-bc
{
left: 17px;
right: 17px;
height: 34px;
background-image: url(http://img26.imageshack.us/img26/6857/sheethov.png);
}

.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 17px, auto);
}

.art-Sheet-bc
{
bottom: 0;
clip: rect(17px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
top: 17px;
bottom: 17px;
width: 34px;
background-image: url(http://img709.imageshack.us/img709/3897/sheetvdx.png);
}

.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 17px);
}

.art-Sheet-cl
{
left:0;
clip: rect(auto, 17px, auto, auto);
}

.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 17px;
left: 17px;
right: 17px;
bottom: 17px;
background-image: url(http://img2.imageshack.us/img2/9217/sheetcnr.png);
}


.art-Sheet
{
margin-top: -3px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:900px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 894px;
height: 225px;
}


div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 894px;
height: 225px;
background-image: url(http://img825.imageshack.us/img825/4245/headerpa.jpg);
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-menu li li
{
float: none;
}

.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}

.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}

.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}

.art-menu ul
{
background-image: url(http://img821.imageshack.us/img821/74/spacerrr.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}





/* menu structure */

.art-menu
{
padding: 8px 4px 0px 4px;
}

.art-nav
{
position: relative;
height: 33px;
z-index: 100;
}

.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 33px;
background-image: url(http://img709.imageshack.us/img709/1264/navfkb.png);
}

.art-nav .l
{
left: 0;
right:0px;
}

.art-nav .r
{
right: 0;
width: 894px;
clip: rect(auto, auto, auto, 894px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
clear: both;
}

.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 25px;
cursor: pointer;
text-decoration: none;
margin-right: 3px;
margin-left: 3px;
}


.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 75px;
background-image: url(http://img204.imageshack.us/img204/7707/menuitemrrk.png);
}

.art-menu a .l
{
left:0;
right:3px;
}

.art-menu a .r
{
width:406px;
right:0;
clip: rect(auto, auto, auto, 403px);
}

.art-menu a .t
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #CFE6F2;
padding: 0 15px;
margin: 0 3px;
line-height: 25px;
text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
top:-25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-25px;
}
.art-menu a:hover .t
{
color: #102D3C;
}

.art-menu li:hover a .t
{
color: #102D3C;
}

.art-menu li:hover>a .t
{
color: #102D3C;
}


.art-menu a.active .l, .art-menu a.active .r
{
top: -50px;
}

.art-menu a.active .t
{
color: #03090C;
}


/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 180px;
overflow:hidden;
line-height: 20px;
margin-right: auto;


background-image: url(http://img837.imageshack.us/img837/1714/subitembgev.png);
background-position: left top;
background-repeat: repeat-x;
border-width: 0px;
border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #17476D;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-menu ul ul a
{
margin-left: auto;
}

.art-menu ul li a:hover
{
color: #E2EEF9;
background-position: 0 -20px;
}

.art-menu ul li:hover>a
{
color: #E2EEF9;
background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #E2EEF9;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #E2EEF9;
}


/* end MenuSubItem */

/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 1px;
width: 894px;
}
/* end ContentLayout */

/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:15px;
min-height:15px;
}

.art-Block-body
{
position: relative;
z-index: 1;
padding: 7px;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
position:absolute;
z-index:-1;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
width: 14px;
height: 14px;
background-image: url(http://img529.imageshack.us/img529/8356/blockss.png);
}

.art-Block-tl
{
top:0;
left:0;
clip: rect(auto, 7px, 7px, auto);
}

.art-Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 7px, 7px);
}

.art-Block-bl
{
bottom: 0;
left: 0;
clip: rect(7px, 7px, auto, auto);
}

.art-Block-br
{
bottom: 0;
right: 0;
clip: rect(7px, auto, auto, 7px);
}

.art-Block-tc, .art-Block-bc
{
left: 7px;
right: 7px;
height: 14px;
background-image: url(http://img16.imageshack.us/img16/6294/blockhne.png);
}

.art-Block-tc
{
top: 0;
clip: rect(auto, auto, 7px, auto);
}

.art-Block-bc
{
bottom: 0;
clip: rect(7px, auto, auto, auto);
}

.art-Block-cr, .art-Block-cl
{
top: 7px;
bottom: 7px;
width: 14px;
background-image: url(http://img138.imageshack.us/img138/9702/blockvxy.png);
}

.art-Block-cr
{
right:0;
clip: rect(auto, auto, auto, 7px);
}

.art-Block-cl
{
left:0;
clip: rect(auto, 7px, auto, auto);
}

.art-Block-cc
{
position:absolute;
z-index:-1;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-image: url(http://img560.imageshack.us/img560/2076/blockc.png);
}


.art-Block
{
margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 7px;
margin-bottom: 7px;
}

.art-BlockHeader .t
{
height: 30px;
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
white-space : nowrap;
padding: 0 6px;
line-height: 30px;
}

.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url(http://img714.imageshack.us/img714/1928/blockheaderuq.png);
}

.art-BlockHeader .l
{
left:0;
right:6px;
}

.art-BlockHeader .r
{
width:894px;
right:0;
clip: rect(auto, auto, auto, 888px);
}





.art-header-tag-icon
{
height: 30px;
background-position:left top;
background-image: url(http://img25.imageshack.us/img25/6317/blockheadericonbz.png);
padding:0 0 0 13px;
background-repeat: no-repeat;
min-height: 12px;
margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 8px;
}



.art-BlockContent-body
{
color:#286F95;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-BlockContent-body a:link
{
color: #1D5787;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #429CCD;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #2572B1;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body ul
{
list-style-type: none;
color: #0F2A38;
margin:0;
padding:0;
}

.art-BlockContent-body ul li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-decoration: none;
line-height: 125%;
line-height: 1.25em;
padding: 0px 0 0px 13px;
background-image: url(http://img100.imageshack.us/img100/5990/blockcontentbulletsde.png);
background-repeat: no-repeat;
}

/* end Box, BlockContent */

/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:15px;
min-height:15px;
}

.art-Post-body
{
position: relative;
z-index: 1;
padding: 11px;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
position:absolute;
z-index:-1;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
width: 14px;
height: 14px;
background-image: url(http://img181.imageshack.us/img181/184/postsw.png);
}

.art-Post-tl
{
top:0;
left:0;
clip: rect(auto, 7px, 7px, auto);
}

.art-Post-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 7px, 7px);
}

.art-Post-bl
{
bottom: 0;
left: 0;
clip: rect(7px, 7px, auto, auto);
}

.art-Post-br
{
bottom: 0;
right: 0;
clip: rect(7px, auto, auto, 7px);
}

.art-Post-tc, .art-Post-bc
{
left: 7px;
right: 7px;
height: 14px;
background-image: url(http://img243.imageshack.us/img243/1263/posthbg.png);
}

.art-Post-tc
{
top: 0;
clip: rect(auto, auto, 7px, auto);
}

.art-Post-bc
{
bottom: 0;
clip: rect(7px, auto, auto, auto);
}

.art-Post-cr, .art-Post-cl
{
top: 7px;
bottom: 7px;
width: 14px;
background-image: url(http://img191.imageshack.us/img191/9254/postvxx.png);
}

.art-Post-cr
{
right:0;
clip: rect(auto, auto, auto, 7px);
}

.art-Post-cl
{
left:0;
clip: rect(auto, 7px, auto, auto);
}

.art-Post-cc
{
position:absolute;
z-index:-1;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #E2EEF9;
}


.art-Post
{
margin: 5px;
}

/* Start images */
a img
{
border: 0;
}

.art-article img, img.art-article
{
border: solid 1px #3D91D6;
margin: 1em;
}

.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}

.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #6CACE0;
vertical-align: top;
text-align:left;
}

.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}

/* Finish tables */

pre
{
overflow: auto;
padding: 0.1em;
}

/* end Box, Post */

/* begin PostMetadata */
.art-PostMetadataHeader
{
padding:1px;
background-color: #DDECF8;
border-color: #9EC8EA;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata */

/* begin PostHeaderIcon */
.art-PostHeader
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #163F55;
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
margin:0;
color: #163F55;
}

.art-PostHeader img
{
border:none;
vertical-align: middle;
margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #17476D;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #25698D;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #2572B1;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #1F5775;
}


.art-PostContent p
{
margin: 0.5em 0;
}

.art-PostContent, .art-PostContent p
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: center;
color: #1F5775;
}

.art-PostContent
{
margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #2572B1;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #2572B1;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #163F55;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #2572B1;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #226081;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #2D7EA9;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #2572B1;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #286F95;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #286F95;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #286F95;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #184259;
margin:1em 0 1em 2em;
padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}

li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}

li
{
margin:0.2em 0;
padding:0;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position:inside;

}



.art-Post li
{
padding:0px 0 0px 13px;
line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
background: none;
padding-left:0;
}

.art-Post ul li, .art-Post ol ul li
{
background-image: url(http://img836.imageshack.us/img836/6003/postbulletspz.png);
background-repeat:no-repeat;
padding-left:13px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
color:#07151C;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote,
.art-PostContent blockquote
{
border:solid 1px #9EC8EA;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;
background-color:#DDECF8;
background-image:url(http://img573.imageshack.us/img573/2822/postquotem.png);
background-position:left top;
background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:31px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
vertical-align: middle;
}

.art-button img, .art-button-wrapper img
{
margin: 0;
}

.art-button-wrapper
{
display:inline-block;
vertical-align: middle;
position:relative;
height: 31px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}

.firefox2 .art-button-wrapper
{
display:block;
float:left;
}

.art-button-wrapper .art-button
{
display:block;
height: 31px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-align: left;
padding: 0 19px !important;
line-height: 31px;
text-decoration: none !important;
color: #000000 !important;
}

input, select
{
vertical-align: middle;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #000000 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
color: #E2EEF9 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 93px;
background-image: url(http://img502.imageshack.us/img502/7446/buttonna.png);
}

.art-button-wrapper .l
{
left:0;
right:14px;
}

.art-button-wrapper .r
{
width:421px;
right:0;
clip: rect(auto, auto, auto, 407px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -31px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -62px;
}


/* end Button */

/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 894px;
margin: 5px auto 0px auto;
}

.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}

.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url(http://img513.imageshack.us/img513/149/footeruh.png);
width: 894px;
height: 150px;
bottom:0;
left:0;
}


.art-rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url(http://img824.imageshack.us/img824/680/rssicondwy.png);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
cursor: default;
}




.art-Footer .art-Footer-text p
{
margin: 0;
}

.art-Footer .art-Footer-text
{
display:inline-block;
color:#091B2A;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #1B517E;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #0B1E28;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #1B517E;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#246DA8;
}

.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#246DA8;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 669px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 892px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 223px;
}
/* end LayoutCell */

______________


Ultima edición por darknet13 el Jue Nov 04, 2010 7:12 pm; editado 1 vez
Mensaje05-11-2010, 21:15 (UTC)    
Título del mensaje:

Gracias, perdon por el fastidio pero como le quito esto:


______________
We miss you Cliff Burton :-(
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group