Necesito ayuda con el Html-kit

**Starbuck82** · 09/08/2008, 16:37

He seguido paso a paso las indicaciones del curso, pero no consigo insertar ninguna imagen en mi web: ni la del fondo, ni gif animados para el email,... no me sale.

Luego me he dado cuenta de que la plantilla que he creado me quedado mejor que el index, y me gustaría eliminar el index, para que la plantilla fuese mi pagina de inicio, pero no se como hacerlo. También quisiera eliminar el menú izquierdo de la plantilla, porque ya he creado otro en la barra de navegación (quiero hacerlo desplegable), pero no se cuales son los codigos exactos que tengo que borrar para que desaparezca el menú lateral sin cargarme el resto de la estructura de la pagina.
La plantilla me ha quedado muy pequeña, ya que puesto un pequeño parrafo, el menu en la barra de navegación y nada más. quisiera poder rellenarla aun que sea con espacion en blanco, para que se vea a tamaño normal en la pantalla.

He intentado subirla a la FTP pero me pone loading en la carpeta azul y no me la sube a internet. Luego esta lo del logotipo de la web, quisiera ponerle uno en la parte superior izquierda, como el vuestro, pero sin enlace a la pagina principal, ya que quiero que la plantilla sea la pagina principal de la web, como lo hago????

Creo que ya he conseguido ponerle las estadisticas, pero quisiera también ponerle un contador y un libro de visitas (que ya he creado), pero no tengo ni idea de como hacerlo.
Estoy venga darle vueltas y no hay manera, tengo miedo de empezar a tocar y cargarme todo lo que he conseguido hacer hasta ahora. Buff, tengo un monton de dudas, y estoy super perdida, alguien podria ayudarme, por favor??

Muchas gracias por vuestra ayuda, cuando consiga colgarla os pondré un enlace

Saludos

Starbuck

**Yaneth** · 09/08/2008, 16:55

Hola

si que.. es un gran tema jeje, te recomiendo abrir un tema para cada pregunta

pero... trataré de ayudar

Código:

He seguido paso a paso las indicaciones del curso, pero no consigo insertar ninguna imagen en mi web: ni la del fondo, ni gif animados para el email,... no me sale.

para ayudarte con este tema, necesitamos ver que codigos estás poniendo y como los pones, pero... el fallo mas comun es de mayusculas y minusculas ya sea en los nombres de las imagenes o de las carpetas, muestranos una captura de pantalla, como lo indica el post de este foro

Código:

Luego me he dado cuenta de que la plantilla que he creado me quedado mejor que el index, y me gustaría eliminar el index, para que la plantilla fuese mi pagina de inicio,

simplemente abres tu plantilla, le das guardar como: index.html
te pedirá que confirmes y listo

Código:

También quisiera eliminar el menú izquierdo de la plantilla,

Debes eliminar todo lo que tengas dentro del div menu, incluyendo la div misma

<div="menu">menu</div>

Código:

La plantilla me ha quedado muy pequeña, ya que puesto un pequeño parrafo, el menu en la barra de navegación y nada más. quisiera poder rellenarla aun que sea con espacion en blanco, para que se vea a tamaño normal en la pantalla.

esto es lineas en blanco

pones tantos como necesites

Código:

He intentado subirla a la FTP pero me pone loading en la carpeta azul y no me la sube

este fallo lo arreglamos en su foro correspondiente, pero... primera checa los mensajes que ya hay tal ves resuelvas el problema

Código:

Luego esta lo del logotipo de la web, quisiera ponerle uno en la parte superior izquierda, como el vuestro, pero sin enlace a la pagina principal, ya que quiero que la plantilla sea la pagina principal de la web, como lo hago????

solo quitale lo que te puse en rojo ok???
<a href="> imagen insertada</a>

Código:

Creo que ya he conseguido ponerle las estadisticas, pero quisiera también ponerle un contador y un libro de visitas (que ya he creado), pero no tengo ni idea de como hacerlo.

para el contador.... creo que tambien hay un foro para esto....
y para el libro de visitas... sorry, no tengo ni idea

saludos

**Starbuck82** · 09/08/2008, 17:15

Hola

Muchas gracias por tu respuesta, sera mejor que vaya por partes como tu dices y que ponga un tema con cada cacao que tengo a ver si me aclaro jeje

Sobre el tema de las imagenes, tengo otra pregunta, como puedo añadir al post una captura de mi pantalla para que puedas ver mis codigos? No se como se hace. Muchiiiiiiiiisimas gracias

Un saludo

Starbuck

**Yaneth** · 09/08/2008, 17:36

mira aqui

http://www.comocreartuweb.com/phpBB2/ftopic7504.html

**Starbuck82** · 09/08/2008, 20:36

Esta es una copia de mi documento index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>DISEÑOS DE IRATXE PARDO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">"index.html">[img]objetos/logotipo.gif[/img]
<div id="publicidad"><h1>DISEÑO GRAFICO</h1><h2>Por Iratxe Pardo</h2></div>
</div>
<div id="navegacion">
<ul>[*]DIBUJOS[*]FIRMAS[*]RETRATOS
[*]FOTOGRAFIAS
[*]LIBRO DE VISITAS
[*]AGRADECIMIENTOS
[*]ENLACES[/list]</div>
<div id="contenido">

<h3>Bienvenidos a mi web de diseño</h3>

Me gusta mucho todo lo relacionado con el diseño gráfico, el arte, la música y la fotografía. Aquí podrás ver todos los trabajos que he realizado, hasta ahora he trabajado con Photoshop, pero cada día estoy aprendiendo a utilizar nuevas técnicas y programas realizando diversos cursos.</p>

Todo el material está en venta y realizo trabajos por encargo para publicidad, merchandising, portadas, posters,...Si lo deseas puedes escribir tus comentarios en mi libro de visitas y si estas interesado en algún tipo de material, puedes ponerte en contacto conmigo aquí</p>
</div>

<div id="pie">Muchas gracias por tu visita</div>
<div id="curva-inferior"></div>
<a id="mws4541674" href="http://webstats.motigo.com/">

</a>
<script type="text/javascript" src="http://m1.webstats.motigo.com/c.js?id=4541674"></script>
</div>
</body>
</html>

Esta la hoja de estilos.css:

body { background-color: #E6E6FA ;
background-image: url(objetos/fondo.png);
background-repeat: no-repeat ;
background-position: center center ;
height:100%; }
img { border-style: none }
.centrado {text-align:center}
#pie .centrado {text-align:center}
h1 {font-size: 1.2em; color:royalblue ;
font-weight: bold ; text-decoration: underline ;
text-align: center}

Esta es la hoja estilos-general.css:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:royalblue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:olive ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { background-color: #E6E6FA ;
background-image: url(objetos/fondo.png);
background-repeat: no-repeat ;
background-position: center center ;
height:100%; }
img { border-style: none }
.centrado {text-align:center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: springgreen ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px} }
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: silver ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: aquamarine ; width: 800px ; float:left ;
border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

#menu {background-color: antiquewhite ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3 ;
pxbackground-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px } }
#menu li {list-style:none ; margin: 4px 0px 4px 6px} }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {background-color: lightblue ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: darkorchid ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:underline ; background-color: silver}
a:active {}

A ver si conseguiis ver algun error que a mi se me haya podido pasar. Muchisimas gracias por vuestra ayuda.

Starbuck

**Raulyure** · 09/08/2008, 22:32

Hola:
Fuera de todo lo que le han dicho, debiera ahora de eliminar todo lo que tenga que ver con el menu pero en la hoja de estilo, por ejemplo
#menu{etc.}
#menu li{etc.}
#menu h1{etc.}
También parece ser que usted tiene repetido el body en la hoja de estilo
Ese que dice body{text-align:center}, debiera de eliminarlo, y trasladar al body de arriba solo lo que dice text-align:center; (no se deben repetir, solo debe tener en la hoja de estilo un body , y ponerle a ese body todas las propiedades y valores que desee que tenga).
Como se supone que no desea tener el menu, sería también aconsejable que de la carpeta objetos elimine alguna imagen que tenga que ver con ese menu como pueden ser la imagenes de curvas menu parte superior e inferior del menu (si es que las tiene)
Saludos