Marco izquierdo y cambiar fondo en todas las páginas

#1 (**permalink**) 21/08/2003, 11:54

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.

kresus · #2 (**permalink**) 21/08/2003, 13:13

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

mifune · #3 (**permalink**) 21/08/2003, 16:55

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**) 22/08/2003, 03:03

moltes gràcies!!

Perfecto

#5 (**permalink**) 25/08/2003, 04:25

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"> </td>
<td valign="top" width="135" height="624">
<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>
 
<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>
<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>
<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>
<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>
<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>
<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>
 
<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>
<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>
</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çana"></div>
</td>
</tr>
<tr>
<td>
  
</td>
</tr>
</table>
<table width="68%" border="0" align="center">
<tr>
<td>
L'agè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àrrecs
dels nostres clients amb la màxima serietat i la major eficàcia
possible. 
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**) 26/08/2003, 02:50

ya funciona. Gracias igualmente