Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje08-12-2009, 19:02 (UTC)    
Título del mensaje: como colocar el menu aaqui??

hola amigos,

he conseguido crear mi menu, pero lo k pasa ahora es que no se como colocarlo en esta barra http://img43.xooimage.com/files/d/e/1/sin-t-tulo-1-16359b0.jpg

aqui os dejo el código de mi menu

Código:
<style media="all" type="text/css">@import "http://img9.xooimage.com/files/d/0/5/menu_style-f695a7.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="http://help-site.es.tl" target="_self" class="top_link"><span>Portada</span></a>
</li>
<li class="top"><a href="http://help-site.es.tl/Comunidad.htm" target="_self" class="top_link"><span>Comunidad</span></a>
<ul class="sub">
<li><a href="http://help-site.es.tl/link1.htm" target="_self">link1</a></li>
</ul>
</li>
<li class="top"><a href="http://help-site.es.tl/Codigos.htm" target="_self" class="top_link"><span>Códigos</span></a>
<ul class="sub">
<li><a href="http://help-site.es.tl/link1.htm" target="_self">link1</a></li>
</ul>
</li>
<li class="top"><a href="http://help-site.es.tl/Tutoriales.htm" target="_self" class="top_link"><span>Tutoriales</span></a>
<ul class="sub">
<li><a href="http://help-site.es.tl/link1.htm" target="_self">link1</a></li>
</ul>
</li>
<li class="top"><a href="http://help-site.es.tl/Diseños.htm" target="_self" class="top_link"><span>Diseños</span></a>
<ul class="sub">
<li><a href="http://help-site.es.tl/link1.htm" target="_self">link1</a></li>
</ul>
</li>
<li class="top"><a href="http://help-site.es.tl/PWG.htm" target="_self" class="top_link"><span>PWG</span></a>
<ul class="sub">
<li><a href="http://help-site.es.tl/link1.htm" target="_self">link1</a></li>
</ul>
</li>
</ul>
</div>


gracias de antemano
Mensaje08-12-2009, 19:03 (UTC)    
Título del mensaje:

¡Hola!

- ¿Podrias postear el codigo que va en CSS Sin Style Tag's de tu CSS?...

Asin te podre ayudar...

En CSS Sin Style ta'gs esta el DISEÑO DEL HEADERS, LA PARTE DE ABAJO Y EL MENU...
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!


Ultima edición por fanksite el Mar Dic 08, 2009 3:10 pm; editado 1 vez
Mensaje08-12-2009, 19:27 (UTC)    
Título del mensaje:

perdon por el otro tema, este no lo vi

bueno aki tenes mi CSS Sin Style Tag's de mi CSS:

Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
background-image:url(http://i47.tinypic.com/mrpqpx.png);background-color:#ffffff;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #555;
text-align: center;
}

/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
background: inherit;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}

/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size: 150%;
font-weight: normal;
color: #cccccc;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #cccccc;
}
h3 {
font-size: 120%;
color: #cccccc;
}

h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}


/********************************************
Design
********************************************/
#wrap {
width: 838px;
background: url(http://i46.tinypic.com/15sa55g.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 10px auto;
}
#header {
width: 838px;
position: relative;
height: 200px;
background: #fff url(http://i45.tinypic.com/1zgc6eh.jpg) no-repeat center top;
padding: 0;

}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
text-decoration: none;
background: transparent;

/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header p#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;

/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}

/* header links */
#header #header-links {
position: absolute;
top: 20px; right: 30px;
color: #ffffff;
font-size: 10px;
}
#header #header-links a {
color: #FFF;
text-decoration: none;
}
#header #header-links a:hover {
color: #cccccc;
}

/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://i49.tinypic.com/200fe4g.jpg) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 50px;
width: 838px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #cccccc;
}
#menu ul li#current a {
color: #bc0303;
}

/* Main Column */
#main {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
#main h2 {
margin-top: 30px;
font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color: #88ac0b;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF url() no-repeat 3px 50%;
text-transform: none;
}
#main h2 a {
background: none;
color: #88ac0b;
text-decoration: none;
}

#main ul li {
list-style-image: url();
}

.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: url() no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: url() no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: url() no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}

/* Sidebar */
#sidebar {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #000;

}
#sidebar h3 {
margin-top: 10px;
padding: 20px 20px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #bc0303;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: url() repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: url() repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 20px;
color: #bc0303;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
background-image: none;
color: #666666;
}
#sidebar ul.sidemenu li a:hover {
color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }


/* Footer */
#footer {
color: #C6DDEE;
background: url(http://i47.tinypic.com/9ienmp.jpg) no-repeat center top;
clear: both;
width: 838px;
height: 76px;
text-align: center;
font-size: 92%;
}
#footer a {
color: #FFF;
text-decoration: none;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
Mensaje08-12-2009, 19:35 (UTC)    
Título del mensaje:

¡Hola!

- Amigo la parte que tienes que editar es esta:

Código:
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://i49.tinypic.com/200fe4g.jpg) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 50px;
width: 838px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #cccccc;
}
#menu ul li#current a {
color: #bc0303;
}


- Debes quitar la URL: http://i49.tinypic.com/200fe4g.jpg
y cambiarla por el MENU que tu quieres ...

- Espero haberme explicado bien

¡Saludos!...
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!
Mensaje08-12-2009, 19:41 (UTC)    
Título del mensaje:

Hola,

cambié la URL, pero no me funciono, sino mira mi web como a quedao =(
Mensaje08-12-2009, 19:45 (UTC)    
Título del mensaje:

Pero, solo debes modificar esa parte del MENU... esa url
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!
Mensaje08-12-2009, 19:50 (UTC)    
Título del mensaje:

por eso k de todo esto:

Código:
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://i49.tinypic.com/200fe4g.jpg) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 50px;
width: 838px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #cccccc;
}
#menu ul li#current a {
color: #bc0303;
}


modifike solo esto ---->http://i49.tinypic.com/200fe4g.jpg
Mensaje08-12-2009, 20:35 (UTC)    
Título del mensaje:

ALGUIEN ME AYUDA¿¿
Mensaje10-12-2009, 01:15 (UTC)    
Título del mensaje: No entiendo,

No entiendo, que es todo esto? para que son todos esos codigos?
alguien me podría decir?
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group