11 mayo 2007

Algunos códigos de texto para las entradas


Tras el comentario de Silvia en la entrada anterior de esta categoría, me he decidido a poneros aquí los códigos html que se usan para editar el texto de nuestras entradas. Ella comenta que no le funciona el editor de texto. No sé a qué se deberá exactamente; espero que se le solucione pronto. Por si tenéis el mismo problema o simplemente sentís curiosidad por conocerlos,a continuación tenéis los más usuales:



Itálica o cursiva



<span style="font-style:italic;">Itálica o cursiva</span>


<i>Italica o cursiva</i>



Negrita

<span style="font-weight:bold;">Negrita </span>


<b>Negrita <b>



para citar texto



<blockquote>para citar texto </blockquote>




Para cambiar de color



<span style="color: rgb(255, 0, 0);">Para cambiar de color (aqui­, rojo)</span>



Para cambiar el tamaño de la letra:

muy pequeño

<span style="font-size:78%;">muy pequeño</span>

pequeño

<span style="font-size:85%;"> pequeño</span>

normal (es el que sale por defecto)
grande

<span style="font-size:130%;">grande</span>

muy grande

<span style="font-size:180%;">muy grande</span>




Como veis, el tamaño va en porcentajes (%), basta con encontrar el que queramos e incluirlo en el código.

Si lo que queremos es cambiar la fuente:



Arial

<span style="font-family: arial;">Arial</span>


Courier

<span style="font-family: courier new;">Courier</span>


Georgia

<span style="font-family: georgia;">Georgia</span>


Lucida Grande

<span style="font-family: lucida grande;">Lucida Grande</span>


Times

<span style="font-family: times new roman;">Times</span>


Trebuchet

<span style="font-family: trebuchet ms;">Trebuchet</span>


Verdana

<span style="font-family: verdana;">Verdana</span>


Webdings

<span style="font-family: webdings;">Webdings</span>



Alienación del texto:

Para justificar texto


<div style="text-align: justify;">Para justificar texto</div>



Para alinear texto a la izquierda (nos saldrá siempre así por defecto)



<div style="text-align: left;">Para alinear texto a la izquierda (nos saldrá siempre así por defecto)</div>


Para centrar texto



<div style="text-align: center;">Para centrar texto </div>



Para alinear texto a la derecha




<div style="text-align: right;">Para alinear texto a la derecha </div>



Para
saltar

de

línea:





<br>



Para cambiar de párrafo


lo que significa que no sólo saltamos de línea sino que el espaciado entre líneas aumenta a un espaciado del 1.5 del Word, para que nos hagamos una idea.


A comparar con estas otras líneas, en las el espaciado entre líneas es el mínimo que puede haber, frente al anterior, más grande. ¿Veis la diferencia?

<p>Para cambiar de parrafo</p>




  • para crear
  • una lista
  • de "viñetas",
  • como lo llama el editor de textos
  • de blogger.



<ul><li>para crear</li><li>una lista</li><li>de "vinetas",</li><li>como lo llama el editor de textos</li><li>de blogger.</li></ul>



  • y si dentro de ella
    • necesitamos
    • crear una nueva
    • lista
      • aquí tenemos
      • cómo hacerlo
        • así.




<ul><li>y si dentro de ella</li><ul><li>necesitamos</li><li>crear una nueva</li><li>lista</li><ul><li>aqui­ tenemos</li><li>como hacerlo</li><ul><li>asi­.</li></ul></ul></ul></ul>



  1. Si lo que queremos
  2. es una lista numérica
  3. Aquí podemos ver cómo
    1. incluyendo una lista
    2. dentro de otra
      1. y una tercera
      2. también




<ol><li>Si lo que queremos</li><li>es una lista numérica</li><li>Aqui­ podemos ver como</li><ol><li>incluyendo una lista

</li><li>dentro de otra</li><ol><li>y una tercera</li><li>tambien

</li></ol></ol></ol>

15 comentarios:

Silvia dijo...

Hola Miranda guapa, está muy bien lo del texto. Gracias por avisar. Te sigo leyendo, me gusta mucho como escribes. Un beso

Miranda dijo...

Me alegro de que sirva de algo, esa era mi intención!!

Me gusta escribrir, no sabes lo que agradezco el halago... gracias!!

Si puedo ayudarte en algo más, avísame! aunque ya sabes que estoy bastante lejos de ser una experta en HTML...;)

Un beso, guapa!

Morte dijo...

Miranda.....
me ayudast a poner mi blockquote tal y como kería......... algo sencillo pero d mi gusto.....
asi q no podia irme sin agradecerte!!

xau

Karenvon dijo...

Miranda:
sorry pero parece que salí media burra en esto. Seguí el tema para justificar el texto, y este se justifico, pero todo lo que tenía al costado de la página (perfil, reloj, etc) se me fue para abajo....por qué sucedió esto y cómo lo arreglo

Saludosç
Karen

Karenvon dijo...

ahhhhh ya entendí lo que paso y lo solucione, después de todo no soy tan pava jajaja.... pero tengo otra consultita como logró que toda la faramaña entiéndase, perfil, reloj y demases se alínee bien a la izquierda y no me quede tan encima del texto

Miranda dijo...

Hola, Morte, bienvenida!
Me alegro de haberte ayudado.

Un saludo.

Miranda dijo...

Karen: bienvendida. Te contesté en tu blog; voy a informarme a ver, pero (si he entendido bien), creo que se debe a la plantilla y en ese caso sería algo por defecto, aunque no me doy por vencida, es posible que se pueda cambiar.
Un saludo!

chuyinie dijo...

oye yo tengo una pagina asi komo la tuya pero no se aser las kosas me puedes ayudar?

OzkAr dijo...

Oye q bueno esto de los codigos!! asi aprendo algo...gracias!!

ivan dijo...

...y para poner una imagen tras el texto de una entrada?

Miranda dijo...

Dónde exactamente quieres que aparezca, Ivan? En todas las entradas, a modo de firma? Entre el pie de entrada y el comienzo de la otra? o...?

Dinero por Internet GRATIS dijo...

gracias por la ayuda :D me sirvio mucho :d saludos :D

http://ganedinerogratisxinternet.blogspot.com/

ivan dijo...

hola Miranda, me refiero a poner una imagen tras el texto pero de una sola entrada

Miranda dijo...

En ese caso y hasta donde llegan mis conocimientos, tienes que ponerlo dentro de la misma entrada, moviéndolo al final; es decir, que se verá delante del pie de entrada. Las imágenes que se ponen en la plantilla son generales, afectan a todo el blog y, por tanto, a todas las entradas, de modo que tanto si ves una entrada en solitario como si la ves seguida de otras (por fecha o por etiqueta), la plantilla permanezca igual.

Eso es lo que yo sé; si existe algún modo de hacerlo, lo desconozco, pero lo veo difícil. Si estás muy interesado, quizás Gem@ pueda informarte (verás el enlace a su blog en la barra lateral).

Un saludo!

El que puede dijo...

Hola Miranda..
Verás, tengo la plantilla mínima dark, modifiqué el ancho de la misma y agregué un nuevo sidebar del otro lado de la entrada. Tuve luego que ensanchar también la cabecera que contiene el título y descripcion para que no quedara feo.. el problemita ahora es que no sé cómo centrar la descipción ..
gracias por tu ayuda.