Ver Mensaje Individual
  #12 (permalink)  
Antiguo 24/10/2010, 11:06
AlvaroX
 
Fecha de Ingreso: septiembre-2008
Mensajes: 242
Antigüedad: 15 años, 7 meses
Puntos: 3
Respuesta: Letras con borde de otro color

Perdon por revivir un tema tan viejo pero andaba buscando algo asi y me tope con este post de foros del web, el cual soy miembro. quiero decirles que lo encontre bueno y me encamine muy rapido con esto, queda un tanto feo el que exponen uds, lo que le agrege fueron 2 capas mas con las cordenadas faltantes para que se vea totalmente bordeado:

Código:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> TEXTO CON BORDE.</title>
<style type="text/css">
body{font:normal normal 100%/200% "times new roman",serif}
#contenedor {position:relative; height:3em; background:#f00}
#conBorde {position:absolute; top:0px; margin:5px;}
font{font-family:"serif"; font-size:2em; font-weight:900;}
#conBorde font .txt {display:inline; position:relative; top:0; left:0;}
#conBorde font .arr {display:inline; -moz-user-select:none; position:absolute; top:1px; left:1px; color:#0f0; }
#conBorde font .aba {display:inline; -moz-user-select:none; position:absolute; top:1px; left:-1px; color:#0f0; }
#conBorde font .arr2 {display:inline; -moz-user-select:none; position:absolute; top:-1px; left:1px; color:#0f0; }
#conBorde font .aba2 {display:inline; -moz-user-select:none; position:absolute; top:-1px; left:-1px; color:#0f0; }
</style>
</head>
<body>

<h2>Texto con borde sin filtro glow.</h2>

<div id="contenedor">
<div id="conBorde">
<font>
<span class="arr"><b>QWERTYUIOP</b></span>
<span class="aba"><b>QWERTYUIOP</b></span> 
<span class="arr2"><b>QWERTYUIOP</b></span>
<span class="aba2"><b>QWERTYUIOP</b></span> 
<span class="txt">QWERTYUIOP</span>
QWERTYUIOP
</font>
</div>
</div>

</body>
</html>