
CODIGO:
<div style="background:#000000 url(http://img63.xooimage.com/files/8/8/7/muse1236976394-1440x900-23a65fa.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#FFFFFF; width:520px;height:700px;">
<div id="photo00" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/uJg8U0QMXEQ&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo00"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo01" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/T6BMYh6Stjo&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo01"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo02" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/4P3SHXQEpRU&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo02"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo03" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/FCCv6zC4jtQ&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo03"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo04" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/NlbFJANujaU&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo04"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo05" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/8e3Amp4SgOY&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo05"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo06" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/NBOQc3L1t1A&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo06"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo07" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/NuUZ37Xxymk&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo07"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<br>
<div id="menu">
<ul>
<span style="float:right;padding-top:270px;padding-right:30px" >
<li >
<a href="#" clicktoshow="photo00" clicktohide="photo01,photo02,photo03,photo04,photo05,photo06,photo07,menu" ><img src="http://img62.xooimage.com/files/4/6/c/01-239c04f.png" /></a></li>
<li><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05,photo06,photo07,menu"><img src="http://img50.xooimage.com/files/0/1/7/02-239c05c.png" /></a></li>
<li><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05,photo06,photo07,menu"><img src="http://img52.xooimage.com/files/f/d/b/03-239c068.png" /></a></li>
<li><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05,photo06,photo07,menu"><img src="http://img51.xooimage.com/files/6/8/0/dark-23a60a2.png" /></a></li>
</span>
<span style="float:left;padding-top:270px;padding-left:30px;">
<li style="><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05,photo06,photo07,menu"><img src="http://img60.xooimage.com/files/e/2/a/04-23a60c2.png" /></a></li>
<li><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00,photo06,photo07,menu"><img src="http://img54.xooimage.com/files/1/c/c/06-23a60c9.png" /></a></li>
<li><a href="#" clicktoshow="photo06" clicktohide="photo01,photo02,photo03,photo04,photo05,photo07,photo00,menu"><img src="http://img63.xooimage.com/files/a/e/6/tt-23a60f4.png" /></a></li>
<li><a href="#" clicktoshow="photo07" clicktohide="photo01,photo02,photo03,photo04,photo05,photo06,photo00,menu"><img src="http://img51.xooimage.com/files/d/1/6/08-23a614f.png" /></a></li></span>
</ul>
</div>
</div>
<div style="height:37px;color:#808080;font-size:10px;text-align:center;padding:10px 0 0 0;">
Copyright © 2010<a href="http://www.facebook.com/trucosfb"> Trucos FB</a><br />
Redesign by <a href="http://cosasparaelface.blogspot.com">TRUCOS FACEBOOK</a>
</div>
</div>
<div id="photo00" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/uJg8U0QMXEQ&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo00"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo01" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/T6BMYh6Stjo&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo01"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo02" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/4P3SHXQEpRU&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo02"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo03" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/FCCv6zC4jtQ&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo03"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo04" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/NlbFJANujaU&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo04"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo05" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/8e3Amp4SgOY&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo05"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo06" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/NBOQc3L1t1A&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo06"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<div id="photo07" style="display:none;text-align:center;padding-top:200px;"><fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/NuUZ37Xxymk&autoplay=1'
imgsrc='http://img51.xooimage.com/files/5/a/f/sin-t-tulo-1-239be2d.png'
width='340' height='270' />
<a href="#" clicktoshow="menu" clicktohide="photo07"><img src="http://img50.xooimage.com/files/a/a/1/ee-23a6467.png"/></a>
</div>
<br>
<div id="menu">
<ul>
<span style="float:right;padding-top:270px;padding-right:30px" >
<li >
<a href="#" clicktoshow="photo00" clicktohide="photo01,photo02,photo03,photo04,photo05,photo06,photo07,menu" ><img src="http://img62.xooimage.com/files/4/6/c/01-239c04f.png" /></a></li>
<li><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05,photo06,photo07,menu"><img src="http://img50.xooimage.com/files/0/1/7/02-239c05c.png" /></a></li>
<li><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05,photo06,photo07,menu"><img src="http://img52.xooimage.com/files/f/d/b/03-239c068.png" /></a></li>
<li><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05,photo06,photo07,menu"><img src="http://img51.xooimage.com/files/6/8/0/dark-23a60a2.png" /></a></li>
</span>
<span style="float:left;padding-top:270px;padding-left:30px;">
<li style="><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05,photo06,photo07,menu"><img src="http://img60.xooimage.com/files/e/2/a/04-23a60c2.png" /></a></li>
<li><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00,photo06,photo07,menu"><img src="http://img54.xooimage.com/files/1/c/c/06-23a60c9.png" /></a></li>
<li><a href="#" clicktoshow="photo06" clicktohide="photo01,photo02,photo03,photo04,photo05,photo07,photo00,menu"><img src="http://img63.xooimage.com/files/a/e/6/tt-23a60f4.png" /></a></li>
<li><a href="#" clicktoshow="photo07" clicktohide="photo01,photo02,photo03,photo04,photo05,photo06,photo00,menu"><img src="http://img51.xooimage.com/files/d/1/6/08-23a614f.png" /></a></li></span>
</ul>
</div>
</div>
<div style="height:37px;color:#808080;font-size:10px;text-align:center;padding:10px 0 0 0;">
Copyright © 2010<a href="http://www.facebook.com/trucosfb"> Trucos FB</a><br />
Redesign by <a href="http://cosasparaelface.blogspot.com">TRUCOS FACEBOOK</a>
</div>
</div>
Como verán yo utilice swf, para colocar videos de youtube, pero también podrías modificar toda esa zona de código para colocar tus propios videos.
También le di un fondo, la primera parte del código, donde le podrás modificar la imagen y el color, también podrías modificar el tamaño.
Todo el código es modificable dependiendo de lo que desees realizar.
0 comentarios:
Publicar un comentario
Click to see the code!
To insert emoticon you must added at least one space before the code.