Autor |
Mensaje |
-
help-site
Nuevo
|
08-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 |
|
↑
|
|
|
-
fanksite
Semi-Experto
Ubicación: España - Sevilla
|
08-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
|
|
↑
|
|
|
-
help-site
Nuevo
|
08-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; } |
|
↑
|
|
|
-
fanksite
Semi-Experto
Ubicación: España - Sevilla
|
08-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.! |
|
↑
|
|
|
-
help-site
Nuevo
|
08-12-2009, 19:41 (UTC) Título del mensaje: |
|
|
Hola,
cambié la URL, pero no me funciono, sino mira mi web como a quedao =( |
|
↑
|
|
|
-
fanksite
Semi-Experto
Ubicación: España - Sevilla
|
08-12-2009, 19:45 (UTC) Título del mensaje: |
|
|
|
|
↑
|
|
|
-
help-site
Nuevo
|
08-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 |
|
↑
|
|
|
-
help-site
Nuevo
|
08-12-2009, 20:35 (UTC) Título del mensaje: |
|
|
ALGUIEN ME AYUDA¿¿ |
|
↑
|
|
|
-
noticiasworldwide
Nuevo
|
10-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? |
|
↑
|
|
|
|