Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje07-01-2010, 14:16 (UTC)    
Título del mensaje: Menu en estilo css

Buenas gente si alguien me ayuda muchas gracias yo lo que quiero es que me agan un favor, que me ponga un menu que yo cree en mi estilo css no se como o si me lo esplicarian aqui le paso todo
AA y quisera que el menu quedara donde esta Menu del sitio ahi porfavor y me pasan el codigo si alguien puede.. Y gracias

Codigo del menu:
Cita:
<div id="adrian_id" >123 Flash Menu Placeholder.</div>
<script type="text/javascript">
var fo = new FlashObject("Adrian1.swf","adrian","150","450","6","#FFFFFF");
fo.addParam("menu","false");
fo.addParam("quality","best");
fo.addParam("scale","noscale");
fo.addParam("salign","LT");
fo.addParam("wmode", "transparent");
fo.write("adrian_id");
if (navigator.appName.indexOf("Microsoft")!= -1) {
document.adrian.style.position="absolute";
document.adrian.style.zIndex="10";
document.adrian.style.left="0px";
document.adrian.style.top="0px";
}else{
document.getElementById('adrian').style.position="absolute";
document.getElementById('adrian').style.zIndex="10";
document.getElementById('adrian').style.left="0px";
document.getElementById('adrian').style.top="0px";
}
</script>


Y este es el estilo que tengo:
Texto por encima de la pagina:
Cita:
<body bgcolor="#FFFFFF" 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="#FFFFFF"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td>
<td bgcolor="#FFFFFF" width="95%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif">

<DIV align=left><b><font face="Arial" size="1" color="#000000">
<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="#FFFFFF"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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/diegovenegas/a-06.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>NombredetuWeb.es.tl</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" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" width="1" height="1"></td>
<td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a href="http://www.diegovenegas.es.tl/" class="menu1">Inicio</a></td>
<td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#">Foro</a></td>
<td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#">Blog</a></td>
<td width="15%" class="topMenu" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" width="1" height="1"></td>
</tr>
</table>
</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td bgcolor="#E4E8F3"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td>
<td bgcolor="#E4E8F3" width="95%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif" align="right" class="copy"></td>
<td bgcolor="#E4E8F3"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">Menu del sitio</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4">

<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="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 02</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4">

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

</td></tr>
<tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 03</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4">

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

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


Texto por debajo de la pagina:
Cita:
</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td>
<td bgcolor="#E9ECF5" width="95%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center">Copyright MyCorp © 2009</td>
<td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-13.gif" width="119" height="21"></td>
</tr></table></td>


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


<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>

</td></tr>
<tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 05</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4">

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

</td></tr>
<tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 06</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4">

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

</td></tr>
<tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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/diegovenegas/a-01.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div>

</body>





<style type='text/css'>

.thumbnail
{position: relative;
z-index: 0;}

.thumbnail:hover
{background-color: transparent;
z-index: 50;}

.thumbnail span
{position: absolute;
background-color: black;
padding: 5px;
left: -100px;
border: 1px
dashed gray;
visibility: hidden;
color: #0066FF;
text-decoration: none;}

.thumbnail span img
{border-width: 0;padding: 2px;}

.thumbnail:hover span
{visibility: visible;
top: 0;
left: 10px;}

</style>


CSS-Code
sin Style Tags:
Cita:
a:link
{text-decoration:underline;
color:#000000;}

a:hover
{text-decoration:underline;
color:#0000FF;}

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:#000000;
text-transform:uppercase;
font-size:9px;
font-family:Tahoma,Verdana;}

a.menu1:link
{text-decoration:none;
color:#000000}

a.menu1:hover
{text-decoration:underline;
color:#0000FF}

.topBorder
{border-left:1px solid #000000;
border-right:1px solid #000000;}

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

.menu_1
{background-image:url(http://img.webme.com/pic/d/diegovenegas/a-02.gif);
widht: 190px;
height: 25px;
color:#000000;
margin-top:1px;
padding:0 20px;
line-height:25px;}

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

#content
{padding:10px;
color:#000000;
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/diegovenegas/a-02.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #000000;
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: #000000;}

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

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

ul{list-style-image: url(http://img.webme.com/pic/d/diegovenegas/a-14.gif);}

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group