Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje24-03-2010, 18:43 (UTC)    
Título del mensaje: Problema con plantilla css

Hola gente toy tratando de poner esta plantilla css pero deforma toda mi web nose porque

Texto por encima de la pagina.
<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" >
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif">

<DIV align=left><b><font face="Arial" size="1" color="#969696">
<SPAN
id=clock>
<SCRIPT language=JavaScript>
<!-- Begin
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym=""+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate=dayarray[day]+" "+daym+" de "+montharray[month]+" del "+year+" "+hours+":"+minutes+":"+seconds+" "+dn+""
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->
</SCRIPT>
</SPAN></font></b></DIV>

</td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td></tr>
</table>

<table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center">
<tr><td bgcolor="#000000" background="http://img.webme.com/pic/d/dpruebas/a-01.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>Nombre Página</b></td></tr></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td class="topBorder">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" width="1" height="1"></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a href="#" class="menu1">Inicio</a></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Foro</a></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Blog</a></td>
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" width="1" height="1"></td>
</tr>
</table>
</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-09.gif" width="11" height="21"></td></tr>
</table>


<div style="padding:3px"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td width="195" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">

<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>

</td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Box 02</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

</td>
<td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td>
</tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#242424" colspan="3" class="topBorder" style="padding:3px;" valign="top">


Por debajo de la pagina

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><font color="#969696">Copyright MyCorp © 2009</font></td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-13.gif" width="119" height="21"></td>
</tr></table></td>


<td width="195" valign="top" align="right" padding-left=" 25px">
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Internet</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">

<div id="sidebar2" class="sidebar">
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/desp.js"></script>
<div class="applemenu">

<div class="silverheader"><a href="#">Nombre Menu</a></div><div class="submenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>

<div class="silverheader"><a href="#" >Nombre Menu</a></div>
<div class="submenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>

</div></td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Box 04</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</div></td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

</td></tr>
</table>

<div style="padding:5px;text-align:center;">
<a href="http://www.diegovenegas.es.tl">
<img style="margin:0;padding:0;border:0;" src="http://img.webme.com/pic/d/dpruebas/a-14.gif"
width="80" height="15" title="Design by DiegoVenegas" /></a></div>

</body>


Codigo sin Style Tag

a:link, a:visited, a:active
{text-decoration:none;
color:#969696;}

a:hover
{text-decoration:none;
color:#4B4B4B;}

td, body
{font-family:Verdana,Arial,Helvetica;
font-size:11px;}

form
{padding:0px;margin:0px;}

input,textarea,select
{vertical-align:middle;
font-size:8pt;
font-family:Verdana,Arial,Helvetica;}

.copy
{font-size:10px;}

hr
{color:#A9B8C2;
height:1px;}

label {cursor:pointer;
cursor:hand}

.blockTitle,.menu1
{color:#969696;
text-transform:uppercase;
font-size:9px;
font-family:Tahoma,Verdana;}

a.menu1:link, a.menu1:visited, a.menu1:active
{text-decoration:none;
color:#969696}

a.menu1:hover
{text-decoration:none;
color:#4B4B4B}

.topBorder
{border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color: #969696;}

.topMenu
{border:1px solid #FFFFFF;
padding:2px;}

.menu_1
{background-image:url(http://img.webme.com/pic/d/dpruebas/a-06.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#969696;
margin-top:1px;
padding:0 20px;
line-height:25px;}

.menu_1:hover
{background-image:url(http://img.webme.com/pic/d/dpruebas/a-07.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#4B4B4B;
margin-top:1px;
padding:0 20px;
line-height:25px;}

#content
{padding:10px;
color:#969696;
font-family: Helvetica, sans-serif;
font-size:14px;
background-color:#transparent;
overflow:auto;}

.nav_element, .header, #content_container h2,
#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,
#extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading,
div.header,h1#title,h2#title span,#counter
{display: none;}

.applemenu
{margin: 5px 0;
padding: 0;
width: 182px;}

.applemenu div.silverheader a
{background: black url(http://img.webme.com/pic/d/dpruebas/a-06.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #969696;
display: block;
position: relative;
width: auto;
padding: 5px 0;
padding-left: 25px;
text-decoration: none;}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{color: #969696;}

.applemenu div.selected a, .applemenu div.silverheader a:hover
{background-image: url(http://img.webme.com/pic/d/dpruebas/a-07.gif);
color: #4B4B4B;}

.applemenu div.submenu
{ padding: 5px;}

ul{list-style-image: url(http://img.webme.com/pic/d/dpruebas/b-02.gif);}


Weno queda toda deformada mi web :S cual sera la solucion ? [/code]
Mensaje28-03-2010, 18:15 (UTC)    
Título del mensaje:

La plantilla esa bien pero falta en el css style esto al principio
Código:

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


creo por lo menos a mi me funciona http://pruebaslinze.es.tl
______________


Ultima edición por mundolinze el Dom Mar 28, 2010 2:16 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group