MonkyMotion

Tecnología+Cine+Comics
  • 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

[...] 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. [...]

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!

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>

Enlaces

  • Cafe Press
  • DMO Productora
  • Facebook
  • Flickr
  • Francisco Lecaros
  • Huasonic
  • Last.fm
  • LinkedIn
  • Monky
  • Mr. Anderson MD
  • Twitter
  • YouTube
trato justo para todos*

Categorías

  • Animación
  • Apple
  • CD
  • Celulares
  • Chile
  • Cine
  • Comics
  • Comida
  • Consolas
  • Desktop
  • Diseño
  • DVD
  • Espectáculos
  • Fotografía
  • Gadgets
  • General
  • Grandes Tiendas
  • Humor
  • Impresión
  • Internet
  • iPhone
  • iPod
  • Juegos
  • Libros
  • Linux
  • Marvel
  • Música
  • Microsoft
  • Nintendo
  • Nintendo DS
  • Notebook
  • OsX
  • PDA
  • Personal
  • Poleras
  • PSP
  • Retro
  • Review
  • Santiago
  • Sistemas Operativos
  • Software
  • StarWars
  • Tecnología
  • Trailers
  • Tutorial
  • TV
  • Valparaíso
  • Viajes
  • Video
  • VideoCast
  • WiFi
  • Windows
  • Wordpress

Licencia

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.

Más vistos

  • Agregando Sources... - 2,404 views
  • Edita tus fotos o... - 2,325 views
  • Poster, Foto y Vi... - 1,387 view
  • Mi PSP - 1,270 view
  • Estilo visual Mac... - 1,226 view
  • Claudio y Jessica... - 797 views
  • Review del iPhone - 471 views
  • Juega Carioca, no... - 458 views
  • VLC, El Reproduct... - 439 views
  • Descarga Firefox ... - 414 views

Etiquetas

Animación Apple batman Chile Cine Comics concomic day dc desbloqueo descarga download DVD e3 favicon firefox flickr fotos geek gotham knight gratis hardware icono installer iPhone iPod ironman jailbreak juego kombat Música Marvel monkymotion mortal movistar nin Nintendo Notebook podcast poster Review spiderman spirit teaser Trailers

Archivo

  • Octubre 2008 (3)
  • Septiembre 2008 (2)
  • Agosto 2008 (2)
  • Julio 2008 (2)
  • Junio 2008 (3)
  • Mayo 2008 (1)
  • Abril 2008 (1)
  • Marzo 2008 (2)
  • Febrero 2008 (1)
  • Enero 2008 (1)
  • Diciembre 2007 (3)
  • Noviembre 2007 (5)
  • Octubre 2007 (5)
  • Septiembre 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)
  • Septiembre 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)
  • Septiembre 2005 (13)
  • Agosto 2005 (8)
  • Julio 2005 (13)
  • Junio 2005 (4)

RSS Mr. Anderson MD

  • Kinoma Player 4 gratis
  • Corrige la instalación de Palm Desktop
  • Ubuntu 8.10 Intrepid Ibex será lanzado el 30 de Octubre
  • Poema de amor en PHP
  • [Tutorial] Reinstala el ROM 1.04 ROW en el Treo 680
  • El Dell Mini 9 puede correr Mac OS X Leopard e integrarle un GPS
  • [En Pantalla] Treo 650 en la película “The Sentinel”
  • Cómo crear un dock para el iPhone con un clip
  • Descarga el e-book Palm & Treo Hacks
  • Cómo hacer un sobre de papel para CDs o DVDs
rss Comentarios RSS valid xhtml 1.1 design by jide powered by Wordpress get firefox