Tutorial cuadro de texto importante leerlo

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial cuadro de texto importante leerlo

Mensaje por Anna el Lun Ago 29, 2016 7:25 am

Empecemos por saber para qué sirve cada icono.





Sirva de precedente que la mayoría de iconos al pinchar sobre ellos, aparecen dos etiquetas y entre las dos se selecciona palabra, frase o texto. Ejemplos:

B I U S

B:Texto en negrita, el color se oscurece

I:La escritura en italica, el texto se inclina a la derecha.

U:Texto subrayado.

S:Texto tachado.

Código:
[b]La literatura es y será siempre la cultura del universo[/b]
La literatura es y será siempre la cultura del universo

Código:
[i]La literatura es y será siempre la cultura del universo[/i]
La literatura es y será siempre la cultura del universo

Código:
[u]La literatura es y será siempre la cultura del universo[/u]
La literatura es y será siempre la cultura del universo

Código:
[strike]La literatura es y será siempre la cultura del universo[/strike]
La literatura es y será siempre la cultura del universo

Seguimos con el siguiente:
Los cuatro iconos de rayas: El primero de la izquierda es ajustar texto o imagen a la izquierda, el segundo centrado, el tercero a la derecha y el último justificar el texto. Ejemplos:


Código:
[left]La literatura es y será siempre la cultura del universo[/left]
La literatura es y será siempre la cultura del universo


Código:
[center]La literatura es y será siempre la cultura del universo[/center]
La literatura es y será siempre la cultura del universo


Código:
[right]La literatura es y será siempre la cultura del universo[/right]
La literatura es y será siempre la cultura del universo

Justificado:
Código:
[justify]La literatura es y será siempre la cultura del universo[/justify]
La literatura es y será siempre la cultura del universo
El tercer rectángulo y marcado en rojo:

El primer icono es para hacer una lista, el del centro una lista ordenada, y el último para insertar una raya.


Lista;
A B C
Código:
[list]
[*]A
[*]B
[*]C
[/list]


  • A
  • B
  • C


A B C

Código:
[list=1]
[*] A
[*] B
[*] B[/list]


  1. A
  2. B
  3. B


Y el último es para poner una raya:

Pinchas sale


haces la raya y pinchas de nuevo, cierras con otro



Código:
[hr]_______________________________________[hr]



_______________________________________

avatar
Anna
Admin

Femenino Libra Búfalo
Mensajes : 115
Fecha de nacimiento : 07/10/1961
Fecha de inscripción : 28/08/2016
Edad : 56
Localización : Madrid

http://pazinterior.forosphpbb.es

Volver arriba Ir abajo

Re: Tutorial cuadro de texto importante leerlo

Mensaje por Anna el Lun Ago 29, 2016 7:31 am




Es para citar algo del mensaje anterior de otro compañero y así recordarlo
Código:
[quote]Nuestra comunidad[/quote]

Nuestra comunidad



Para encerrar códigos:
Por ejemplo este es el código para poner un enlace dentro de una imagen, para ver el código tal cual se debe encerrar así, porque si lo pones directo, con dos url activas y válidas, se ve la imagen, pero no el código.

Código:
<a href="URL_DE_WEB" target="_blank"><img src="URL_DE_IMAGEN"></a>



Tercero el que tiene triángulo amarillo abajo, se llama spoiler y es meter dentro un contenido, el usuario llega y ve el cuadro pero para ver el contenido tiene que pinchar en él. No hagáis caso al cuadrito que dice insertar título opcional, que lo complica, olvidaros de eso.

Código:
[spoiler]Tercero el que tiene triángulo amarillo abajo, se llama spoiler y es meter dentro un contenido, el usuario llega y ve el cuadro pero para ver el contenido tiene que pinchar en él.
[/spoiler]

Spoiler:
Tercero el que tiene triángulo amarillo abajo, se llama spoiler y es meter dentro un contenido, el usuario llega y ve el cuadro pero para ver el contenido tiene que pinchar en él.

El que tiene un signo + en verde, para hacer tablas.
Código:
[table][tr][td][/td][/tr][/table]

Código:
[table] [tr][td] Linea 1 - Celda 1 [/td] [td] Linea 1 - Celda 2 [/td] [td] Linea 1 - Celda 3 [/td][/tr] [tr][td] Linea 2 - Celda 1 [/td] [td] Linea 2 - Celda 2 [/td] [td] Linea 2 - Celda 3 [/td][/tr][/table]

Linea 1 - Celda 1 Linea 1 - Celda 2 Linea 1 - Celda 3
Linea 2 - Celda 1 Linea 2 - Celda 2 Linea 2 - Celda 3
Para hacerlo con bordes:

Código:
[table border=1] [tr][td] Linea 1 - Celda 1 [/td] [td] Linea 1 - Celda 2 [/td] [td] Linea 1 - Celda 3 [/td][/tr] [tr][td] Linea 2 - Celda 1 [/td] [td] Linea 2 - Celda 2 [/td] [td] Linea 2 - Celda 3 [/td][/tr][/table]

Linea 1 - Celda 1 Linea 1 - Celda 2 Linea 1 - Celda 3
Linea 2 - Celda 1 Linea 2 - Celda 2 Linea 2 - Celda 3
Falta el que le cruza una raya negra, siento las molestias prefiero que no se use.

_____________________________________________________________________________________________________________

Disculpar no tengo imágenes de iconos de todos...

Llegamos a uno importante, cargar imágenes, es el primero del segundo rectángulo un cuadradito con un disco de pc abajo.
Cuando pinchas sale esto:



Seleccionar archivo; te lleva a tus imágenes y escoges la que quieras, puedes cambiar el tamaño, pero el predeterminado vale porque el foro redimensiona la imagen. Hay que intentar no pasar de 800 de ancho por la relación de alto en pixeles, es como mejor quedan.

Abajo te sale la url la copias aquí directamente tal como sale.
El foro tiene a tinypic, si no quieres usarlo, porque estás acostumbrado a otro servidor de imágenes... nos vamos al icono de al lado el que tiene un +verde abajo.



Y pones la url de la imagen que hayas cargado en tu servidor.
_______________________________________________________________________________________________________



Es para insertar un enlace, o una url, como prefiráis:



En url ponéis la dirección web.
En Descripción...descripción relacionada con el enlace. Por ejemplo...yo pongo el enlace de FullTime de Hugo Misagna.

En url pongo: http://videoedicionfulltime.com/foro.html
Y en descripción: VideoEdicionFullTime
Y queda así:
VideoEdicionFulltime
____________________________________________________________________________________________________



Pincháis en el icono:


Sencillamente eso, ponéis la url de vídeo que queréis insertar.

_____________________________________________________________________________________________________

El siguiente el cuadrado azul con dibujo amarillo, es igual a youtube pero en Dailymotion
_____________________________________________________________________________________________________



Para usar el flash



Ancho y largo y la url.



H
Formato de los títulos:

H2

Código:
[h2]Literatura Universal[/h2]

Literatura Universal


H3

Código:
[h3]Literatura Universal[/h3]

Literatura Universal


H4


Código:
[h4]Literatura Universal[/h4]

Literatura Universal

________________________________________________________________________________________________


Tamaño de letra os sale del 10 al 24

Código:
[size=13]Buenos días[/size]
Buenos días
El 13 podéis cambiarlo por el que queráis.
_________________________________________________________________________________________________

Para seleccionar el color de texto, pincháis el color que os guste, os saldrá el código del color y entre el código encerráis el texto.

Código:
[color=#cc00cc]Para seleccionar el color de texto, pincháis el color que os guste, os saldrá el código del color y entre el código encerráis el texto.[/color]

Para seleccionar el color de texto, pincháis el color que os guste, os saldrá el código del color y entre el código encerráis el texto.
__________________________________________________________________________________________________


Estilo de letra...os salen unas cuantas, elegís la que queráis:

Código:
[font=Arial Black]Estilo de letra...os salen unas cuantas, elegís la que queráis:[/font]
Estilo de letra...os salen unas cuantas, elegís la que queráis:

Código:
[font=Times New Roman]Estilo de letra...os salen unas cuantas, elegís la que queráis:[/font]

Estilo de letra...os salen unas cuantas, elegís la que queráis:

____________________________________________________________________________________________________

La A siguiente con circulo rojo que casi no se ve, es para suprimir el formato si es que interesa de cualquier texto que copiemos aquí.
____________________________________________________________________________________________________

El cuadrado en blanco con tres puntos negros es para añadir más iconos...
Le pincháis y sale esto:



Xcon 2 encima
Código:
x[sub]Índice+Descripción[/sub]
Antes del primer sub hay que poner letra, palabra o número que queréis salga encima.
1Índice+Descripción

xÍndice+Descripción Igual al anterior pero debajo.
_________________________________________________________________________________________________________

Las flechas: la primera es desplazamiento horizontal, la segunda es desplazamiento vertical, y el último es aleatorio.

Significa que entre sus etiquetas la frase encerrada en ellas se mueve en esa dirección, en caso de aleatorio, de forma automática, puede moverse indistintamente en cualquier dirección.


Código:
[scroll]Recuérdame siempre[/scroll]

Recuérdame siempre
_________________________________________________________________________________________________________

Esto no viene en ningún icono, pero lo explico.

Fijaros, es para poner cada uno en su firma si lo desea claro está. El truco aquí es que el Invitado se convierte en el nombre del usuario registrado que lo ve en tu firma, si no está registrado leerá Invitado. Se puede combinar con color.

Código:
[scroll][color=#ff6666]Hola {USERNAME}. Bienvenido a nuestra comunidad.[/color][/scroll]
Hola Invitado. Bienvenido a nuestra comunidad.
avatar
Anna
Admin

Femenino Libra Búfalo
Mensajes : 115
Fecha de nacimiento : 07/10/1961
Fecha de inscripción : 28/08/2016
Edad : 56
Localización : Madrid

http://pazinterior.forosphpbb.es

Volver arriba Ir abajo

Aportación de Jucarese

Mensaje por Anna el Lun Ago 29, 2016 7:32 am

yo añadiría un boton mas al tutorial el metodo WYSIWYG es el acrónimo de What You See Is What You Get (en español, "lo que ves es lo que obtienes") el botón es este

con esto conseguimos que vamos viendo de forma directa todo lo que vayamos haciendo con el post es decir en vez de ver los códigos de las etiquetas:

Código:
yo añadiría un boton mas al tutorial el metodo[b] WYSIWYG[/b] es el acrónimo de [i][b]W[/b]hat [b]Y[/b]ou [b]S[/b]ee [b]I[/b]s [b]W[/b]hat [b]Y[/b]ou [b]G[/b]et[/i] (en español, "lo que ves es lo que obtienes") el botón es este
[img]http://i.imgur.com/CFAaD5L.png[/img]


 vamos viendo lo que nos va a quedar en el tema:



veremos de forma directa el color la imagen puesta el formato de fuente etc...
es decir vemos como quedará al final una vez enviemos el post.

para desactivar el formato de fuente o color y escribir de forma normal debemos desactivar el editor de formatos:

con esto conseguimos que al seguir escribiendo no se mantenga el formato de texto anterior,es decir si anteriormente teníamos la fuente roja si seguimos escribiendo seguirá con el color rojo,pero si desactivamos el editor de formato
volveria a la fuente por defecto,tamaño por defecto etc..
avatar
Anna
Admin

Femenino Libra Búfalo
Mensajes : 115
Fecha de nacimiento : 07/10/1961
Fecha de inscripción : 28/08/2016
Edad : 56
Localización : Madrid

http://pazinterior.forosphpbb.es

Volver arriba Ir abajo

Re: Tutorial cuadro de texto importante leerlo

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.