Notis

Síguenos en Twitter: @teoria_blogger | Para tu blog, recomendamos: que el diseño no esté cargado, que las entradas no sean muy largas y que contengan imágenes. Para más consejos Click aquí | Pon un link de Teoría Blogger en tu blog!!! Click aquí. | Para cualquier duda o problema sobre tu blog, escríbenos en nuestro formulario de contacto.

domingo, 14 de agosto de 2011

Etiqueta strike o s

16:35  Teoría Blogger   Comentá!

La etiqueta strike (<strike>) implica simplemente que un texto sea tachado.
Muchas veces esta etiqueta es usada irónicamente para mostrar que uno se ha equivocado con un texto o palabra.

Sintaxis

La etiqueta strike o s (<s>) se usa con un texto de intermediario. Esto significa que supone de dos etiquetas y en el medio se inserta el texto: una que abre la función (<strike>) y otra que la cierra (</strike>).
Ejemplo:
Venus es <strike>un canal</strike> el segundo planeta que gira en torno al Sol
Venus es un canal el segundo planeta que gira en torno al Sol

Etiquetas o propiedades paralelas

Existen otras alternativas para determinar este efecto de la etiqueta strike. En la siguiente tabla mostramos esas alternativas ya sea usando HTML o CSS:
Strike en HTML
<strike></strike>
<s></s>
<del></del>
Strike en CSS
<span class="tachado">Este texto está tachado gracias al CSS →</span> span .tachado {
text-decoration:line-through;
}

Atributos que se tienden a emplear

Lista de todos los atributos que son más factibles para usar en esta etiqueta (hay más atributos para emplear):
Atributo Muestra de sintaxis
title<strike title="">Tachar</strike>
style<strike style="">Tachar</strike>
id <strike id="">Tachar</strike>
class <strike class="">Tachar</strike>

Actualización: 3 de mayo del 2013.

 Ambas etiquetas <s> y <strike> fueron eliminadas en la nueva versión 5 de HTML.

viernes, 12 de agosto de 2011

Colores Hex, RGB y nombre (lista completa)

23:05  Teoría Blogger   Comentá!

Muestra
HexRGBNombre

#000000
rgb(0,0,0)black

#FFFFFF
rgb(255,255,255)white

#0000FF
rgb(0,0,255)
blue

#00FF00
rgb(0,255,0)lime

#FFFF00
rgb(255,255,0)yellow

#00FFFF
rgb(0,255,255)aqua - Cyan

#FF0000
rgb(255,0,0)red

#008000
rgb(0,128,0)green

#2E8B57
rgb(46, 139, 87)
seagreen

#00FF7F
rgb(0, 255, 127)
springgreen

#FFD700
rgb(255,215,0)gold

#DAA520
rgb(218, 165, 32)
goldenrod

#DEB887
rgb(222, 184, 135)
burlywood

#F0E68C
rgb(240, 230, 140)
khaki

#F5F5DC
rgb(245, 245, 220)
beige

#808000
rgb(128, 128, 0)
olive

#FF00FF
rgb(255,0,255)magenta - fuchsia

#FF69B4
rgb(255, 105, 180)
hotpink

#DA70D6
rgb(218, 112, 214)
orchid

#FFC0CB
rgb(255, 192, 203)
pink

#FFA500
rgb(255,165,0)orange

#008080
rgb(0, 128, 128)
teal

#40E0D0
rgb(64, 224, 208)
turquoise

#7FFFD4
rgb(127, 255, 212)
aquamarine

#87CEEB
rgb(135, 206, 235)
skyblue

#800000
rgb(128, 0, 0)
maroon

#A52A2A
rgb(165, 42, 42)
brown

#DC143Crgb(220, 20, 60)crimson

#808080
rgb(128, 128, 128)
gray - grey

#708090
rgb(112, 128, 144)
slategrey - slategray

#E6E6FA
rgb(230, 230, 250)
lavender

#C0C0C0
rgb(192, 192, 192)
silver

#EE82EE
rgb(238, 130, 238)
violet

#800080
rgb(128, 0, 128)
purple

#4B0082
rgb(75, 0, 130)
indigo

#FA8072
rgb(250, 128, 114)
salmon

#F5F5F5
rgb(245, 245, 245)
whitesmoke

#F5DEB3
rgb(245, 222, 179)
wheat

#FF6347
rgb(255, 99, 71)
tomato

#D8BFD8
rgb(216, 191, 216)
thistle

#D2B48C
rgb(210, 180, 140)
tan

#4682B4
rgb(70, 130, 180)
steelblue

#FFFAFA
rgb(255, 250, 250)
snow

#6A5ACD
rgb(106, 90, 205)
slateblue

#9ACD32
rgb(154, 205, 50)
yellowgreen

#A0522D
rgb(160, 82, 45)
sienna

#FFF5EE
rgb(255, 245, 238)
seashell

#F4A460
rgb(244, 164, 96)
sandybrown

#8B4513
rgb(139, 69, 19)
saddlebrown

#4169E1
rgb(65, 105, 225)
royalblue

#BC8F8F
rgb(188, 143, 143)
rosybrown

#B0E0E6
rgb(176, 224, 230)
powderblue

#000080
rgb(0, 0, 128)
navy

#191970
rgb(25, 25, 112)
midnightblue

#C71585
rgb(199, 21, 133)
mediumvioletred

#48D1CC
rgb(72, 209, 204)
mediumturquoise

#00FA9A
rgb(0, 250, 154)
mediumspringgreen

#7B68EE
rgb(123, 104, 238)
mediumslateblue

#9370DB
rgb(147, 112, 219)
mediumpurple

#BA55D3
rgb(186, 85, 211)
mediumorchid

#0000CD
rgb(0, 0, 205)
mediumblue

#778899
rgb(119, 136, 153)
lightslategray

#20B2AA
rgb(32, 178, 170)
lightseagreen

#FFA07A
rgb(255, 160, 122)
lightsalmon

#90EE90
rgb(144, 238, 144)
lightgreen

#FAFAD2
rgb(250, 250, 210)
lightgoldenrodyellow

#E0FFFF
rgb(224, 255, 255)
lightcyan

#ADD8E6
rgb(173, 216, 230)
lightblue

#1E90FF
rgb(30, 144, 255)
dodgerblue

#696969
rgb(105, 105, 105)
dimgray

#00BFFF
rgb(0, 191, 255)
deepskyblue

#9400D3
rgb(148, 0, 211)
darkviolet

#00CED1
rgb(0, 206, 209)
darkturquoise

#2F4F4F
rgb(47, 79, 79)
darkslategray

#483D8B
rgb(72, 61, 139)
darkslateblue

#E9967A
rgb(233, 150, 122)
darksalmon

#8B0000
rgb(139, 0, 0)
darkred

#9932CC
rgb(153, 50, 204)
darkorchid

#FF8C00
rgb(255, 140, 0)
darkorange

#556B2F
rgb(85, 107, 47)
darkolivegreen

#8B008B
rgb(139, 0, 139)
darkmagenta

#BDB76B
rgb(189, 183, 107)
darkkhaki

#006400
rgb(0, 100, 0)
darkgreen

#A9A9A9
rgb(169, 169, 169)
darkgray

#B8860B
rgb(184, 134, 11)
darkgoldenrod

#008B8B
rgb(0, 139, 139)
darkcyan

#00008B
rgb(0, 0, 139)
darkblue

#8FBC8F
rgb(143, 188, 143)
darkseagreen

#FFF8DC
rgb(255, 248, 220)
cornsilk

#6495ED
rgb(100, 149, 237)
cornflowerblue

#FF7F50
rgb(255, 127, 80)
coral

#D2691E
rgb(210, 105, 30)
chocolate

#7FFF00
rgb(127, 255, 0)
chartreuse

#5F9EA0
rgb(95, 158, 160)
cadetblue

#8A2BE2
rgb(138, 43, 226)
blueviolet

#F0FFFF
rgb(240, 255, 255)
azure

#FAEBD7
rgb(250, 235, 215)
antiquewhite

#F0F8FF
rgb(240, 248, 255)
aliceblue

Cómo aplicarlos en los códigosPara empezar, estos colores se usan sólo en propiedades en el que se necesitan colores.
Tales como:
En cualquiera de los casos, debemos copiar el cógido Hex, rgb o el nombre del color como el valor de la propiedad:
<style>
h1 {
color:#0000FF;
}
h1 {
background:rgb(0,0,255);
}
h1 {
border-color:blue;
}
</style>
Todo lo escrito en azul es el valor de la propiedad.
Ahora mostraré los mismos ejemplos que los anteriores, pero aplicado a HTML:
<h1 style="color:#0000FF;">Ejemplo</h1>
<h1 style="background:rgb(0,0,255);">Ejemplo</h1>
<h1 style="border-color:blue;">Ejemplo</h1>

Mejorar blog, según la revista USERS

13:43  Teoría Blogger   Comentá!

La revista Users es una revista que personalmete compro mensualmente, para enterarme de la última tecnología, aprender sobre computación, internet, etc.
En cada edición de la revista, siempre hay un tema principal. Un tema en el cual le dedican varias páginas en el medio.
En la edición nº 241, aparece como tema principal y a aprender, sobre cómo mejorar nuestros blogs, con el título de "Blogs Super Poderosos".
Escaneé las 11 páginas que le dieron lugar en esta prestigiosa revista.
Blogs Super Poderosos por User










Descargar todas las imágenes juntas



martes, 31 de mayo de 2011

No permitir usar click derecho en tu blog

0:42  Teoría Blogger   2 comentarios

Si por alguna razón no querés que tus lectores puedan copiar un texto o una imagen de tu blog, mirá este post porque es justo lo que estás necesitando y es un truco que podría ser uno de los más buscados.
En este post te vamos a mostrar 3 formas diferentes para proteger los contenidos de tu blog: Una forma es usando atributos HTML y las otras dos formas son códigos Javascript. Usa la que te parezca más eficiente.
Proteger contenidos de tu blog

1er código

En el primero vamos a mostrar el código HTML, en el que tenemos que ir a Blogger → Diseño → Edición de HTML → buscamos la etiqueta <body> y la reemplazamos por
<body oncontextmenu='return false' onkeydown='return false'>

2do código

En este caso, es un script que se debe poner en el sidebar. Así que vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Elegimos el gadget de tipo HTML/Javascript y pegamos el siguiente código:
<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false" )
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>

Contra importante:
Este script no permite de ninguna manera copiar textos, pero sí imágenes.

3er código

El resultado de este script es muy particular con respecto a otros que se pueden observar porque este, al hacer click derecho en alguna parte de la página, se activa una ventana de alerta que dice "En este blog está prohibido usar click derecho!".
Para aplicar este script, debemos ponerlo en el sidebar. Para eso vamos a Blogger → Diseño → Elementos de la página → Añadir un gadget → Elegimos el tipo de gadget HTML/Javascript y pegamos el siguiente código:
<script language="Javascript">
document.oncontextmenu = function() {
return false
}
function right(e) {
var msg = "En este blog está prohibido usar click derecho!";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
}
else if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
}
return true;
}
document.onmousedown = right;
</script>
El mensaje de la ventana de alerta puede cambiar si lo deseas: cambiando el texto marcado en rojo por el que quieras que aparezca.

sábado, 28 de mayo de 2011

Cronómetro en tu blog

12:45  Teoría Blogger   Comentá!

Esta herramienta que puedes añadirlo en tu blog solo si tienes algo en especial que estás mostrando o como una función particular simplemente. Es eficiente y funciona a la perfección en todos los navegadores.
El código se inserta sólo como gadget es decir que aparecerá en el sidebar. El cronómetro es simplemente el segundero digital, un botón de inciar, de parar y de reiniciar el contador.
Insertar cronómetro al sidebarComo ya te mencionamos, este es un gadget, así que vamos a ir a Blogger → Diseño → Elementos de la página → Añadimos un nuevo gadget → Y seleccionamos el gadget de tipo HTML/Javascript y pegamos el siguiente código:
<form name="crono">
<div align="center"><center>
<p><input title="Este truco en teoriablogger.blogspot.com" type="text" size="8" name="display" value="00:00:0" /><input type="button" name="Iniciar" value=" Iniciar " onclick="IniciarCrono()" /></p>
<p><input title="Este truco en teoriablogger.blogspot.com" type="text" size="8" name="parcial" value="00:00:0 " /> <input type="button" name="Parcial" value="Parcial" onclick="ObtenerParcial()" /></p>
<p><input type="button" name="Parar" value=" Parar " onclick="DetenerCrono()" /><input type="button" name="Cero" value="Cero" onclick="DetenerCrono(); InicializarCrono()" /></p>
</center></div>
</form>
<script type="text/javascript" src="https://sites.google.com/site/teoriablogger/archivos-js/cronotb.js"></script>
Cronómetro