Foros del Web » Creando para Internet » HTML »

Marco izquierdo y cambiar fondo en todas las páginas

Estas en el tema de Marco izquierdo y cambiar fondo en todas las páginas en el foro de HTML en Foros del Web. Hola compañeros, Tengo un problemilla (aunque si sólo fuera uno ya me daría por contenta) ... a ver, resulta que quiero crear un marco en ...
  #1 (permalink)  
Antiguo 21/08/2003, 12:54
Avatar de Anna  
Fecha de Ingreso: junio-2003
Mensajes: 56
Antigüedad: 14 años, 5 meses
Puntos: 1
Pregunta Marco izquierdo y cambiar fondo en todas las páginas

Hola compañeros,

Tengo un problemilla (aunque si sólo fuera uno ya me daría por contenta) ... a ver, resulta que quiero crear un marco en la izquierda para todas las páginas de la web, donde me figuren los botones del menú y desde donde se accedería a cada una de las páginas (no sé si me estoy explicando ... pero sigo ...) bueno, pues resulta q yo muy contenta, perfeccionando el marco izquierdo, dejándolo guapo y tal ... y resulta que cuando hago la prueba ... me abre la página vinculada en EL MARCO IZQUIERDO ... S.O.S!!!! ¿qué puedo hacer? lo quiero a la derecha ¿cómo lo puedo montar?

Bien otro problemilla ... aunque a lo mejor me tengo que dirigir al foro de dreamweaver, pues me estoy ayudando de este programa para hacer la web ... resulta que quiero cambiar el fondo de todas las páginas que tengo montadas (y que no son pocas) ... ¿tengo que ir una a una? :-p o ¿hay algún truquillo?

Gracias por vuestra paciencia.
  #2 (permalink)  
Antiguo 21/08/2003, 14:13
 
Fecha de Ingreso: julio-2002
Ubicación: asturias
Mensajes: 59
Antigüedad: 15 años, 5 meses
Puntos: 0
a ver, con respecto a la primera parte, para que se te abra en el frame de al lado tienes que mirar el nombre del frame, en dreamweaver suele ser "mainframe" y poner en la pagina de la izquierda en el "head" <base target="mainFrame"> o el nombre que le hayas dado

con respecto a lo del fondo, si no utilizaste una plantilla o algo asi me temo que si q tienes q ir una por una, al menos yo no se otra forma
__________________
"Espabila, ha llegado el momento de hacer, de experimentar las cosas por uno mismo, y eso tiene un nombre: RIQUEZA MENTAL"
  #3 (permalink)  
Antiguo 21/08/2003, 17:55
Avatar de mifune  
Fecha de Ingreso: junio-2003
Ubicación: BCNeta
Mensajes: 466
Antigüedad: 14 años, 6 meses
Puntos: 0
Hola Anna, molta calor per Sant Feliu?

Bueno, el tema de los enlaces i los frames ya te lo solucionó kresus, ahora vamos con el fondo. Creo que por el momento no vas a evitarte tener que tocar todas tus páginas, pero puedes preparatelo todo para no tener que hacerlo en un futuro si quieres volver a hacer cambios. Se trata de trabajar con CSS y es muy simple:

- Creas un archivo con el bloc de notas y lo renombras con la extensión .css, por ejemplo: styles.css.

- dentro pones lo siguiente:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
background-image: url(tuimagen.gif);
background-color: #339900;
}

Con el background-image pones una imagen como fondo y con background-color un color, así que puedes utilizar uno de los dos y quitar el otro. Lo anterir hace referencia al tipo de fuente, tamaño, color, etc y lógicamente debes adaptarlo a tus necesidades.

- Bueno, ahora guardas el archivo en tu carpeta raiz y añades a todas las páginas donde quieres que aparezca el fondo lo siguiente entre <head> y </head>:

<link href="style.css" rel="stylesheet" type="text/css">

Y ya ta . Ahora cada vez que quieras cambiar la imagen de fondo o el color sólo tienes que modificar ese archivo y nada más.

Saludos.
  #4 (permalink)  
Antiguo 22/08/2003, 04:03
Avatar de Anna  
Fecha de Ingreso: junio-2003
Mensajes: 56
Antigüedad: 14 años, 5 meses
Puntos: 1
moltes gràcies!!

Perfecto
  #5 (permalink)  
Antiguo 25/08/2003, 05:25
Avatar de Anna  
Fecha de Ingreso: junio-2003
Mensajes: 56
Antigüedad: 14 años, 5 meses
Puntos: 1
Dije perfecto ... pero en un css con imagen tengo problemas ... pues no me hace caso ... seguramente será una tontería pero a ver si me ayudais.
He creado un css llamado cos.css que contiene:

body {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #000000;
font-weight: normal;
font-style: normal;
background-image: url(../SN/Fons/fonsmenu.gif);
}


y en la página lo pongo y no me hace ni caso ... os paso el código de la página:

Antes que me lo comenteis, está en el directorio correcto tanto el css como la imagen.

<html>

<head>
<title>Català</title>
<link href="Estils/cos.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<style>
BODY {SCROLLBAR-FACE-COLOR: #CCCC99; SCROLLBAR-HIGHLIGHT-COLOR: #336666; SCROLLBAR-SHADOW-COLOR: #CCCC99; SCROLLBAR-3DLIGHT-COLOR: #CCCC99; SCROLLBAR-ARROW-COLOR: #00000; SCROLLBAR-TRACK-COLOR: #336666; SCROLLBAR-DARKSHADOW-COLOR: #336666; }
</style>

<table border="0" cellpadding="0" cellspacing="0" width="14%" height="317" align="left">
<tr>
<td valign="top" width="5" height="624">&nbsp;</td>
<td valign="top" width="135" height="624">
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="23">
<param name=movie value="inicicat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="inicicat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="23" bgcolor="#336666">
</embed>
</object></font></p>
<p>&nbsp;</p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="serveiscat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="serveiscat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="formularicat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="formularicat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="personalcat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="personalcat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="organitzcat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="organitzcat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="noticiescat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="noticiescat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="comentariscat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="comentariscat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p>&nbsp;</p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="impresosbaixar.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="impresosbaixar.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
<p><font face="Book Antiqua, Times New Roman, Times"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="20">
<param name=movie value="mapawebcat.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="#336666">
<embed src="mapawebcat.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#336666">
</embed>
</object></font></p>
</td>
</table>

<table width="68%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="113">
<div align="center"><img src="../Imatges/Fasana.gif" width="279" height="159" alt="fa&ccedil;ana"></div>
</td>
</tr>
<tr>
<td>
<p>&nbsp; </p>
</td>
</tr>
</table>
<table width="68%" border="0" align="center">
<tr>
<td>
<p align="JUSTIFY"><font face="Century Gothic" size="2"><i><b>L'ag&egrave;ncia de
Patents i Marques SUGRAÑES, fou fundada l'any 1925 per Pere Sugrañes Ferrer.
Des d'aquesta data ens hem dedicat sempre a temes de Propietat Industrial,
de forma professional i rigorosa, tractant sempre tots els enc&agrave;rrecs
dels nostres clients amb la m&agrave;xima serietat i la major efic&agrave;cia
possible. </b></i></font></p>
<p align="JUSTIFY"><font face="Century Gothic" size="2"><i><b>Representem professionalment
a companyies molt importants d'arreu del món que desenvolupen les seves
activitats en diversos àmbits: indústria farmacèutica, perfumeria i cosmètics,
confecció, articles de consum, indústria petrolera, automoció, informàtica,

----- os quito código pues no me cabe el msg------

</table>
</body>
</html>
  #6 (permalink)  
Antiguo 26/08/2003, 03:50
Avatar de Anna  
Fecha de Ingreso: junio-2003
Mensajes: 56
Antigüedad: 14 años, 5 meses
Puntos: 1
ya funciona. Gracias igualmente
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 16:08.