ESTILOS DE BORDES EN EL BODY

Hola a toda la gente del mejor foro, de que es el mejor foro, no me cabe duda. En todo caso, es el único que conozco jajaja. Aquí, no solo aprendo, también me divierto!!!

Tengo una consulta que hacerles y ojalá que me puedan dar una mano.

Se trata de dos tipos de bordes que se ponen en el body como background (eso creo), para que se vean en pantallas de 17''. A mí, me gustan, aún dudo cuál de ellos usar. Aquí, les dejo los dos modelitos:

1. http://img160.imageshack.us/my.php?image=border1wx2.jpg

2. http://img294.imageshack.us/my.php?image=border2lk1.jpg

Seguro, que ya los han visto, me pueden decir cómo se hacen??? Muchas gracias por sus valiosas respuestas. Saludos!!! :D

en la primera imagen
no veo ningun borde
solo que la web está hecha con ancho fijo verdad???

y en la segund, veo que hay una sombra
que en este caso es en globla verdad????

perdon es que no lo he hecho
jajajaja
pero lo aprenderemos juntos que me ha gustado

checa esto
http://www.cssplay.co.uk/menu/shadow2.html
y esto

http://lineadecodigo.com/2007/01/04/imagenes-con-sombra-en-css/

no lo he probado, asi que me avisas heee??

Hola Yaneth,

siempre es un gusto saludarte, gracias por responderme.

Ancho fijo??? no sabía que así se llamaba (1) y quiero aprenderlo. La 2, tienes razón, es un sombreado, no sé si va en global o en body. Al toque, estudiaré tus enlaces y te cuento.

Un abrazote, :D :D

Yo de nuevo,

vi ambos enlaces pero, por ahí no va la solución. Ambos links, te enseñan a poner el margen de color entero y no sombreado degradado porque, al parecer (según lo que leí), se trata de una imagen.

Yo lo he hecho poniendo border-left y right en global (como dijiste) y aumentado el widthdel global (de 800 a 812 -6 para c/lado-) pero no queda igual, no tiene el mismo efecto que el sombreado degradado que hace que se vea en alto relieve la web como en el modelo que mando (la web por cierto, es del compa. foley jajaj).

http://todojazz.mywebcommunity.org/plantilla.html

Y me pregunto cómo tendría que poner la imagen del degradado, ya que las hojas de mi web (aun en construcción) tienen diferentes largos (height)???

Y ¿cómo se hace el detalle del ancho fijo (modelo 1)??? me puedes enseñar???

mmmm


y este enlace???

me parece mucho mejor

http://www.desarrolloweb.com/articulos/2080.php

Sí, definitivamente el sombreado degradado es una imagen. Con css, solo se puede hacer con colores planos. Y si se quiere el degradado, hay que abrir el editor, hacer la imagen y subirla al kit.

Es algo que pienso hacer mañana, ahora, me voy a estirar las piernas. Nos leemos!!! :D

Hola Yaneth,

he logrados algunos avances. Ante todo, en los 3 enlaces que me mandaste, explican cómo poner el sombreado pero para imágenes o textos que van en el interior de la misma página y no en los bordes externos que es lo que quiero. Por lo que hay que hacer una
"adaptación". El experimento puedes verlo en:

http://todojazz.mywebcommunity.org/plantilla.html

(pasa el ratón sobre la barra d navegación jajajaj).

Los bordes degradados aparecen en primera vista y con la barra móvil encontrarás la página por abajo. No logro cuadrarlas a la vez. Los bordes degradados los hice con photoshop, en realidad es una sola imagen y luego roté en 180 gº. para obtener 2 (izquierda y derecha).

- La medida de la imagen es de 900x13.
- Al div global le di 826px de ancho (13px para cada imagen).
- A los demás div, les puse width:800px (uno por uno).

la verdad, he hecho, desecho y rehecho y no logro que me cuadren los bordes!!! te agradecería que por favor, me ayudarás. Te paso los códigos:

en html:

<div id="global">

<div id="right">[contenido no disponible]</div>
<div id="left">[contenido no disponible]</div>


<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

en css:

body {text-align: center; background-color:bdbdbd}

#global {width:826px; margin:4px auto}

#right{float:right; overflow:hidden}
#left {float:left; overflow:hidden}

#curva-superior {background-image:url(objetos/curva-superior.gif) ;
background-repeat:no-repeat ; width:800px ; height:12px ; overflow:hidden}


Solo te mando los códigos de esa parte para que no t lies con tanto código. Ahhh, al div global le he quitado y puesto:

#global {...margin:4px auto} pero nada, no me ha salido, por lo que te pido que me ayudes. Espero respuesta, CAMBIO.