hola resulta que active el modo PORTAL y quisiera saber como poner las cosas que me parecen interesantes como por ejemplo asi :

algo asi si no entienden les dejo una imagen

I-M-A-G-E-N

Ve a Aspecto - HTML y pones lo siguiente:

Y en contenido pones los enlaces que quieras en HTML.

SI PERO COMO HAGO PARA QUE CUANDO LE HAGAN CLICK SE VALLAN DIRECTO ALA CATEGORIA ?

Donde pone contenido, pones:

<a href="ENLACE CATEGORIA">NOMBRE CATEGORIA</a>

Si no sabes cual es la url de la categoria, ve al indice de subforos de tu foro, y pincha sobre el nombre de la categoria, entonces puedes coger la direccion de la barra de direcciones del navegador.

amigo pero eso lo puedo poner en el portal ? mi idea es ponerlo en el portal

Si pones el código que te he dado en la cabecera HTML de tu foro si aparecera en el portal.

ya. lo que yo quiero tambien es que si se puede poner un fondo ya sea celeste o azul . ah y otra cosa en un foro vi que al apretar una de esas categorias aparecia otras secciones mas como se podra hacer eso ?

Entonces:

Si quieres hacer que al pulsar un enlace se abra una lista desplegable, busca por google: Menú desplegable JavaScript.

cual me recomiendas ?

Cualquiera que vaya.

mira lo que quiero yo es algo como esto :

Con una imagen no se puede ver sus funciones..

Si me enseñas esa imagen haces creer que lo que quieres es una simple tabla que contiene hiperenlaces con título.

te doy el enlance del foro para que lo veas asi lo ves mejor ?

Sí. O eso, o describes claramente el menú.

• aca esta el foro y es muy conocido : foro

El menú de ese foro es muy malo, las subopciones suelen desaparecer antes de que me de tiempo a elegir una, pero bueno. Reitiro que busques por google: Menú desplegable JavaScript. Existen hasta generadores:

http://www.tunait.com/javascript/generador/generadorformu.php

• aca esta el foro y es muy conocido : foro

muy bueno voy a intentar . luego te digo ahoralos creare

muy bueno voy a intentar . luego te digo ahoralos creare

ya los cree pero no se donde ponerlos solo me salio este simple codigo :

<td id="tunMenu">

En la pagina te dice que mires el código fuente de esa pagina para que copies el código completo del menu.

me enredo mucho tu los podrias hacer . es que me enredo mucho yo te digo como iran . solo si puedes te lo agradeceria un monton

No es tan dificil, cuando hayas introducido los datos que te pide y te mande a la pagina donde te dice lo del codigo fuente, haces click derecho en la pagina, y eliges la opicion Ver código fuente de la página.

Entonces ahí puedes coger la parte que necesitas del codigo, si no sabes cual es, copia todo el código, postealo aquí y la selecciono yo.

ahora la estoy creando luego te digo .

listo la cree que mas hago ?

Ahora, en esa página donde te manda, haz click derecho en la página y dale a Ver código fuente de la página, se te abrira una ventana nueva con un código, copialo todo y postealo en este tema.

listo la cree que mas hago ?

Pues el código del menú es este:

<script language="JavaScript" type="text/javascript">
/**************************************************************
Menú desplegable tunMenu. Script creado por Tunait! (11/1/2004) actualizado el 4-jun-06
Creado mediante el Generador de Menús en http://javascript.tunait.com
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y/o distribuír el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
[email protected]
****************************************************************/
posArriba = 50
posIzquierda = 0

var anchoOp = 150
var menuPrin =5

var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false;
var tiempo
function menucete(ide,num){ // crea submenus principales (capa)
espan = document.createElement("span")
document.getElementById('Men_'+num).appendChild(espan)
espan.id=ide.toLowerCase(ide)+'_'+num
espan.className="subMe"
espan.cierra = true
espan.tiempo = 0
espan.style.top="-1px"
espan.onmouseout=function(){
setTimeout('ocultaP()',1000)
}
with(espan.style){
width = anchoOp+"px"
}
posIzquierda += anchoOp
construye(ide+'_'+num,eval('Op_'+num).subO)
}
function seccion(tex,enl,dstn,subO,an,dir){
this.tex = tex
this.enl = enl
this.dstn = dstn
this.subO = subO
this.dir = dir
this.an = an
}
var Op_0 = new seccion("Inicio",\'http://revolucion-celular.mforos.com/\',\'http://revoluc ion-celular.mforos.com/\',0)
var Op_1 = new seccion("Foro",\'http://revolucion-celular.mforos.com/forums/\',\'http://re volucion-celular.mforos.com/forums/\',0)
var Op_2 = new seccion("Usuarios",\'http://revolucion-celular.mforos.com/users/\',\'http:/ /revolucion-celular.mforos.com/users/\',0)
var Op_3 = new seccion("Registrarse",null,null,1)
var Op_3_0=new seccion('Iniciar sesión\',\'http://revolucion-celular.mforos.com/login/\',\'http://revoluci on-celular.mforos.com/login/\',0)
var Op_4 = new seccion("buscar",\'http://revolucion-celular.mforos.com/search/\',\'http:// revolucion-celular.mforos.com/search/\',0)

var anchoTotal = 770;
if(!tunIex){anchoTotal += menuPrin*3}
function menPrin(){ //crea menu principal
menuP=document.createElement('div')
tablaP = document.createElement('table')
tablaP.border=1
menuP.appendChild(tablaP)
cuerpoTabla = document.createElement('tbody')
tablaP.appendChild(cuerpoTabla)
fila=document.createElement('tr')
fila.id ='filita'
cuerpoTabla.appendChild(fila)
tablaP.cellSpacing='0'
tablaP.className='celda'
document.getElementById('tunMenu').appendChild(menuP)
menuP.className = "subMeP"
menuP.id = 'MenuPrincipal'
menuP.style.visibility='hidden'
menuP.style.position="absolute"
menuP.style.width = anchoTotal +"px"
for(s=0; s<menuPrin; s++){ //crea botones principales
opcionP=document.createElement('div')
opcionP.className = "botonesP"
opcionP.style.width= anchoOp+'px'
document.getElementById('MenuPrincipal').appendChild(opcionP)
opcionP.id='Men_'+s
opcionP.onclick=function(){
}
celda = document.createElement('td')
document.getElementById('filita').appendChild(celda)
celda.id='celda_' + s
celda.appendChild(opcionP)
celda.className='celda'
if(eval('Op_'+s).subO > 0){
menucete('Op',s)
}
}
}

var subs=new Array(0)
function construye(ide,num){
subOp=0
for(m=0; m<num; m++){
opchon = eval(ide +'_' + m)
caja = document.createElement("div")
boton = document.createElement("div")
boton.appendChild(caja)
caja.className='Caj'
document.getElementById(ide.toLowerCase()).appendChild(boton)
identi = ide.toLowerCase() + "_" + m
caja.id=identi+'caja'
boton.id = identi
boton.className = 'botones'
document.getElementById(identi).appendChild(document.createTextNode(opchon. tex))
salto = document.createElement('br')
boton.onmouseover=function(){
this.className='botonesHover'
this.parentNode.cierra=false
muestra(this.parentNode.id)
}
boton.onmouseout=function(){
this.className='botones'
this.parentNode.cierra = true
}
if(opchon.subO > 0){
subs[subs.length] = identi
subOp++
boton.style.cursor='default'
}
else{
boton.style.cursor=cur
if(opchon.enl!=null){
boton.enl=opchon.enl
boton.dstn=opchon.dstn
boton.onclick=function(){
enlaces(this.enl,this.dstn)
}
}
}
}
if(subs.length>0){construyeSub(subs)}
}
function construye2(ide,num){
for(m=0; m<num; m++){
opchon = eval(ide +'_' + m)
caja = document.createElement("div")
boton = document.createElement("div")
boton.appendChild(caja)
caja.className='Caj'
document.getElementById(ide.toLowerCase()+'_sub').appendChild(boton)
identi = ide.toLowerCase() + "_" + m
boton.id = identi
caja.id=identi+'caja'
boton.className = 'botones'
document.getElementById(identi).appendChild(document.createTextNode(opchon. tex))
salto = document.createElement('br')
boton.onmouseover=function(){this.className='botonesHover'}
boton.onmouseout=function(){this.className='botones'}
if(opchon.subO > 0){
subs[subs.length] = identi
subOp++
boton.style.cursor='default'
}
else{
boton.style.cursor=cur
if(opchon.enl!=null){
boton.enl=opchon.enl
boton.dstn=opchon.dstn
boton.onclick=function(){
enlaces(this.enl,this.dstn)
}
}
}
}
}
var cur=tunIex?'hand':'pointer'
function construyeSub(lista){
largo = subs.length
for(t=0; t<subs.length;t++){
if(subs[t] != null){
obj = subs[t].charAt(0).toUpperCase() + subs[t].substr(1)
obj2 = subs[t].charAt(0).toUpperCase() + subs[t].substring(1,subs[t].length-2)
espan = document.createElement("span")
document.getElementById(subs[t]+'caja').appendChild(espan)
espan.id=subs[t]+'_sub'
espan.className="subMe"
espan.cierra = true
document.getElementById(subs[t]).onmouseover=function(){
this.className = 'botonesHover'
this.parentNode.cierra=false
muestra(this.id+'_sub')
}
document.getElementById(subs[t]).onmouseout=function(){
this.className = 'botones'
this.parentNode.cierra = true
oculta(this.id+'_sub')
}
espan.onclick=function(){
}
if(eval(obj2).an){An=eval(obj2).an}
else{An=anchoOp}
if(eval(obj).an){An2=eval(obj).an}
else{An2=anchoOp}
if(eval(obj).dir=='iz')
{pIz=-(An2-20)+"px"}
else{pIz=(An-20)+"px";}

with(espan.style){
position="absolute"
width = An2+"px"
left= pIz
visibility = 'hidden'
}
construye2(obj,eval(obj).subO)
subs[t] = null
}
}
}
function enlaces(enl,dstn){
if(dstn != null && dstn.toLowerCase() == 'nueva'){
window.open(enl)
}
else if(dstn==null){
location.href=enl
}
else{
eval(dstn+'.location.href='+enl)
}
}
function muestra(cual){
document.getElementById(cual).style.visibility='visible'
}
function oculta(cual){
document.getElementById(cual).style.visibility='hidden'
}

function ocultaP(){
for(y=0;y<menuPrin;y++){
if(document.getElementById('op_'+y)!=null){
if(document.getElementById('op_'+y).cierra){
document.getElementById('op_'+y).style.visibility='hidden'
}
}
}
}
function inicio(){
menuP=document.createElement('div')
tablaP = document.createElement('table')
tablaP.border=1
menuP.appendChild(tablaP)
cuerpoTabla = document.createElement('tbody')
tablaP.appendChild(cuerpoTabla)
fila=document.createElement('tr')
fila.id ='filitaP'
cuerpoTabla.appendChild(fila)
tablaP.cellSpacing='0'
tablaP.className='celda'
document.getElementById('tunMenu').appendChild(menuP)
menuP.className = "subMeP"
menuP.id = 'MenuPrincipalP'
menuP.style.width = anchoTotal+"px"
for(s=0; s<menuPrin; s++){ //crea botones principales
opcionP=document.createElement('div')
opcionP.className = "botones"
opcionP.style.width= anchoOp+'px'
opcionP.appendChild(document.createTextNode(eval('Op_'+s).tex))
document.getElementById('MenuPrincipalP').appendChild(opcionP)
opcionP.style.cursor = cur
opcionP.id='tuMen'+s
if(eval('Op_'+s).enl!=null){
opcionP.enl=eval('Op_'+s).enl
opcionP.dstn=eval('Op_'+s).dstn
opcionP.onclick=function(){
enlaces(this.enl,this.dstn)
}
}
celda = document.createElement('td')
document.getElementById('filitaP').appendChild(celda)
celda.id='celdaP_' + s
celda.appendChild(opcionP)
celda.className='celda'
}
for(n=0;n<menuPrin;n++){
document.getElementById('tuMen'+n).onmouseover=function(){
if(document.getElementById('op_'+this.id.substr(5))!=null){
clearTimeout(tiempo)
document.getElementById('op_'+this.id.substr(5)).cierra=false
ocultaP()
muestra('op_'+this.id.substr(5))
}
else{
clearTimeout(tiempo)
ocultaP()
}
}
document.getElementById('tuMen'+n).onmouseout=function(){
if(document.getElementById('op_'+this.id.substr(5))!=null){
document.getElementById('op_'+this.id.substr(5)).cierra=true
tiempo =setTimeout('ocultaP()',1000)
}
}
}
document.getElementById('tunMenu').style.width = anchoTotal + "px"
menPrin()
}
var activo = false
window.onload=inicio
</script>
<style type="text/css">
<!--
#tunMenu{
margin-left: auto;
margin-right: auto;
background-color: #D8D8C5;
}
.botones {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;
text-align: center;
border: 1px solid #333333;
margin: 2px;
vertical-align: middle;
color: #000000;

}
.botonesHover{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #0099CC;
text-align: center;
border: 1px solid #333333;
margin: 2px;
vertical-align: top;
color: #FFFFFF;
}
.subMe {
visibility: hidden;
position: absolute;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;
text-align: center;
border: 1px solid #000099;

}
.subMeP {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;

}
.botonesP {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;
border: 1px solid #009900;
margin: 2px;
color: #000000;
vertical-align: top;
height: 10px;
}
.celda{
margin:0;
padding: 0;
background-color: #D8D8C5;
}
.pepe{
border: 1px solid #ff0000;
position:absolute;
left:0
}
#adsgoogle {
text-align: center;
margin-top: 10%;
}
-->
</style>

Mira haber si va, si no funciona deberas buscar otro código para hacer el menu.

<script language="JavaScript" type="text/javascript">
/**************************************************************
Menú desplegable tunMenu. Script creado por Tunait! (11/1/2004) actualizado el 4-jun-06
Creado mediante el Generador de Menús en http://javascript.tunait.com
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y/o distribuír el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
[email protected]
****************************************************************/
posArriba = 50
posIzquierda = 0

var anchoOp = 150
var menuPrin =5

var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false;
var tiempo
function menucete(ide,num){ // crea submenus principales (capa)
espan = document.createElement("span")
document.getElementById('Men_'+num).appendChild(espan)
espan.id=ide.toLowerCase(ide)+'_'+num
espan.className="subMe"
espan.cierra = true
espan.tiempo = 0
espan.style.top="-1px"
espan.onmouseout=function(){
setTimeout('ocultaP()',1000)
}
with(espan.style){
width = anchoOp+"px"
}
posIzquierda += anchoOp
construye(ide+'_'+num,eval('Op_'+num).subO)
}
function seccion(tex,enl,dstn,subO,an,dir){
this.tex = tex
this.enl = enl
this.dstn = dstn
this.subO = subO
this.dir = dir
this.an = an
}
var Op_0 = new seccion("Inicio",'http://revolucion-celular.mforos.com/','http://revoluc ion-celular.mforos.com/',0)
var Op_1 = new seccion("Foro",'http://revolucion-celular.mforos.com/forums/','http://re volucion-celular.mforos.com/forums/',0)
var Op_2 = new seccion("Usuarios",'http://revolucion-celular.mforos.com/users/','http:/ /revolucion-celular.mforos.com/users/',0)
var Op_3 = new seccion("Registrarse",null,null,1)
var Op_3_0=new seccion('Iniciar sesión','http://revolucion-celular.mforos.com/login/','http://revoluci on-celular.mforos.com/login/',0)
var Op_4 = new seccion("buscar",'http://revolucion-celular.mforos.com/search/','http:// revolucion-celular.mforos.com/search/',0)

var anchoTotal = 770;
if(!tunIex){anchoTotal += menuPrin*3}
function menPrin(){ //crea menu principal
menuP=document.createElement('div')
tablaP = document.createElement('table')
tablaP.border=1
menuP.appendChild(tablaP)
cuerpoTabla = document.createElement('tbody')
tablaP.appendChild(cuerpoTabla)
fila=document.createElement('tr')
fila.id ='filita'
cuerpoTabla.appendChild(fila)
tablaP.cellSpacing='0'
tablaP.className='celda'
document.getElementById('tunMenu').appendChild(menuP)
menuP.className = "subMeP"
menuP.id = 'MenuPrincipal'
menuP.style.visibility='hidden'
menuP.style.position="absolute"
menuP.style.width = anchoTotal +"px"
for(s=0; s<menuPrin; s++){ //crea botones principales
opcionP=document.createElement('div')
opcionP.className = "botonesP"
opcionP.style.width= anchoOp+'px'
document.getElementById('MenuPrincipal').appendChild(opcionP)
opcionP.id='Men_'+s
opcionP.onclick=function(){
}
celda = document.createElement('td')
document.getElementById('filita').appendChild(celda)
celda.id='celda_' + s
celda.appendChild(opcionP)
celda.className='celda'
if(eval('Op_'+s).subO > 0){
menucete('Op',s)
}
}
}

var subs=new Array(0)
function construye(ide,num){
subOp=0
for(m=0; m<num; m++){
opchon = eval(ide +'_' + m)
caja = document.createElement("div")
boton = document.createElement("div")
boton.appendChild(caja)
caja.className='Caj'
document.getElementById(ide.toLowerCase()).appendChild(boton)
identi = ide.toLowerCase() + "_" + m
caja.id=identi+'caja'
boton.id = identi
boton.className = 'botones'
document.getElementById(identi).appendChild(document.createTextNode(opchon. tex))
salto = document.createElement('br')
boton.onmouseover=function(){
this.className='botonesHover'
this.parentNode.cierra=false
muestra(this.parentNode.id)
}
boton.onmouseout=function(){
this.className='botones'
this.parentNode.cierra = true
}
if(opchon.subO > 0){
subs[subs.length] = identi
subOp++
boton.style.cursor='default'
}
else{
boton.style.cursor=cur
if(opchon.enl!=null){
boton.enl=opchon.enl
boton.dstn=opchon.dstn
boton.onclick=function(){
enlaces(this.enl,this.dstn)
}
}
}
}
if(subs.length>0){construyeSub(subs)}
}
function construye2(ide,num){
for(m=0; m<num; m++){
opchon = eval(ide +'_' + m)
caja = document.createElement("div")
boton = document.createElement("div")
boton.appendChild(caja)
caja.className='Caj'
document.getElementById(ide.toLowerCase()+'_sub').appendChild(boton)
identi = ide.toLowerCase() + "_" + m
boton.id = identi
caja.id=identi+'caja'
boton.className = 'botones'
document.getElementById(identi).appendChild(document.createTextNode(opchon. tex))
salto = document.createElement('br')
boton.onmouseover=function(){this.className='botonesHover'}
boton.onmouseout=function(){this.className='botones'}
if(opchon.subO > 0){
subs[subs.length] = identi
subOp++
boton.style.cursor='default'
}
else{
boton.style.cursor=cur
if(opchon.enl!=null){
boton.enl=opchon.enl
boton.dstn=opchon.dstn
boton.onclick=function(){
enlaces(this.enl,this.dstn)
}
}
}
}
}
var cur=tunIex?'hand':'pointer'
function construyeSub(lista){
largo = subs.length
for(t=0; t<subs.length;t++){
if(subs[t] != null){
obj = subs[t].charAt(0).toUpperCase() + subs[t].substr(1)
obj2 = subs[t].charAt(0).toUpperCase() + subs[t].substring(1,subs[t].length-2)
espan = document.createElement("span")
document.getElementById(subs[t]+'caja').appendChild(espan)
espan.id=subs[t]+'_sub'
espan.className="subMe"
espan.cierra = true
document.getElementById(subs[t]).onmouseover=function(){
this.className = 'botonesHover'
this.parentNode.cierra=false
muestra(this.id+'_sub')
}
document.getElementById(subs[t]).onmouseout=function(){
this.className = 'botones'
this.parentNode.cierra = true
oculta(this.id+'_sub')
}
espan.onclick=function(){
}
if(eval(obj2).an){An=eval(obj2).an}
else{An=anchoOp}
if(eval(obj).an){An2=eval(obj).an}
else{An2=anchoOp}
if(eval(obj).dir=='iz')
{pIz=-(An2-20)+"px"}
else{pIz=(An-20)+"px";}

with(espan.style){
position="absolute"
width = An2+"px"
left= pIz
visibility = 'hidden'
}
construye2(obj,eval(obj).subO)
subs[t] = null
}
}
}
function enlaces(enl,dstn){
if(dstn != null && dstn.toLowerCase() == 'nueva'){
window.open(enl)
}
else if(dstn==null){
location.href=enl
}
else{
eval(dstn+'.location.href='+enl)
}
}
function muestra(cual){
document.getElementById(cual).style.visibility='visible'
}
function oculta(cual){
document.getElementById(cual).style.visibility='hidden'
}

function ocultaP(){
for(y=0;y<menuPrin;y++){
if(document.getElementById('op_'+y)!=null){
if(document.getElementById('op_'+y).cierra){
document.getElementById('op_'+y).style.visibility='hidden'
}
}
}
}
function inicio(){
menuP=document.createElement('div')
tablaP = document.createElement('table')
tablaP.border=1
menuP.appendChild(tablaP)
cuerpoTabla = document.createElement('tbody')
tablaP.appendChild(cuerpoTabla)
fila=document.createElement('tr')
fila.id ='filitaP'
cuerpoTabla.appendChild(fila)
tablaP.cellSpacing='0'
tablaP.className='celda'
document.getElementById('tunMenu').appendChild(menuP)
menuP.className = "subMeP"
menuP.id = 'MenuPrincipalP'
menuP.style.width = anchoTotal+"px"
for(s=0; s<menuPrin; s++){ //crea botones principales
opcionP=document.createElement('div')
opcionP.className = "botones"
opcionP.style.width= anchoOp+'px'
opcionP.appendChild(document.createTextNode(eval('Op_'+s).tex))
document.getElementById('MenuPrincipalP').appendChild(opcionP)
opcionP.style.cursor = cur
opcionP.id='tuMen'+s
if(eval('Op_'+s).enl!=null){
opcionP.enl=eval('Op_'+s).enl
opcionP.dstn=eval('Op_'+s).dstn
opcionP.onclick=function(){
enlaces(this.enl,this.dstn)
}
}
celda = document.createElement('td')
document.getElementById('filitaP').appendChild(celda)
celda.id='celdaP_' + s
celda.appendChild(opcionP)
celda.className='celda'
}
for(n=0;n<menuPrin;n++){
document.getElementById('tuMen'+n).onmouseover=function(){
if(document.getElementById('op_'+this.id.substr(5))!=null){
clearTimeout(tiempo)
document.getElementById('op_'+this.id.substr(5)).cierra=false
ocultaP()
muestra('op_'+this.id.substr(5))
}
else{
clearTimeout(tiempo)
ocultaP()
}
}
document.getElementById('tuMen'+n).onmouseout=function(){
if(document.getElementById('op_'+this.id.substr(5))!=null){
document.getElementById('op_'+this.id.substr(5)).cierra=true
tiempo =setTimeout('ocultaP()',1000)
}
}
}
document.getElementById('tunMenu').style.width = anchoTotal + "px"
menPrin()
}
var activo = false
window.onload=inicio
</script>
<style type="text/css">
<!--
#tunMenu{
margin-left: auto;
margin-right: auto;
background-color: #D8D8C5;
}
.botones {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;
text-align: center;
border: 1px solid #333333;
margin: 2px;
vertical-align: middle;
color: #000000;

}
.botonesHover{
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #0099CC;
text-align: center;
border: 1px solid #333333;
margin: 2px;
vertical-align: top;
color: #FFFFFF;
}
.subMe {
visibility: hidden;
position: absolute;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;
text-align: center;
border: 1px solid #000099;

}
.subMeP {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;

}
.botonesP {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
font-weight: bold;
background-color: #D8D8C5;
border: 1px solid #009900;
margin: 2px;
color: #000000;
vertical-align: top;
height: 10px;
}
.celda{
margin:0;
padding: 0;
background-color: #D8D8C5;
}
.pepe{
border: 1px solid #ff0000;
position:absolute;
left:0
}
#adsgoogle {
text-align: center;
margin-top: 10%;
}
-->
</style>

Mira haber si va, si no funciona deberas buscar otro código para hacer el menu.