Delicious LinkedIn Facebook Twitter RSS Feed

Cambiar el tamaño y la fuente en los posts

 Podes dar la opción a nuestros lectores de agrandar el texto y si no le gusta el tipo de fuente elegir otra para leer nuestras entradas.

En Diseño, Elementos de la página añadimos un nuevo Gadget HTML/Javascript.
Pegamos el siguiente código:

<script>
function go1(){if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none"){document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value}}

function go2(){if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none"){document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value}}
</script>

<form id="forma" name="selecter2" method="posts">
<select onchange="go2()" style="font-family:Arial;font-size:10pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option value="Trebuchet Ms"/>Trebuchet Ms
<option selected value="Verdana"/>Verdana
</select>

<select onchange="go1()" style="font-family:Arial;font-size:10pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="22px"/>22
</select>
</form>
Guardar y mover en el lugar que mas les guste.

Pueden modificar el código tanto la fuente como el tamaño o agregarle mas.

Ver ejemplo:

0 comments:

Post a Comment