Clicky

Jump to content


Icon-note-left Icon-note-right Tal vez te interese... El foro "Novedades e información"
Photo

[Css] Menu tipo Cuevana


  • Accede para responder
7 respuestas a este tema

#1 SuperMen

SuperMen

    Advanced Member

  • Newbie
  • 121 mensajes

Publicado 11 mayo 2012 - 16:31

Buenas,
vengo a pedirles una ayudita, me he pasado todo el día comiéndome la cabeza para hacer este menu.. pero no me sale.
El menu:
Posted Image
http://img840.images...4e7086a0894.png

Ya he buscado en su Código de Fuente...pero no da el resultado que busco.
  • 0

#2 thespeed94

thespeed94

    Advanced Member

  • Diseñador Oficial
  • 466 mensajes

Publicado 11 mayo 2012 - 17:53

debes dejar tu web y la web de donde quieres sacar el menú.
  • 0

#3 SuperMen

SuperMen

    Advanced Member

  • Newbie
  • 121 mensajes

Publicado 11 mayo 2012 - 21:44

No creo que haga falta poner la URL ya que no estoy en un foro dedicado a el Script en si de PHPost, de todas formas, estoy en localhost. No tengo "uueb".
Y el enlace de la pagina.. http://www.cuevana.tv/
  • 0

#4 Igorlomas

Igorlomas

    Member

  • Newbie
  • 17 mensajes

Publicado 12 mayo 2012 - 06:17

Fijate que en el perfil y en home del tema twiter v1 de zero hay un menu exactamente igual, quizas te sirva.
  • 1

#5 SuperMen

SuperMen

    Advanced Member

  • Newbie
  • 121 mensajes

Publicado 12 mayo 2012 - 11:01

Fijate que en el perfil y en home del tema twiter v1 de zero hay un menu exactamente igual, quizas te sirva.

Ya lo había mirado, pero esta caído.
  • 0

#6 luis70043

luis70043

    Advanced Member

  • Newbie
  • 799 mensajes

Publicado 13 mayo 2012 - 03:04

se ve bien el menu dile a un diseñador grafico aver que soi te ayuda argien que sepa de eso suerte
  • 0

#7 4bs4l0n

4bs4l0n

    Advanced Member

  • Heliotropo
  • 573 mensajes

Publicado 13 mayo 2012 - 08:28

<div class="leftmenu">
<div class="leftmenu-blob">
  <ul>
   <li><a href="#%21/login" class="sel">Ingresar</a></li>
   <li><a href="#%21/registro">Regístrate</a></li>
  </ul>
</div>
</div>
<- Ese es el Html

.leftmenu-blob{background:#fff;margin:0 0 15px 0;padding:5px 0;-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.leftmenu{float:left;width:200px;margin-right:15px}.leftmenu .sep{margin:5px 0;background:rgba(0,0,0,0.12);height:1px}.leftmenu li a{display:block;height:26px;line-height:26px;padding:0 10px;color:#000;text-decoration:none}.leftmenu li a:hover{padding:0 10px;background:rgba(0,0,0,0.07)}.leftmenu li a.sel{padding:0 10px;color:#fff;text-shadow:none;background-color:#4388bd;background-image:url(http://sc.cuevana.tv/new/img/sel_arrow_white.png);background-position:95% center;background-repeat:no-repeat}.leftmenu .block_tit{height:26px;line-height:26px;padding:0 10px;font-weight:bold;color:#999;text-transform:uppercase;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px}.leftmenu ul.block{padding:0;max-height:158px;overflow-x:hidden;overflow-y:auto}.leftmenu ul.block li a{background-image:url(http://sc.cuevana.tv/new/img/sel_arrow_dark.png);background-position:92% center;background-repeat:no-repeat}.leftmenu ul.block li a.sel{background-image:url(http://sc.cuevana.tv/new/img/sel_arrow_white.png)}h1.noticias{margin-top:0}#noticias_index{padding:15px 0 16px 15px;height:256px}
<- y ese es su CSS
  • 1

#8 SuperMen

SuperMen

    Advanced Member

  • Newbie
  • 121 mensajes

Publicado 13 mayo 2012 - 11:03

<div class="leftmenu">
<div class="leftmenu-blob">
  <ul>
   <li><a href="#%21/login" class="sel">Ingresar</a></li>
   <li><a href="#%21/registro">Regístrate</a></li>
  </ul>
</div>
</div>
<- Ese es el Html

.leftmenu-blob{background:#fff;margin:0 0 15px 0;padding:5px 0;-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.leftmenu{float:left;width:200px;margin-right:15px}.leftmenu .sep{margin:5px 0;background:rgba(0,0,0,0.12);height:1px}.leftmenu li a{display:block;height:26px;line-height:26px;padding:0 10px;color:#000;text-decoration:none}.leftmenu li a:hover{padding:0 10px;background:rgba(0,0,0,0.07)}.leftmenu li a.sel{padding:0 10px;color:#fff;text-shadow:none;background-color:#4388bd;background-image:url(http://sc.cuevana.tv/new/img/sel_arrow_white.png);background-position:95% center;background-repeat:no-repeat}.leftmenu .block_tit{height:26px;line-height:26px;padding:0 10px;font-weight:bold;color:#999;text-transform:uppercase;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px}.leftmenu ul.block{padding:0;max-height:158px;overflow-x:hidden;overflow-y:auto}.leftmenu ul.block li a{background-image:url(http://sc.cuevana.tv/new/img/sel_arrow_dark.png);background-position:92% center;background-repeat:no-repeat}.leftmenu ul.block li a.sel{background-image:url(http://sc.cuevana.tv/new/img/sel_arrow_white.png)}h1.noticias{margin-top:0}#noticias_index{padding:15px 0 16px 15px;height:256px}
<- y ese es su CSS


Gracias, pero ya lo habia conseguido :) de todas formas te doy +1
  • 0