Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

Todas las entradas de la categorìa

12 artículos sobre TEXTOS
Mostrando entradas con la etiqueta TEXTOS. Mostrar todas las entradas

Crear dos columnas de texto

SIN IMAGEN:

 <div style="padding: 10px; float: left; width: 45%; text-align: justify;">Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>
CON IMAGEN:

<div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img style="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos blogger” border="0" />Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Cargar y usar en tu blog fuentes de iconos

Carga la fuente. Coloca este código entre las etiquetas <head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

 Allí donde quieres colocar el símbolo este código:
<span class="fa fa-home"></span>

 Se le puede asignar estilo ejemplo:
<style>
 .fa {display: inline-block;font-size: 40px;margin: 5px;color: #666;}
.fa:hover {color: #1A4E93;}
.fa.fa-signal {color: #71AF42;}
</style>

Los símbolos se encuentra en esta dirección,La fuente y los símblos solo tienes que cambiar en <span class="fa fa-home"></span> lo que está en rojo, por el símbolo en cuestión.
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Formateo de un texto en HTML

Los tres pilares fundamentales son tipo de fuente, tamaño de la letra y color(La etiqueta <font> No se admite en HTML5.)

<p><font face="verdana" color="red" size="60">
AQUÍ LO QUE QUERÁIS ESCRIBIR
</font></p>


font face:
Arial, TIMES NEW ROMAN, COURIER, VERDENA...

COLOR:
Colores y sus nombres

Otro atributos:
<B> Texto en negrita </B>
El texto comprendido entre estas marcas queda formateado en negrita (la B corresponde al inglés BOLD).

<I> Texto en cursiva </I>
El texto comprendido entre estas marcas queda formateado en cursiva (la I corresponde al inglés ITALIC)

<U> Texto subrayado </U>
El texto comprendido entre estas marcas queda subrayado aun sin ser un enlace (la U corresponde al inglés UNDERLINE).

Existe también la marca STRIKE para el texto tachado:
<STRIKE> Texto tachado </STRIKE>
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Letra capital

<span style="color:#000000; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"> E(esta será letra con la que empiece vuestro escrito)</span><br/>AQUÍ EL RESTO DEL TEXTO
E

jemplo
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

CAMBIAR DE COLOR EL TEXTO AL PASAR EL RATON


<div onmouseout="this.style.color='black'" onmouseover="this.style.color='red'">
Este es un texto que cambia de color. Pruébalo!</div>

Este es un texto que cambia de color. Pruébalo!
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Texto en movimiento

CÓDIGO:
<marquee behavior="scroll" direction="up" scrollamount="2"><span>TEXTO</span></marquee>
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Tratamiento de letras

Para las letras: 

    Tipo de fuente: font face="tu elección", cierra con face entre flechas
    Tamaño: size="tu número"
    color: color="tu color"
    Típo de letra: b y STRONG para negrita, i para itálica, u para subrayado, s y STRIKE para tachado
    CÓDIGO:
    <font face="ariel" size="13" color="darkgreen"> Modelo</font>

    <font face="ariel" size="3" color="darkgreen"> Modelo de letra ariel, 3, verde </font>
Modelo

Modelo de letra ariel, 3, verde
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Enmarcar Texto

<fieldset> AQUÍ EL TEXTO QUE QUEREMOS RESALTAR </fieldset>

 Y con título:

 <fieldset> <legend> TÍTULO </legend> AQUI EL TEXTO QUE QUEREMOS RESALTAR 
</fieldset>

TÍTULO AQUI EL TEXTO QUE QUEREMOS RESALTAR

Si quiere que tenga un ancho concreto lo encierras en una tabala:
<table width="75%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<fieldset>
Esto es un fieldset dentro de una tabla
</fieldset>
</td>
</tr>
</table>

Esto es un fieldset dentro de una tabla
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Alinear Textos

TEXTO JUSTIDICADO
<div style="text-align:justify">AQUÍ EL TEXTO<br>mas texto</div>

 TEXTO CENTRADO
<div style="text-align:center">AQUÍ EL TEXTO<br>mas texto</div>

 TEXTO A LA IZQUIERDA
<div style="text-align:left">AQUÍ EL TEXTO<br>mas texto</div>

 TEXTO A LA DERECHA
<div style="text-align:right">AQUÍ EL TEXTO<br>mas texto</div>
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Textos Deslizantes dentro de una caja de color

Las variaciones posibles son: bgcolor=; border=; direction=; color:; scrollamount=;  height= Note tengas miedo en experimentar.

 <div align="center"><table bgcolor="#990000" border="1" width="200"><tbody><tr><td align="center"><marquee scrollamount="1" direction="up" height="70"><span style="color:#ffffff;">AQUÍ ELTEXTO</span></marquee></td></tr></tbody></table></div>
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Colocar texto y otros elementos con un fondo de color

Al principio del elemento en html colocaremos este código:

<table border="0" cellspacing="0" cellpadding="10" width="176" bgcolor="#e6e6e6" bordercolor="#000000"><tbody> <tr> <td valign="top" width="176">

Y al final del elemento de que se trate cerramos con este código:

</td> </tr> </tbody></table>
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Colocar los títulos de las entradas en diferentes colores

<font color="#00000">TÍTULO DE LA ENTRADA</font>
Pero claro esto directamente en el título quedará un poco feo en la barra del navegador, así que tendrás que buscar en tu plantilla algo parecido a esto "h3.post-title" y modificar con antes de /b;skin, su estilo una cosa as.i vaya: 
h3.post-title {
color :"#00000";
} 
Tras este punto y coma podrás variar otros atributos, como el tamaño de la letra, la fuente etc...
RECOMENDACIÓN
Antes de empezar ha realizar cambios en tu plantilla de blogger, sería recomendable hacer una copia de tu plantilla, para ello seleciona la pestaña PERSONALIZAR,luego haz clicl en Copia de Seguridad, seguidamente, se iniciara la descarga de tu plantilla.

PROBAR CÓDIGO

See the Pen Untitled by anabeltb (@anabeltb) on CodePen.

Suscribirse a: Entradas ( Atom )