Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje05-10-2010, 03:24 (UTC)    
Título del mensaje: problemon con la web plantilla

hola toy intentando adactar una plantilla que publicaron por el foro, para darle un nuevo estilo a la web. pero estoy blokeado. no logro centrar el diseño para que se me vea estirada en toda la pantaya, (explore,Firefox,google trhone) en mi pantaya de 23 pulgadas. se me ve muy ancha y se me repite la web. en mi pantaya del portatil se me ve demaciado pekeña y se me amontonan las cosas, pero no se repite. alguien me podria ayudar . un codigo o detectar el fallo q devo remplasar para q se me ajuste en toda la pantaya cualkier navegador. y si es mucho pedir no me mandeis a leer un TEMA del foro, o un Manual o Guia, sobre como aserlo. ya que pongo aqui los codigos para que me markeis en rojo lo que devo sustituir o remplasar y o porque. es mas facil para todos un saludo y muchas gracias

Código:

 [b]ENSIMA DE LA PAGINA[/b]


<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>

<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>va ser k no pivitol</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">

<div class="shell">
<!-- Logo -->
<h1 id="logo" class="notext"><a href="#">1texto</a></h1>
<!-- End Logo -->
</div>
</div>
<!-- End Header -->

<!-- Navigation -->

<div id="navigation">
<div class="shell">
<div class="cl"> </div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Ayuda</a></li>

<li><a href="#">Categorias</a></li>
<li><a href="#">Descargas</a></li>
</ul>
<div class="cl"> </div>
</div>
</div>
<!-- End Navigation -->

<!-- Heading -->

<div id="heading">
<div class="shell">
<div id="heading-cnt">

<!-- Sub nav -->
<div id="side-nav">
<ul>


</div></li>
</ul>
</div>
<!-- End Sub nav -->

<!-- Widget -->

<div id="heading-box">
<div id="heading-box-cnt">
<div class="cl"> </div>

<!-- Main Slide Item -->
<div class="featured-main">
<a href="#"><img src="http://img.webme.com/pic/b/blacksunonline/mulanlagay.jpg" alt="" /></a>
<div class="featured-main-details">
<div class="featured-main-details-cnt">
<h4><a href="#">Mulan: estreno 10/10/2010</a></h4>

<p>Genero:accion Año:2010  Categoria:Extreno</p>
</div>
</div>
</div>
<!-- End Main Slide Item -->

<div class="featured-side">

<!-- Slide Item 1 -->
<div class="featured-side-item">

<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/mierdola33333.jpg" alt="" /></a>
<h4><a href="#">10Texto</a></h4>
<p>11Texto</p>
<div class="cl"> </div>
</div>
<!-- End Slide Item 1 -->

<!-- Slide Item 2 -->

<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/mierdaalolo222.png" alt="" /></a>
<h4><a href="#">12Texto</a></h4>
<p>13Texto</p>
<div class="cl"> </div>
</div>
<!-- End Slide Item 2 -->


<!-- Slide Item 3 -->
<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/avatar68x68.png" alt="" /></a>
<h4><a href="#">14Texto</a></h4>
<p>15Texto</p>
<div class="cl"> </div>
</div>

<!-- End Slide Item 3 -->

<!-- Slide Item 4 -->
<div class="featured-side-item">
<div class="cl"> </div>
<a href="#" class="left"><img src="http://img.webme.com/pic/b/blacksunonline/mierdaalolo222.png" alt="" /></a>
<h4><a href="#">16Texto</a></h4>
<p>17Texto</p>
<div class="cl"> </div>

</div>
<!-- End Slide Item 4 -->
</div>
<div class="cl"> </div>
</div>
</div>
<!-- End Widget -->

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

<!-- End Heading -->

<!-- Main -->
<div id="main">
<div class="shell">
<div class="cl"> </div>
<div id="sidebar">
<h2>Top100</h2>
<ul>
<li>

<small class="date">Hankook</small>
<p>accion</p>
</li>
<li>
<small class="date">Lobezno:Origen</small>
<p>19Texto</p>
</li>

<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>21Texto</p>

<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>21Texto</p>

<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>
<small class="date">Texto</small>
<p>21Texto</p>
<li>
<small class="date">Texto</small>
<p>20Texto</p>
</li>
<li>


<h2>Generos</h2>
<ul>
<li>

<li>
<a href="www.google.es"<small class="date">ACCION</small>

</li>
<li>
<a href="www.google.es"<small class="date">COMEDIA</small>


<li>
<a href="www.google.es"<small class="date">AVENTURA</small>

</li>
<li>
<a href="www.google.es"<small class="date">TERROR</small>


<li>
<a href="www.google.es"<small class="date">BÉLICO</small>

</li>
<li>
<a href="www.google.es"<small class="date">ARTES MARCIALES</small>


<li>
<a href="www.google.es"<small class="date">DEPORTE</small>

</li>
<li>
<a href="www.google.es"<small class="date">FANTÁSTICO</small>

</li>
<li>
<a href="www.google.es"<small class="date">INTRIGA</small>

</li>
<li>
<a href="www.google.es"<small class="date">MUSICAL</small>


</li>
</ul>
<a href="#" class="archives">mas..</a>
</div>
<div id="content">
<div class="cl"> </div>
<div class="grey-box">


<h3><a href="#">Texto</a></h3>
<a href="#"><img src="http://wimg.co.uk/DSM.jpg" alt="" /></a>
<p>
<span>24Texto</span>
<a href="#" class="button">Texto</a>
</p>
</div>

<div class="grey-box">
<h3><a href="#">25Texto</a></h3>
<a href="#"><img src="http://wimg.co.uk/40W.jpg" alt="" /></a>
<p>
<span>26Texto</span>
<a href="#" class="button">Texto</a>
</p>

</div>
<div class="grey-box last">
<h3><a href="#">27Texto</a></h3>
<a href="#"><img src="http://wimg.co.uk/rhE.jpg" alt="" /></a>
<p>
<span>tio lanzando pelota de mierda a todo gas porq parese un maricon q awita el nota pero weno q le vamos aser..</span>
<a href="#" class="button">Ver</a>

</p>
</div>
<div class="cl"> </div>
<div class="video-box">
<div class="cl"> </div>



[b]DEBAJO DE LA PAGINA[/b]



</p>
</div>
<div class="cl"> </div>
<div class="video-box">
<div class="cl"> </div>

<h2 class="left">Texto</h2>
<a href="#" class="button">Texto</a>
<div class="cl"> </div>

<div class="video-item-box">
<a href="#" class="left"><img src="http://wimg.co.uk/8Rr.jpg" alt="" /></a>
<p>29Texto</p>
<a href="#" class="watch-now">30Texto</a>
</div>
<div class="video-item-box second">
<a href="#" class="left"><img src="http://wimg.co.uk/2pv.jpg" alt="" /></a>
<p>31Texto</p>

<a href="#" class="watch-now">Texto</a>
</div>
<div class="video-item-box">
<a href="#" class="left"><img src="http://wimg.co.uk/6SL.jpg" alt="" /></a>
<p>32Texto</p>
<a href="#" class="watch-now">Texto</a>
</div>

<div class="video-item-box second">
<a href="#" class="left"><img src="http://wimg.co.uk/LhV.jpg" alt="" /></a>
<p>33Texto</p>
<a href="#" class="watch-now">Texto</a>
</div>
<div class="cl"> </div>
</div>
</div>

<div class="cl"> </div>
</div>
</div>
<!-- End Main -->

<!-- Footer -->
<div id="footer">
<div class="shell">
<div class="cl"> </div>
<a href="#" class="left">T34exto</a>

<a href="#" class="left">35Texto</a>
<p class="right">© Sitename.com. Design by <a href="http://chocotemplates.com">ChocoTemplates.com</a>
Adapted by <a href="Luis Figueroa P/">Luis Figueroa.P</a></p>
<div class="cl"> </div>
</div>
</div>
<!-- End Footer -->
</body>

</html>


[b]STYLE TAGS[/b]



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;}
* { padding: 0; margin: 0; outline: 0; }

body {
font-size: 12px;
font-family: Arial, sans-serif;
color: #fff;
background: #171717;
height: 100%;
text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #9fea00; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;}
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 930px;}

#header {background: #000;}
#header .shell {width: 1018px; background: url(http://img.webme.com/pic/b/blacksunonline/kasimierda2.jpg) no-repeat 10px 0;height: 84px;}

h1#logo {padding-left: 250px; float: left; padding-top: 21px;}
h1#logo a {display: block; background: url(2publisidadbanner) no-repeat 0 0; width: 299px; height: 39px;}

#navigation {background: url(http://wimg.co.uk/MzU.gif) repeat-x 0 0; height: 50px;}
#navigation ul {float: right; list-style-type: none;}
#navigation ul li {background: url(http://wimg.co.uk/mat.gif) no-repeat right 0; float: left; display: inline; padding-left: 23px; padding-right: 19px;}
#navigation ul li a {color: #676767; font-family: tahoma, sans-serif; font-size: 13px; text-transform: uppercase; padding-top: 16px; display: block; height: 34px; float: left;}

#heading {height: 340px; background: url(http://img.webme.com/pic/b/blacksunonline/fondomoy.png) repeat-x 0 0;}
#heading .shell {width: 983px; position: relative;}
#heading-cnt {background: url(http://wimg.co.uk/CnE.png) no-repeat 0 0; width: 983px; height: 161px;}

#side-nav ul {list-style-type: none; width: 205px; padding-top: 9px; padding-left: 20px;}
#side-nav ul li {float: left; display: block; width: 205px; padding-bottom:5px;}
#side-nav ul li a {width: 195px; height: 18px; display: block; padding-left: 10px; padding-top: 4px; text-transform: uppercase; color: #636363; font-size: 11px; font-weight: bold;position: relative;}
#side-nav ul li .link {background: url(http://wimg.co.uk/GBv.png) no-repeat 0 0; width: 205px; height: 22px;}
#side-nav ul li.active a {color: #77912b;}
#side-nav ul li.active a:hover {text-decoration: none;}

#heading-box {position: absolute; top: 9px; left: 235px;}
#heading-box-cnt {background: url(http://wimg.co.uk/2hP.png) no-repeat 0 0; width: 709px; height: 316px; padding-top: 5px; padding-left: 4px;}
.featured-main {position: relative; width: 440px; float: left;}
.featured-main img {border: 1px solid #000;}
.featured-main-details {position: absolute; left: 0; top: 260px;}
.featured-main-details-cnt { background: url(http://wimg.co.uk/JdA.png) repeat 0 0; width: 425px; height: 44px; padding-left: 10px; padding-top: 7px; padding-right: 5px;}
.featured-main-details h4, .featured-main-details h4 a {font-size: 12px; color: #9fea00;}
.featured-main-details p {color: #c9c9c9; font-size: 10px;}

.featured-side {width: 260px; padding-left: 6px; float: left;}
.featured-side-item {padding-right: 5px; padding-bottom: 10px;}
.featured-side-item img {border: 1px solid #000; margin-right: 3px;}
.featured-side-item h4, .featured-side-item h4 a {font-size: 12px; color: #9fea00;padding-top: 4px;}
.featured-side-item p {color: #c9c9c9; font-size: 10px;}

#main {background: url(http://wimg.co.uk/_JM.gif) repeat-x 0 0; padding-top: 8px; padding-bottom: 45px;}
#main h2 {color: #fff; font-size: 16px; text-transform: uppercase; padding-bottom: 2px;}
#sidebar {padding-top: 14px; width: 197px; padding-right: 10px; float: left;}
#sidebar ul {list-style-type: none; padding-bottom: 7px;}
#sidebar ul li {background: url(http://wimg.co.uk/CeR.gif) repeat-x 0 bottom; padding-bottom: 5px; padding-top: 5px;}
#sidebar ul li small.date {color: #93de3c; font-size: 9px;}

a.archives {color: #909090; font-size: 11px; text-decoration: underline; display: block;}
a.archives:hover {text-decoration: none;}

#content {width: 713px; float: left;}
.grey-box {background: url(http://wimg.co.uk/r3l.gif) no-repeat 0 0; width: 209px; height: 228px; float: left; padding: 10px 26px 17px 8px;}
.last {padding-right: 10px !important;}
.grey-box h3, .grey-box h3 a {font-size: 13px; color: #303235; text-transform: uppercase; padding-bottom: 8px;}
.grey-box img {background: #fff; border: 1px solid #cfcfcf; padding: 1px; margin-bottom: 6px;}
.grey-box p {color: #1f1f1f; width: 205px;}
.grey-box p span {padding-bottom: 6px; display: block;}

a.button {background: url(http://wimg.co.uk/HuI.png) no-repeat 0 0; float: right; width: 81px;height: 16px; display: block; color: #373737; font-size: 10px; padding-top: 3px; text-align: center; text-transform: uppercase;}

.video-box {width: 690px; height: 191px; background: url(http://wimg.co.uk/LXV.gif) no-repeat 0 0; padding-left: 10px; padding-top: 17px; padding-right: 13px;}
.video-box h2 {padding-bottom: 10px !important;}
.video-item-box {background: url(http://wimg.co.uk/aQk.gif) no-repeat 0 0; width: 332px; height: 60px; float: left; padding-top: 8px; padding-left: 6px; padding-right: 17px; padding-bottom: 15px;}
.video-item-box img {border: 3px solid #333; margin-right: 7px;}
.video-item-box p {color: #f9f9f9;}
.second {padding-right: 5px !important; background: url(http://wimg.co.uk/yYn.gif) no-repeat 0 0; width: 324px; }
a.watch-now {text-decoration: underline; text-transform: uppercase;}
a.watch-now:hover {text-decoration: none;}

#footer {padding-bottom: 50px; width: 930px; margin: 0 auto; padding-right: 12px; font-size: 10px;}
#footer .shell {background: url(http://wimg.co.uk/gpA.gif) repeat-x 0 0; padding-top: 10px; margin: 0 auto;}
#footer a {color: #fff; margin-right: 10px; text-decoration: underline;}
#footer a:hover {text-decoration: none;}[/quote]

Mensaje05-10-2010, 18:16 (UTC)    
Título del mensaje:

hola,lo que pide es un tanto complicado,ya que ningun navegador interpreta
las paginas de igual manera,aparte es imposible que se vea una pagina
igual en varias resoluciones,mire esto:

http://www.martinp.es.tl/Distintas-resoluciones.htm

saludos
Mensaje05-10-2010, 22:17 (UTC)    
Título del mensaje:

alfasite escribió:
hola,lo que pide es un tanto complicado,ya que ningun navegador interpreta
las paginas de igual manera,aparte es imposible que se vea una pagina
igual en varias resoluciones,mire esto:

http://www.martinp.es.tl/Distintas-resoluciones.htm

saludos


vale pero no , ay alguna manera q se me vea espandida del todo .. q me coja toda la pantaya , con eso me conformo por ahoar. ahi tienes los codigos .. tu k arias ? un saludo.
Mensaje06-10-2010, 17:38 (UTC)    
Título del mensaje:

hola,si usa el diseño ice blue,hay una forma de hacerlo:

Código:
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


coloque el codigo en texto por encima de la pagina(kit de construccion-editar diseño-Configuraciones avanzadas)

saludos
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group