📣 Seu anúncio aqui? Anuncie no ForoBeta

Ajuda para adicionar quadro ao template de rádio e chat no LatinMIx.biz

  • Autor Autor Yuston Arce
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Y

Yuston Arce

1
Pi
Verificado
Verificación en dos pasos activada
Suscripción a IA
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...!!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
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 disse:
[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>
Clique 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">
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo