estilos css

guigue · #1 (**permalink**) 25/06/2002, 05:30

en estos foros me he enterado de como variar la apariencia de la barra de desplazamiento y otras cosas. pero, aparte de ir pegando el codigo pag por pag, ¿existe alguna forma de automatizar esto en dremweaver con estilos css o algo similar?

edigcrea · #2 (**permalink**) 25/06/2002, 06:03

puedes utizar templates(platillas),también buscar y reemplazar que se puede aplicar por ejemplo a todos los html, del site.está por ahí el tema de los includes(SSI) en asp, utilizar la grabadora de acciones de DW, como ves hay variedad pero todos los procesos automatizados requieren una planificación previa.suerte

guigue · #3 (**permalink**) 25/06/2002, 07:47

gracias, tengo que buscarme un buen libro de apoyo con tutoriales y eso. por cierto, si conocen alguno muy recomendable lo agradaceria.

ct · #4 (**permalink**) 25/06/2002, 08:03

Puedes crear un hoja de estilo con las características que quieras ponerle a todas tús páginas y después en cada página 'llamar' a la hoja de estilo.

En dreamweaver se hace de la siguiente manera:
- Para crear la hoja de estilos:
1º ventana > estilos css
2º En la barra de abajo pulsar símbolo + (Nuevo estilo)
3º Aparece una ventana donde elijes la etiqueta que quieras definir (por ejemplo la etiqueta body) y eliges si es en una hoja de estilo externa o sólo en esa página web
4º Asignas las 'propiedades que quieras' a las diferentes etiquetas y guardas la hoja de estilo.

- Para 'llamar' a la hoja de estilo:
1º Creas la página web (sin volver a definir las etiquetas de la hoja de estilo)
2º Con el botón derecho seleccionas : Estilos css > Adjuntar hoja de estilo
3º Seleccionas la hoja que has guardado.

Si tienes problemas consulta la ayuda que está bastante bien.

Salu2.
<a href='ir.asp?http://www.acaitt.net' target='_blank'>http://www.acaitt.net...</a>

isotonic90 · #5 (**permalink**) 01/07/2002, 06:25

no aconsejo utilizar plantillas, porque acaban dando por el saco, quizás la mejor manera es con includes, aunque depende de con que servidor trabajes no los verás.

lo del la biblioteca es una solución bastante decente

manur_16 · #6 (**permalink**) 10/10/2003, 11:02

yo tengo un problema con las plantillas y css, en la plantilla tengo adjutado varios estilos de css, pero cuando lo quiero utilizar en las paginas que se basan en la plantilla, tengo problemas con los estilos que tienen un nombre y tengo que ponerlo como class="menu"(por ejemplo), cuando hago esto no me deja, me aparece un mensaje que dice "la realizacion de este cambio puede exigir el cambio del cogido bloqueado por una plantilla, se omitira el cambio".
Aca le adjunto el html de la plantilla.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>aaa</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<script language="JavaScript" type="text/JavaScript">

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

</script>
<script language="JavaScript">
function Fecha()
{
meses = new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Novi embre","Diciembre");
data = new Date();
index = data.getMonth();
diasemana=new Array("Lunes","Martes","Miércoles","Jueves","Viern es","Sábado","Domingo");
indexday = data.getDay();
if (indexday == 0)
indexday = 7;
any = data.getYear();
if (any < 1900)
any = 1900 + any;
document.write(diasemana[indexday-1]+ ' '+data.getDate()+ " de " + meses[index] + " de " + any);
}
</script>
<link href="ccs.css" rel="stylesheet" type="text/css">
</head>

<body leftmargin="115" topmargin="5" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('contac2-over.gif','servicios-over.jpg','contacto-over.jpg','links-over.jpg','conoscanos-over.jpg','home-over1.jpg','../dise%F1os-over.jpg')">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0000FF" width="530" id="AutoNumber1">
<tr>
<td width="50%" height="0" rowspan="5"> <p align="center"> <img src="abrajam-chico.jpg" width="150" height="120"></td>
<td width="8%" rowspan="5"> <div align="left"><img src="linea.jpg" width="2" height="86"></div></td>
<td width="48%" valign="top"> </td>
</tr>
<tr>
<td height="0" valign="middle"> <div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" font color="#333333" size="1">
<script language="javascript">Fecha()</script><br>
</font></div></td>
</tr>
<tr>
<td height="12" valign="top"><p align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Buenos
Aires - República Argentina <br>
</font></p></td>
</tr>
<tr>
<td height="0" align="center" valign="top"> <div align="left"> <img src="linea2.jpg" width="156" height="5"></div></td>
</tr>
<tr>
<td height="0" valign="top"><a href="mailto:[email protected]" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../contac2-over.gif',1)"><img src="contac2.gif" name="Image9" width="179" height="28" border="0"></a></td>
</tr>
<tr>
<td height="1" colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15%"><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','home-over1.jpg',1)"><img src="home.jpg" alt="Volver a home" name="Image13" width="85" height="25" border="0"></a></td>
<td width="15%"><a href="disenios.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','dise%F1os-over.jpg',1)"><img src="dise%F1os.jpg" alt="Ir a diseños" name="Image14" width="85" height="25" border="0"></a></td>
<td width="15%"><a href="servicios.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image131','','servicios-over.jpg',1)"><img src="servicios.jpg" alt="Ir a servicios" name="Image131" width="85" height="25" border="0" id="Image131"></a></td>
<td width="15%"><a href="contacto.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','contacto-over.jpg',1)"><img src="contacto.jpg" alt="Ir a contacto" name="Image12" width="85" height="25" border="0"></a></td>
<td width="15%"><a href="links.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','links-over.jpg',1)"><img src="links.jpg" alt="Ir a links" name="Image15" width="85" height="25" border="0"></a></td>
<td width="15%" bordercolor="#0066CC"><a href="conoscanos.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','conoscanos-over.jpg',1)"><img src="conoscanos.jpg" alt="Ir a conózcanos" name="Image16" width="85" height="25" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><table width="526" border="0" cellspacing="0" cellpadding="0">
<tr bordercolor="#33CC00">
<td colspan="3"><table width="525" height="23" border="" cellpadding="0" cellspacing="0" bordercolor="#33CC00">
<tr>
<td width="522" height="21" bordercolor="#33CC00"></td>
</tr>
</table>
<tr>
<td width="20" height="0" valign="top"><img src="costado.jpg" width="20" height="19"></td>
<td width="489" height="0" valign="top" bgcolor="#33CC00">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana">-
Prohibida su reproducción total o parcial sin la autorización
a Abrajam.com.ar -</font></div></td>
<td width="21" valign="top"> <div align="left"><img src="costado-d.jpg" width="20" height="19"></div></td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
<tr>
<td colspan="3" bordercolor="#CCCCCC"> </td>
</tr>
</body>

</html>