Ayuda para agregar recuadro a la plantilla de radio y chat en LatinMIx.biz

  • Autor Autor Yuston Arce
  • Fecha de inicio Fecha de inicio
Y

Yuston Arce

No recomendado
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
buenas betas...!!! una vez mas pido su ayuda...


pues estos dias he estado creando o editando una plantilla que me gusto mucho para una radio y chat ala vez..

pero resulta que quiero poner un menu o cuadro al lado del chat y lo he intentado de varias formas y no me sale 🙁

aki la web LatinMIx.biz / La Mejor Musica Online

quisiera poner al costado del chat lado izquiero un recudro como el que tiene el chat para poner una radio y unos ads ..!!
alguien podria ayudarme en eso agradeceria inmensamente...!!
 
Tendrias Que Buscar La Manera De Editarlo Desde La Raiz HTML de la Plantilla.

Que Plataforma Utilizas? Blogger? Wordpress?


Enlace eliminadoEnlace eliminado
 
Es que si no sabes html5 es muy dificil de explicar.....
 
Mira, puedes crear uno sencillo así:
Debajo de <div id="content"> Añades:
HTML: 
<nav class="menu">
    <ul>
       <li>
        <a href="#">Inicio</a>
	  </li>
	    <li>
        <a href="#">Pagina 1</a>
	  </li>
	   <li>
        <a href="#">Pagina 2</a>
	  </li>
	</ul>
</nav>

Y luego añades esto a tu archivo style.css:
HTML: 
.menu{    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    overflow: hidden;
    text-align: center;
    margin-left: 775px;
    float: left;
}
.menu > ul {
    list-style-type: none;
    width: 150px;
}
.menu -> ul > li{
    display: block;
    padding: 8px 16px;
}

Y te quedaría algo así:
092f9bdc43.png


Espero que te sirva de ayuda 😀
 
No deberias centrar eso? agrega en el css en el estilo #wrapper un margin 0 auto
 
[MENTION=108344]aperpen[/MENTION] iria asi de la siguiente forma?
HTML: 
<div id="content"><div class="inner_copy"></div>

		<div id="body">
<nav class="menu">
    <ul>
       <li>
        <a href="#">Inicio</a>
	  </li>
	    <li>
        <a href="#">Pagina 1</a>
	  </li>
	   <li>
        <a href="#">Pagina 2</a>
	  </li>
	</ul>
</nav>
 
DarkYuzton dijo:
[MENTION=108344]aperpen[/MENTION] iria asi de la siguiente forma?
HTML: 
<div id="content"><div class="inner_copy"></div>

		<div id="body">
<nav class="menu">
    <ul>
       <li>
        <a href="#">Inicio</a>
	  </li>
	    <li>
        <a href="#">Pagina 1</a>
	  </li>
	   <li>
        <a href="#">Pagina 2</a>
	  </li>
	</ul>
</nav>
Hacer clic para expandir...
No amigo, iría así:
HTML: 
<div id="content"><nav class="menu">
    <ul>
       <li>
        <a href="#">Inicio</a>
	  </li>
	    <li>
        <a href="#">Pagina 1</a>
	  </li>
	   <li>
        <a href="#">Pagina 2</a>
	  </li>
	</ul>
</nav>
<div class="inner_copy"></div>

		<div id="body">
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba