FAQÍndiceCalendarioBuscarMiembrosRegistrarseConectarseGrupos de Usuarios

Comparte | 
 

 TUTORIALES

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
HyugaDago
Lider del Clan
Lider del Clan
avatar

Cantidad de envíos : 86
Fecha de inscripción : 09/09/2009
Edad : 27
Localización : El Salvador, Santa Ana

MensajeTema: TUTORIALES   Lun Sep 14, 2009 12:10 am

TUTORIALES


COMO POSTEAR VIDEOS DE YOUTUBE


Ejemplo:



Tienen 2 opciones. Postearlo como BBCode (encerrado entre los codigos) ó como Html Code (poner en el post directamente el codigo que les da youtube)

1) BBCode

  • [Youtube] link del video [/Youtube]


El método es más simple y rápido, desde respuesta avanzada. Abajo de todo topic tienen el recuadro de respuesta rápida, y si clickean en "Publicar respuesta", entran a la respuesta avanzada.









Que tiene muchas más opciones.

Solo clickean en video, copian y pegan el url del video, que esta encerrado en verde en el ejemplo que puse arriba. Lo pegan en el recuadro de video, y automaticamente les sale el link encerrado en el código correcto
.









2) Html Code

Copiando y pegando directamente en el post, el código que les da youtube. El que encerre en rojo en el ejemplo.

* Deben tener activado en su Perfil > Preferencias: "Siempre permitir HTML" en "SI".




COMO PONER UN VIDEO DE MEGAVIDEO


Primero, entramos al video de MEGAVIDEO

Ej: Episodio de Naruto


http://www.megavideo.com/?v=LAKY05MO

Clickeamos en la parte inferior del video donde dice "Video Incrustado
"

Spoiler:
 

Deben copiar y pegar ese código acá en el post, tal cual como está.



* Deben tener activado en su Perfil > Preferencias: "Siempre permitir HTML" en "SI".

Acostumbrense a usarla, ya que las reglas generales de foro, nos permiten subir anime para verlo online. :ro8:




COMO PONER IMAGENES CON HIPERVINCULOS


Hipervinculo: Es un enlace, que puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.

Necesitamos:

1º El link de la imagen

Ej: http://img522.imageshack.us/img522/1903/critical.jpg

2º La url ó dirección adonde queremos que nos lleve el hipervinculo

Ej: http://critical-hit-band.blogspot.com/

En este tipo de foro, ya viene implementado los botones para colocar imágenes y url. El resto es sencillo, solo que debe seguir un correcto orden.

Resumiendo, les tendria que quedar así:



Al pasar el cursor por la imagen, noten que pueden clickear en ella, y los redirige a la página de Critical Hit!.

Este es el código:

Código:
[url=http://critical-hit-band.blogspot.com/][img]http://img522.imageshack.us/img522/1903/critical.jpg[/img][/url]

Pueden hacerlo manualmente, tratando de imitar el código de ejemplo que puse arriba. O pueden hacerlo de la forma más práctica, que relato a continuación.

Cuando se usa el botón de URL (Vínculo) en el mensaje del foro, observamos que aparecen dos recuadros en blanco.

---------------------------------------------------------------------------------------------------------------------



---------------------------------------------------------------------------------------------------------------------

Como esta detallado, en el recuadro de arriba ponemos la url ó dirección web, y en el recuadro de abajo es como va a ser mostrado en el enlace. Donde tenemos dos opciones:

1) Mediante texto, o sea así: Critical Hit!

Lo unico que hice, fue copiar y pegar la url de la página de critical hit en el recuadro de arriba, y en el de abajo simplemente escribi "Critical Hit!".

2) Mediante imagen:

Nuevamente ponemos la url en el recuadro de arriba, y en el de abajo ponemos el de la imagen, pero cerrada entre el código de img, o sea de este modo:

Código:
[img]http://img522.imageshack.us/img522/1903/critical.jpg[/img]

Paso final, les deberia quedar asi:

---------------------------------------------------------------------------------------------------------------------




---------------------------------------------------------------------------------------------------------------------

Y voilá! Nos queda nuestra imagen con el enlace a nuestro sitio favorito.









COMO POSTEAR UN MP3 ONLINE



Entren a GOGEAR



http://www.goear.com/

Pueden crearse una cuenta y subir el mp3 que desean compartir.

O bien usar el buscador tratando de encontrar el tema en particular.

Por ejemplo, yo puse en el buscador "Saint Seiya", y obtuve los siguientes resultados.


Spoiler:
 

NO abran el mp3 en "small window" porque no les va a aparecer el código HTML para foros.

Tomemos como ejemplo "Pegasus Fantasy". Una vez que clickean en el resultado esperado, deben hacer lo siguiente:


Spoiler:
 

Copian y pega ese código tal cual como está en el post:


Código:
<object width="353" height="132"><embed src="http://www.goear.com/files/external.swf?file=901ac02" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="353" height="132"></embed></object>

Y les debe quedar así



Como notaron, hay muchas páginas que nos ofrecen códigos HTML para subirlo fácilmente a nuestros sitios, foros, etc.
Yo simplemente les doy como ejemplo MEGAVIDEO (videos online) y GOGEAR (mp3 online). Pero abundan de este tipo de sitios.

Simplemente es cuestión de pegar el código correcto.


* Deben tener activado en su Perfil > Preferencias: "Siempre permitir HTML" en "SI".




COMO POSTEAR VIDEOS DE YOUTUBE EN SPOILERS

Como muchos notaron, Firefox presenta un inconveniente a la hora de querer poner "Play" a un video puesto dentro de un spoiler, puesto que se cierra el mismo.

La solución para evitar este problema, es postear el video de youtube con el código HTML, no con el url común y corriente.

Usualmente para poner el video, usamos el url encerrado entre el código (se lo conoce como BBCode).

Es decir asi (sin el asterisco):
Código:
[youtube*]http://www.youtube.com/watch?v=nEUt93D4Sdc[/youtube]

Spoiler:
 

Si copiamos y pegamos el código del recuadro (HTML Code), podremos sin problemas poner los videos dentro de un spoiler.

Código:
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/nEUt93D4Sdc&hl=es&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nEUt93D4Sdc&hl=es&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

Resultado:
Spoiler:
 

Lo cual es ideal cuando queremos poner muchos videos, y poniendolos en "spoiler" evitamos que cargue tanto la página.


* Deben tener activado en su Perfil > Preferencias: "Siempre permitir HTML" en "SI".




Cualquier duda o pregunta, me avisan.

Planeo hacer más tutoriales en base a las interrogantes de los usuarios.


_________________
La libertad tiene un alto precio y solo los mas valientes estan dispuestos a pagarlo



Volver arriba Ir abajo
Ver perfil de usuario http://clanhyugasa.forosactivos.net
 
TUTORIALES
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» Indice: Tutoriales Diseño Gráfico
» [Recurso] Plantilla para Tutoriales
» Tutorial de Bienes Raices (Compra tu casa y remodelala) (VX)
» [RPG Maker VX] Tutorial de Puzzles II
» Pinturas ^^

Permisos de este foro:No puedes responder a temas en este foro.
Clan Hyuga Santa Ana :: Soporte-
Cambiar a: