MonkyMotion

Tecnología+Actualidad+Cine
  • rss
  • Inicio
  • Videos
  • Contacto

Como hacer que YouTube y Flickr Badge validen en W3C

MrAnderson | 24 Julio 2006

W3C

Con esto de la validacion de mi blog… anduve buscando mucha informacion, y via NoSeQue.net, por fin di con el codigo que hace que YouTube valide en el W3C Markup Validation Service.

Este es el codigo…

<object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://www.youtube.com/v/XXXXXXXXXXX"><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX" /></object>

Donde XXXXXXXXXXX se sustituye por la cadena de video correspondiente… todo lo demas es igual para todos los links a YouTube.

Es incomprensible que si ya saben esto por que usan aun el codigo que no valida. De hecho pueden agregar un Quicktag para hacer las cosas mas sencillas, tal como se muestra en Add a Podcast Quicktag

Ahora solo estaria faltando hacer que el Flickr Badge en flash valide… porque dejenme contarles que a Yahoo no le interesa mejorarlo…

Update

Logre validar el Flickr Badge… gracias a un comentario hecho por Todd Huss en Flickr Badge and XHTML, Part 1 y la solucion es sencilla pero, algo truculenta… primero lo que esta entre <style type=”text/css”> y </style> no puede ir donde esta sino que debe ser movido al archivo style.css para que quede de la siguiente forma…

.zg_div {
margin: 0px 0px 0px 0px;
width:117px;
}

.zg_div_inner {
border: solid 1px #666666;
color: #666666;
text-align: center;
font-family: arial, helvetica;
font-size: 11px;
}

.zg_div a, .zg_div a:hover, .zg_div a:visited {
color: #3993ff;
background: inherit !important;
text-decoration: none !important;
}

Ahora lo que toca es comentar el inicio y el fin del script del Flickr Badge y corregir unos & para que queden como &amp; de tal forma que quede asi…

<!– Start of Flickr Badge –>
<script type=”text/javascript”>

<!–
zg_insert_badge = function() {
var zg_bg_color = ‘ffffff’;
var zgi_url = ‘http://www.flickr.com/apps/badge/badge_iframe.gne?
zg_bg_color=’+zg_bg_color+’
&amp;zg_person_id=22123062%40N
00
&amp;zg_set_id=72057594126407494&amp;zg_context=in%2F
set-72057594126407494%2F’;
document.write(’<iframe style=”background-color:#’+zg_bg_color+’;
.
.
.
document.getElementById(’zg_whatlink’).style.display = (document.getElementById(’zg_whatdiv’).style.display != ‘none’) ? ‘none’ : ‘block’;
return false;
}

–>
<script>
.
.
.
</div>
</div>
<!– End of Flickr Badge –>

Con esto podran pasar la validacion XHTML de la W3C.

Links:
W3C Markup Validation Service
Cómo poner un vídeo de Youtube xhtml válido @ NoSeQue.net
Add a Podcast Quicktag
Flickr Badge and XHTML, Part 1

Categorias
Diseño, Internet, Wordpress
Comentarios RSS
Comentarios RSS
Trackback
Trackback

« Superman Returns La transición de Apple está completa »

3 respuestas

MrAnderson MD valido XHTML 1.0 Transitional at MrAnderson MD

[...] Inclusive valide YouTube y el Flickr Badge basado en

MrAnderson MD valido XHTML 1.0 Transitional at MrAnderson MD | 29 Julio 2006

[...] Inclusive valide YouTube y el Flickr Badge basado en flash tal como se muestra en este post de Monkymotion, que a mas de alguno le puede servir… no fue sencillo encontrar dicha informacion. [...]

Marcos

Vaya, que información más útil! Era algo que me molestaba

Marcos | 2 Noviembre 2006

Vaya, que información más útil! Era algo que me molestaba mucho, pero ahora se podrá arreglar. Gracias!

MrAnderson

Que bien que te haya servido Marcos. Saludos.

MrAnderson | 2 Noviembre 2006

Que bien que te haya servido Marcos. Saludos.

Deje un comentario

usted puede usar estos tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Categorías

  • Animación (5)
  • Apple (44)
  • Celulares (8)
  • Chile (18)
  • Cine (47)
  • Comics (17)
  • Comida (1)
  • Consolas (4)
  • Desktop (1)
  • Diseño (13)
  • DVD (2)
  • Espectáculos (2)
  • Fotografía (10)
  • Gadgets (6)
  • General (2)
  • Grandes Tiendas (2)
  • Humor (16)
  • Impresión (6)
  • Internet (61)
  • iPhone (11)
  • iPod (5)
  • Juegos (13)
  • Libros (1)
  • Linux (1)
  • Marvel (1)
  • Música (16)
  • Microsoft (3)
  • Nintendo (2)
  • Nintendo DS (2)
  • Notebook (1)
  • OsX (1)
  • PDA (3)
  • Personal (44)
  • Poleras (3)
  • PSP (2)
  • Retro (2)
  • Review (3)
  • Santiago (9)
  • Servicios (1)
  • Sistemas Operativos (1)
  • Software (19)
  • StarWars (1)
  • Tecnología (70)
  • Trailers (2)
  • TV (4)
  • Valparaíso (2)
  • Viajes (2)
  • Video (3)
  • VideoCast (7)
  • WiFi (1)
  • Windows (2)
  • Wordpress (2)

Enlaces

  • DMO Producciones
  • Francisco Lecaros
  • Huasonic
  • Monky
  • Mr. Anderson MD

Últimos Comentarios

  • Daniel en VLC, El Reproductor Universal y el Mejor
  • Hoy es el Firefox Download Day at MrAnderson MD en Descarga Firefox 3
  • Reirbrito en Agregando Sources al AppSnapp Installer del iPhone
  • daniel en Jailbreak directo en el iPhone o iPod touch
  • ANDY en Juega Carioca, no Solitario
  • Anvil Higgins en nuevo diccionario del diseñador gráfico
  • MrAnderson en Worlds Collide… Mortal Kombat vs DC
  • Aleroth en Agregando Sources al AppSnapp Installer del iPhone
  • Lalo en Agregando Sources al AppSnapp Installer del iPhone
  • Amy en Nintendo DS Lite [Review]

Tags

Animación Apple batman Cine Comics day dc desbloqueo descarga discos download DVD epson favicon firefox flickr fotos geek gotham knight gratis hardware icono Impresión impresora installer iPhone iPod ironman jailbreak juego kombat Música monkymotion mortal nin podcast poster Review spirit teaser touch Trailers wallpapers walpapers webclip

Archivo

  • Junio 2008 (3)
  • Mayo 2008 (1)
  • Abril 2008 (2)
  • Marzo 2008 (2)
  • Febrero 2008 (1)
  • Enero 2008 (1)
  • Diciembre 2007 (3)
  • Noviembre 2007 (5)
  • Octubre 2007 (5)
  • Setiembre 2007 (6)
  • Agosto 2007 (1)
  • Julio 2007 (8)
  • Junio 2007 (6)
  • Abril 2007 (8)
  • Marzo 2007 (1)
  • Febrero 2007 (1)
  • Enero 2007 (3)
  • Diciembre 2006 (1)
  • Noviembre 2006 (2)
  • Octubre 2006 (3)
  • Setiembre 2006 (3)
  • Agosto 2006 (6)
  • Julio 2006 (4)
  • Junio 2006 (7)
  • Mayo 2006 (14)
  • Abril 2006 (7)
  • Marzo 2006 (16)
  • Febrero 2006 (19)
  • Enero 2006 (21)
  • Diciembre 2005 (13)
  • Noviembre 2005 (16)
  • Octubre 2005 (14)
  • Setiembre 2005 (13)
  • Agosto 2005 (8)
  • Julio 2005 (13)
  • Junio 2005 (4)
rss Comentarios RSS valid xhtml 1.1 design by jide powered by Wordpress get firefox