Бордюрные рамочки сделала на разные темы. Курсор принимает вид картинки на том содержимом (контенте), который вставите в рамочку. Рабочая точка курсора верхний левый угол.

Второй код под рамочкой приведен с удаленным курсором-картинкой (курсор обычный).

Музыку в плеерах можно менять, для этого нужно вставить свою ссылку  типа (//img1.liveinternet.ru/images/attach/c/10//4971/4971428_duhovoyorkestredreyzenval_squotberezkaquot_muzofon.mp3).

Плеер с этой фразой в квадратных скобках

 

Здесь будут Ваши мысли
и картинки

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (300x264, 514Kb)" border="0" height="279" data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/0/138/171/138171926_RRRRRRSRRSRRyoRRyoSSRRRSRS2.gif" src="//img0.liveinternet.ru/images/attach/d/0/138/171/138171926_RRRRRRSRRSRRyoRRyoSSRRRSRS2.gif" width="306" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1791415/sgolubyami.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:85%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img1.liveinternet.ru/images/attach/d/0/138/136/138136895_edaeaf87f9800319fa030ae32d6ba362RRR0.jpg'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/c/10//4971/4971428_duhovoyorkestredreyzenval_squotberezkaquot_muzofon.mp3]</p> <p> <span style="font-family:Monotype Corsiva;color:#3a6d8b;font-size:26px;text-shadow: -2px -2px 2px #89f5f1;"><font face="Monotype Corsiva"><text size="5"><font size="+3"><font style="cursor:URL('//img0.liveinternet.ru/images/attach/d/0/138/171/138171928_dovepeacevector2374801065.png'),auto;">Здесь будут Ваши мысли<br /> и картинки</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 35px; height: 20px; align=" valign="bottom" /></a></center> </div> </div> </center> </div> </div> </center>

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (300x264, 514Kb)" border="0" height="279" data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/0/138/171/138171926_RRRRRRSRRSRRyoRRyoSSRRRSRS2.gif" src="//img0.liveinternet.ru/images/attach/d/0/138/171/138171926_RRRRRRSRRSRRyoRRyoSSRRRSRS2.gif" width="306" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1791415/sgolubyami.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:85%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img1.liveinternet.ru/images/attach/d/0/138/136/138136895_edaeaf87f9800319fa030ae32d6ba362RRR0.jpg'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/c/10//4971/4971428_duhovoyorkestredreyzenval_squotberezkaquot_muzofon.mp3]</p> <p> <span style="font-family:Monotype Corsiva;color:#3a6d8b;font-size:26px;text-shadow: -2px -2px 2px #89f5f1;"><font face="Monotype Corsiva"><text size="5"><font size="+3">Здесь будут Ваши мысли<br /> и картинки</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 35px; height: 20px; align=" valign="bottom" /></a></center> </div> </div> </center> </div> </div> </center>

 

 

Здесь будут

Ваш юмор и анекдоты

 

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (300x400, 514Kb)" border="0" height="340" data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/0/138/201/138201581_img_8c070a8588286bb6168a1fc8b23b3ed42.gif" src="//img1.liveinternet.ru/images/attach/d/0/138/201/138201581_img_8c070a8588286bb6168a1fc8b23b3ed42.gif" width="255" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1793549/kkotu.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:88%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/201/138201582_edaeaf87f9800319fa030ae32d6ba362SSR4.jpg'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/d/0//5179/5179374_armik__malaga.mp3]</p> <p>  </p> <p> <span style="font-family:Monotype Corsiva;color:#964718;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3"><font style="cursor:URL('//img1.liveinternet.ru/images/attach/d/0/138/205/138205447_0_7a002_6db1fa3b_Lre1.png'),auto;">Здесь будут </font></font></text></font></span></p> <p> <span style="font-family:Monotype Corsiva;color:#964718;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3"><font style="cursor:URL('//img1.liveinternet.ru/images/attach/d/0/138/205/138205447_0_7a002_6db1fa3b_Lre1.png'),auto;">Ваш юмор и анекдоты</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <font face="Monotype Corsiva"> </font></center> <font face="Monotype Corsiva"><a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 20px; align=" valign="bottom" /></a></font></div> </div> </center> </div> </div> </center>

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (300x400, 514Kb)" border="0" height="340" data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/0/138/201/138201581_img_8c070a8588286bb6168a1fc8b23b3ed42.gif" src="//img1.liveinternet.ru/images/attach/d/0/138/201/138201581_img_8c070a8588286bb6168a1fc8b23b3ed42.gif" width="255" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1793549/kkotu.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:88%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/201/138201582_edaeaf87f9800319fa030ae32d6ba362SSR4.jpg'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/d/0//5179/5179374_armik__malaga.mp3]</p> <p>  </p> <p> <span style="font-family:Monotype Corsiva;color:#964718;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3">Здесь будут </font></font></text></font></span></p> <p> <span style="font-family:Monotype Corsiva;color:#964718;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3">Ваш юмор и анекдоты</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <font face="Monotype Corsiva"> </font></center> <font face="Monotype Corsiva"><a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 20px; align=" valign="bottom" /></a></font></div> </div> </center> </div> </div> </center>

 

 

Здесь будут ваши мысли
и картинки

 

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (300x400, 514Kb)" border="0" height="337" data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/0/138/205/138205416_0_b3168_22ff0378_XL1.gif" src="//img0.liveinternet.ru/images/attach/d/0/138/205/138205416_0_b3168_22ff0378_XL1.gif" width="300" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1793651/lise.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:88%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img1.liveinternet.ru/images/attach/d/0/138/205/138205957_09a460c894e92.png'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/d/0//5179/5179375_shopenval_s1esdurbol_shoyblestyaschiyval_s_muzofon.mp3]</p> <p>  </p> <p> <span style="font-family:Monotype Corsiva;color:#cf231b;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3"><font style="cursor:URL('//img1.liveinternet.ru/images/attach/d/0/138/205/138205445_523019369.png'),auto;">Здесь будут ваши мысли<br /> и картинки</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <font face="Monotype Corsiva"> </font></center> <font face="Monotype Corsiva"><a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 20px; align=" valign="bottom" /></a></font></div> </div> </center> </div> </div> </center>

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (300x400, 514Kb)" border="0" height="337" data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/0/138/205/138205416_0_b3168_22ff0378_XL1.gif" src="//img0.liveinternet.ru/images/attach/d/0/138/205/138205416_0_b3168_22ff0378_XL1.gif" width="300" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1793651/lise.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:88%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img1.liveinternet.ru/images/attach/d/0/138/205/138205957_09a460c894e92.png'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/d/0//5179/5179375_shopenval_s1esdurbol_shoyblestyaschiyval_s_muzofon.mp3]</p> <p>  </p> <p> <span style="font-family:Monotype Corsiva;color:#cf231b;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3">Здесь будут ваши мысли<br /> и картинки</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <font face="Monotype Corsiva"> </font></center> <font face="Monotype Corsiva"><a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 20px; align=" valign="bottom" /></a></font></div> </div> </center> </div> </div> </center>

 

 

Здесь будут ваши мысли
и картинки

 

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (400x402, 514Kb)" border="0" height="318" data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/0/138/207/138207573_0_de21d_b29cdd7b_orig2.gif" src="//img1.liveinternet.ru/images/attach/d/0/138/207/138207573_0_de21d_b29cdd7b_orig2.gif" width="318" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1793678/ramochkecvetochnoi.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:88%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img1.liveinternet.ru/images/attach/d/0/138/208/138208005_0_b9b02_c68f21e2_XLreSRRS345SS.jpg'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/d/0//5179/5179376_shtrausmedlennyyval_sskripkaifortepiano_muzofon.mp3]</p> <p>  </p> <p> <span style="font-family:Monotype Corsiva;color:#306d5e;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3"><font style="cursor:URL('//img0.liveinternet.ru/images/attach/d/0/138/207/138207574_RRRRSRR1.png'),auto;">Здесь будут ваши мысли<br /> и картинки</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <font face="Monotype Corsiva"> </font></center> <font face="Monotype Corsiva"><a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 20px; align=" valign="bottom" /></a></font></div> </div> </center> </div> </div> </center>

<center> <p> <img align="right" alt="Рада-Вашему-визиту-Голубь (400x402, 514Kb)" border="0" height="318" data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/0/138/207/138207573_0_de21d_b29cdd7b_orig2.gif" src="//img1.liveinternet.ru/images/attach/d/0/138/207/138207573_0_de21d_b29cdd7b_orig2.gif" width="318" /><br /> <br /> <br /> <font face="Monotype Corsiva"><text size="5"></text></font><br />  </p> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#ffffff 2px 4px 4px; padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:95%; box-shadow: inset 0px 0px 25px #ffffff;"> <div style="border-radius: 60px 60px 60px 60px; padding:7px; background-image:url('http://www.yapfiles.ru/files/1793678/ramochkecvetochnoi.gif'); width:98%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#fbf820 2px 4px 4px;padding:5px; background-image:url('//img0.liveinternet.ru/images/attach/d/0/138/172/138172484_0_7e275_bd07cd2a_orig.gif'); width:88%; box-shadow: inset 0px 0px 25px #f8f0e5;"> <div style="border-radius: 60px 60px 60px 60px;box-shadow:#3c325f 2px 4px 20px;padding:12px; background-image:url('//img1.liveinternet.ru/images/attach/d/0/138/208/138208005_0_b9b02_c68f21e2_XLreSRRS345SS.jpg'); width:96%; box-shadow: inset 5px 5px 35px #f8f0e5;"> <center> <p style="text-align: left;"> [flash=150,100,http://www.yapfiles.ru/files/1792393/_klyuch_v_zolotoi_salfetke_i_luchistyi_sharumensh.swf?mp3=//img1.liveinternet.ru/images/attach/d/0//5179/5179376_shtrausmedlennyyval_sskripkaifortepiano_muzofon.mp3]</p> <p>  </p> <p> <span style="font-family:Monotype Corsiva;color:#306d5e;font-size:26px;text-shadow: -2px -2px 2px #fcdd4c;"><font face="Monotype Corsiva"><text size="5"><font size="+3">Здесь будут ваши мысли<br /> и картинки</font></font></text></font></span><font face="Monotype Corsiva"><text size="5"></text><text size="5"></text><font size="+3"><text size="5"></text></font></font></p> </center> <center> <font face="Monotype Corsiva"> </font></center> <font face="Monotype Corsiva"><a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/" href="http://www.liveinternet.ru/users/irina-snez/" target="_blank" title="Irina-snez"><img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 20px; align=" valign="bottom" /></a></font></div> </div> </center> </div> </div> </center>

Люблю делать и использовать следы за курсором в формате . swf , т.е. флешки. Конечно, на мои посты с флеш материалом (следы за курсором)
пост1
пост2
пост3
пост4
можно просто любоваться и гонять фигурки по полю.

Чтобы было интереснее и полезнее, хочу предложить несколько вариантов использования следов.

ВАРИАНТ 1

Лирушники знакомые с очень простой программой Aleo Flash Intro Banner Marker не будут иметь проблем наложения флешки со следом за курсором на любую гифку, картинку или другую флешку. Уроки по этой программе есть у меня в Рубриках.

урок-цитата

ВАРИАНТ 2

В последнее время на Лиру в почете разрезные рамочки, которые часто попадают Новостной листок, и явно имеют художественную ценность, поскольку основаны на коллаже, сделанном автором.

Многие мои подруги делают рамочки

Наденька - mimozochka
R-Oksana
ВалюшаПП
Елена_Краева

и другие,

большая коллекция рамочек разных авторов у
Надежда-Ариана.

Если Вы процитировали рамочку, то имеете право (не убирая имени автора) вставить в нее пост, стихи и т.д. Но можно вставить на картинку-коллаж и след за курсором, поскольку коллаж помещен в фон таблицы.

Вот специально сделала Разрезную рамочку (код ниже).

ВАШ ТЕКСТ...

Поводите курсором по рамочке  и увидите результат, полученный код приведен ниже, можете его посмотреть. Как видите все очень просто.

ВАШ ТЕКСТ...

ВАРИАНТ 3

Если хотите вставить след за курсором над текстом послания - поздравления, то это сделать только чуть сложнее. Понадобится графический редактор, например, фотошоп, чтобы сделать фон с текстом. Вот, скажем, такой, как ниже. Помещаем такую картинку (. jpg или .png) в фон самой простенькой таблицы (см. ниже приведен код). Ширину рамочки можно подогнать к ширине картинки, перемещая курсором ее правую границу в редакторе Лиру, ширину флешки делаете пикселей на 30...50 меньше ширины картинки.

На нижнем рисунке (и его увеличенном фрагменте) показана вставка кода флешки и последующего сброса строки (клавишей Enter), для того чтобы весь текст в фоне таблицы был виден. Полученный код стихотворного послания со следом за курсором приведен ниже.

Чтобы лучше было видно, смотрите внизу фрагмент верхнего рисунка.

Если Вам понравится украшение рамочек и посланий следом за курсором, сделайте тему в Рубриках и сложите туда процитированные посты с флеш материалом "След за курсором". У Вас будет большой выбор и удобство в поиске.

Серия сообщений "Мои уроки":

Мои уроки

Часть 1 - Урок "Градиентная маска в AdobeFlash без кодов"
Часть 2 - Дополнение к уроку "Градиентная маска в AdobeFlash без кодов"
...
Часть 8 - Урок по "заливке" текста футажем (по просьбе подруги mimozochka)
Часть 9 - Придумала урок анимации коллажа бесшовным анимированным фоном
Часть 10 - Урок использования флеш материала "След за курсором"