Autor Tema: necesito codigo html para fondo de pagina  (Leído 10328 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado <·RΘllεЯCiτy·>

  • The Communiter-
  • *
  • Mensajes: 1348
  • WUJUu al SuaVe
necesito codigo html para fondo de pagina
« : febrero 29, 2008, 07:02:45 pm »
necesito codigo html para fondo de paginabueno pues el titulo lo dice todo, tengo en la web un fonfo pero es pekeño y cuando pruebo la pagina la imagen ke he puesto me sale siempre pekeña y lo ke kiero hacer es ke se extienda en toda l pantalla, ya probé de todo y no puedo, esto es lo ke tengo del codigo:
Citar
background-image:url(imagen-ke-tengo);
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed ;

porfa


Desconectado Snipe

  • -^- Elite Gold -^-
  • The Communiter-
  • **
  • Mensajes: 4366
Re: necesito codigo html para fondo de pagina
« Respuesta #1 : febrero 29, 2008, 07:12:05 pm »
Dale:
Código: [Seleccionar]
background-image:url(imagen-ke-tengo) repeat-x repeat-y;Eso va a hacer que se repita por toda la página, quizá te funcione.


Desconectado Snipe

  • -^- Elite Gold -^-
  • The Communiter-
  • **
  • Mensajes: 4366
Re: necesito codigo html para fondo de pagina
« Respuesta #2 : febrero 29, 2008, 07:13:49 pm »
Por cierto, me extraña que vengás a poner un tema tecnológico al Chat general.
[Mover]
http://www.svcommunity.org/forum/index.php?board=17.0

Desconectado <·RΘllεЯCiτy·>

  • The Communiter-
  • *
  • Mensajes: 1348
  • WUJUu al SuaVe
Re: necesito codigo html para fondo de pagina
« Respuesta #3 : febrero 29, 2008, 07:19:27 pm »
Dale:
Código: [Seleccionar]
background-image:url(imagen-ke-tengo) repeat-x repeat-y;Eso va a hacer que se repita por toda la página, quizá te funcione.



es lo ke no kiero ke se repita, solo ke la imagen se estire, y lo puse aki porke creo ke no sean tantas vueltas para contestar

Desconectado Snipe

  • -^- Elite Gold -^-
  • The Communiter-
  • **
  • Mensajes: 4366
Re: necesito codigo html para fondo de pagina
« Respuesta #4 : febrero 29, 2008, 07:21:48 pm »
Otra cosa que podés hacer es darle el tamaño manualmente, por ejemplo:

Código: [Seleccionar]
width: 550px;
height: 1000px;

Dejame averiguarte si hay un modo de extenderla, que ese no me lo puedo xD

EDIT: ya sé, si ponés sólo height, por ejemplo, mantiene la relación del tamaño y se extiende como vos creás convenientemente. Así es como tendrías que hacerlo, supongo.

Desconectado <·RΘllεЯCiτy·>

  • The Communiter-
  • *
  • Mensajes: 1348
  • WUJUu al SuaVe
Re: necesito codigo html para fondo de pagina
« Respuesta #5 : febrero 29, 2008, 08:50:10 pm »
ya habia probado con lo ke me dijiste:

Código: [Seleccionar]
width: 550px;
height: 1000px;

pero yo ntes me podia e codigo, era algo asi como extended o enlarged pero igual no se si iba asi porke ya intente de todas las formas ke me puedo y neles, pero gracias voy a seguir intentando


Desconectado Snipe

  • -^- Elite Gold -^-
  • The Communiter-
  • **
  • Mensajes: 4366
Re: necesito codigo html para fondo de pagina
« Respuesta #6 : febrero 29, 2008, 11:29:31 pm »
Mirá esto:

http://209.85.165.104/search?q=cache:HPijCBB_-HIJ:www.thescripts.com/forum/thread100522.html+css+background+extend&hl=es&ct=clnk&cd=21&gl=sv
« Última Modificación: febrero 29, 2008, 11:32:23 pm por Snipe »

Desconectado fermarroquin

  • -^- Elite Silver -^-
  • The Communiter-
  • *
  • Mensajes: 3503
    • Fernando Marroquín
Re: necesito codigo html para fondo de pagina
« Respuesta #7 : marzo 01, 2008, 01:30:36 am »
En CSS pone:

Código: [Seleccionar]
body {
background-color:#000000;
}

Solo sustituís el #000000 por el color que queres en hexadecimal.

Si queres una imágen:

Código: [Seleccionar]
body {
background-image:url(path/a/imagen);
}

Si queres digamos que aparezca un degradado con imagen y despue se quede un fondo haces:

Código: [Seleccionar]
body {
background-image:#000000 url(path/a/imagen) repeat-x;
}

Cualquier duda...ya sabes!  :thumbsup:
Salvadoreño. Arquitecto. Nocturno. Apasionado. Geek. Hago política. Oveja negra. Dejando la Coca-Cola. Tomo fotos. Astronauta y saxofonista frustrado. En Twitter soy @FerMarroquin.

Desconectado Snipe

  • -^- Elite Gold -^-
  • The Communiter-
  • **
  • Mensajes: 4366
Re: necesito codigo html para fondo de pagina
« Respuesta #8 : marzo 01, 2008, 11:43:38 am »
Interesante!  :sur:

Desconectado fermarroquin

  • -^- Elite Silver -^-
  • The Communiter-
  • *
  • Mensajes: 3503
    • Fernando Marroquín
Re: necesito codigo html para fondo de pagina
« Respuesta #9 : marzo 01, 2008, 12:29:50 pm »
Podes poner el fondo que tenes para ver que mas puedo hacer por vos.  :thumbsup:
Salvadoreño. Arquitecto. Nocturno. Apasionado. Geek. Hago política. Oveja negra. Dejando la Coca-Cola. Tomo fotos. Astronauta y saxofonista frustrado. En Twitter soy @FerMarroquin.

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11652
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re: necesito codigo html para fondo de pagina
« Respuesta #10 : marzo 02, 2008, 04:54:50 pm »
siento que no me le han entendido al marachito o soy yo el que se va por otro lado...
chero eso que le pusiste te sirve si la imagen es de un pixel de ancho y el degradado es vertical de esa manera lo repetis horizontalmente...

y segun yo entiendo el quiere que la imagen se estire y que quede como fondo... lo cual creo que no se puede... tipo cuando pones una imagen en el escritorio de winbugs que le pones que haga mosaico o se estire...

fuera bueno que roller confirmara si es asi lo que quiere explicar...

del metodo que te recomendo chero es correcto pero se repite como mosaico solamente horizontalmente... y tambien lo podes repetir verticalemente...

pero no existe manera de EXTENDER una imagen usandola como background
height y width son atributos y solo pueden ser utilizados en etiquetas como el caso de etiquetas IMG TABLE TD etc
para que te hagas una idea de lo que podes lograr con css que es la manera en que pones las imagenes en background te dejo este linkcito
http://www.w3schools.com/css/css_reference.asp#background

pd... ahuevo fuera mejor ver una imagen de lo que queres hacer pa no estar adivinando
suerte y cualquier onda ahi estamos  :thumbsup:
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado <·RΘllεЯCiτy·>

  • The Communiter-
  • *
  • Mensajes: 1348
  • WUJUu al SuaVe
Re: necesito codigo html para fondo de pagina
« Respuesta #11 : marzo 02, 2008, 05:03:37 pm »


y segun yo entiendo el quiere que la imagen se estire y que quede como fondo... lo cual creo que no se puede... tipo cuando pones una imagen en el escritorio de winbugs que le pones que haga mosaico o se estire...

fuera bueno que roller confirmara si es asi lo que quiere explicar...


siii es mismo, y yo digo ke s epuede porke tambien existen paginas con fondos pekeños ke los han estirado, pero iwal lo voy a dejar normal, gracias! :thumbsup:

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11652
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re: necesito codigo html para fondo de pagina
« Respuesta #12 : marzo 02, 2008, 05:12:49 pm »
siii es mismo, y yo digo ke s epuede porke tambien existen paginas con fondos pekeños ke los han estirado, pero iwal lo voy a dejar normal, gracias! :thumbsup:
me podrias enseñar una pagina asi...  :sorry:

hmmm lo mas similar que he visto es via flash...
como esto mira
http://www.emimusic.fr/home.html
pero aun asi no es background... sino que esta encima, y si vos lo queres de BG me imagino que necesitas ponerle algo encima y asi como este se te va a hacer dificil a menos que uses APDIVS y los posiciones encima pero... eso es otro pisto  :dumb:
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado –•(-•Pikachu•-)•–

  • -*-Miembro Eterno-*-
  • The Communiter-
  • *****
  • Mensajes: 1577
  • saludos a mis fans
Re: necesito codigo html para fondo de pagina
« Respuesta #13 : marzo 02, 2008, 05:37:06 pm »
1) google es tu amigo:
http://www.google.es/search?q=html+background+stretch&sourceid=navclient-ff&ie=UTF-8&rlz=1B3GGGL_esSV233SV233
2) probar el primer resultado:
http://www.htmlite.com/faq022.php
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="yourimage.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p>Enter a ton of text or whatever here.</p></div>
</body>
</html>
3) un ejemplito:
http://www.htmlite.com/faqEX004b.html
4) para ke veas ke si esta estirado mira la imagen original aki:
http://www.htmlite.com/images/scenery.jpg
5) si se pudo....

Desconectado Snipe

  • -^- Elite Gold -^-
  • The Communiter-
  • **
  • Mensajes: 4366
Re: necesito codigo html para fondo de pagina
« Respuesta #14 : marzo 02, 2008, 05:58:22 pm »
Hmm pero la imagen está estática, no sé si así la quiere el muchacho.