Martín Ortega Novella  Julio 24 2010


Julio 24 2010  Martín Ortega Novella
Explicación para torpes.

Haz un copy/paste en cualquier Template HTML del código que ves en la tabla verde, te quedará algo parecido al campo de la imagen de la izquierda.

OK, funciona, lo he puesto en el LeftSideBar pero no me queda centrado.
Vete a la hoja de estilos y pega el código de la tabla azul.
Dónde ??? dónde pego el código ???.
No se, no se, te va a funcionar pegándolo en cualquier sitio, pero pégalo por la mitad más o menos (detalle técnico)
Juega con los márgenes para dejarlo a tu gusto.

Ahora quiero que tenga un tamaño determinado y además lo quiero con colorines.
Cogno, no te estarás pasando un pelín ??? bueno porque me pillas de buen humor.
Coge el texto que hay en la tabla rosa y pégalo en la hoja de estilos, donde ??? donde más rabia te de (otro detalle técnico) pero cerca del otro si es posible.
Fíjate que le pongo el color de texto "#000" negro, el tamaño 13px, el fondo #ffffcc, etc, etc. Aquí juega con estas cosas para adaptarlo a los colores de tu blog o página web.

Cómo añado más lineas de enlaces ???
La verdad es que esta pregunta no me la esperaba, voy a pensar que acabas de salir de la Universidad y no tienes ni puta idea de nada, copy/paste de las líneas en negrita, pon tus cosas. (ánimo, todos empezamos alguna vez).
<div id="ajuste"><FORM>
<SELECT NAME="RecList" onChange="GotoURL()">
<OPTION VALUE="/sidra400.nsf/" >Selecciona una opción</OPTION>
<OPTION VALUE="http://slugmail.slug.es/">Blog ESLUG
</OPTION>
<OPTION VALUE="http://slugmail.slug.es/desarrollo.nsf">ESLUG Factory
</OPTION>
<OPTION VALUE="http://slugmail.slug.es/desarrollo.nsf">ESLUG Factory </OPTION>
<OPTION VALUE="autor1.htm">Autor
</OPTION>
</SELECT>
<script language="JavaScript">
function GotoURL()
{
//alert(document.forms[0].RecList.options.length)
//alert(document.forms[0].RecList.selectedIndex)
location.href=document.forms[0].RecList.options[document.forms[0].RecList.selectedIndex].value;
//alert(x)
}
</script>
</FORM> </div>

#ajuste{margin:5px 5px 5px 5px;}

SELECT
{
width:190px;
color: #000000;
font-family: Arial, Sans-Serif,Tahoma;
font-size:13px;
margin:2px 0px 0px 5px;background-color:#ffffcc}

Dominoblog

5 Comentarios 
1
Txe
7/27/2010 10:05:30 PM

Estaría mejor cerrando las etiquetas -Option-

2
Martín
7/28/2010 5:55:54 PM

Corregido.

Gracias listo.

Un saludo

3
Albert Buendia
7/28/2010 4:04:21 PM

Gracias Txe por la apreciacion. Habrá sido un efecto colateral del procedimiento copy/paste.

4
Martín
7/26/2010 6:32:44 PM

Hola Albert, como te comentaba voy a darle un pequeño toque al blog, de momento solo estoy tocando la home page, si te fijas en la parte de abajo hay unas tablas nuevas. Voy a poner unos enlaces a cosas nuestras, que se vean bien, por ejemplo a esta base de datos sacada del baúl pero que está totalmente operativa.

Pongo enlaces a las web de los partners que colaboran con el Eslug ??? Espero a ver que dice el personal ???.

Por las tardes mi gente se pira a la piscina y yo estoy mariconeando un poco por aquí, aunque esta semana estoy de guardia, eso quiere decir que en cualquier momento puedo salir corriendo.

Un saludo

5
Salvador Jose
7/26/2010 12:12:51 PM

Esta entrada está muy bien. Para ti este código es "basic". Para los principiantes esto es nivel "advanced".

Comentarios

Code for brutus and dummies