[quote]This is the code that i am playing with.. several minutes ago... ... This tweak is IE, OPERA, FIREFOX friendly[/quote] Image Preview: [img]http://img444.imageshack.us/img444/549/28719517jb3.jpg[/img] [img]http://img179.imageshack.us/img179/2774/38354442fk0.jpg[/img] Codes for Pop up Viewer for [b]IMAGE[/b]... [b]Description:[/b] This will pop the same image or different image in a larger size when the smaller image is hovered... You can insert this anywhere you like (e.g.. [b]Fake Reviews, Addboxes with Images, Welcome Box with images[/b]) [quote]<a class=\"thumbnail\" href=\"#thumb\"><img src=\"[b]PHOTO_URL[/b]" width=\"100px\" height=\"66px\" border=\"0\" /><span><img src=\"[b]PHOTO_URL[/b]" /><br />[b]CAPTION[/b]</a></span>[/quote] [quote]<img src=\"[b]PHOTO_URL[/b]" width=\"[b]100px[/b]\" height=\"[b]66px[/b]\" border=\"0\" />[/quote] //The [b]PHOTO_URL[/b] above is the image that will show in your page you can change the size of the image if you want too.. Ex of finish code: [quote]var epic="<div align='center' height='300px'><center>[color=green]This is my favorite picture of mine[/color] [b]<a class=\"thumbnail\" href=\"#thumb\"><img src=\"http://i269.photobucket.com/albums/jj56/psychoskater74/dark-angel.jpg\" width=\"100px\" height=\"66px\" border=\"0\" /><span><img src=\"http://i269.photobucket.com/albums/jj56/psychoskater74/dark-angel.jpg\" /><br />Simply beautiful.</span></a>[/b]</div>"; addBox("EXTRA BOX",epic,"epicwin",null);[/quote] ..................................................................................... Codes for Pop up Viewer for [b]TEXT[/b]... [b]Description:[/b] This will pop up an image if a certain text is hovered... for example you want to showcase a certain coffee.... [color=red]COFFEE[/color] when the text [color=red]COFFEE[/color] is hovered then image of coffee will pop-up... Insert this anywhere you like in your page for example (eg.. text inside your addboxes) [quote]<a class='thumbnail' href='#thumb'><font color='#ff0033'>[b]TEXT[/b]</font><span><img src='[b]PHOTO_URL[/b]'/><br/><font color='#00ff00'>[b]CAPTION[/b]</span></a></span>[/quote] [quote]PHOTO_URL = URL OF YOUR IMAGE TEXT = TEXT THAT WILL BE HOVERED CAPTION = CAPTION OF YOUR IMAGE[/quote] Insert this inside your CSS <">edit some part of css if you want play with it... for practice coding... :wink: ........ Ok here's some information how you can apply this tweak Changing your info inside your controlpanel by feruzz Full Code [quote]function getNodeObj(divClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^\s*|\s*$)" + divClass + "(\s|[\$]*?)"); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } var getData; try { getData = getNodeObj("data",document.getElementById("0"),"UL")[0]; }catch(e) { getData = getNodeObj("<UL>"); } getData.innerHTML ="<li><span>[b]<a class='thumbnail' href='#thumb'><font color='#C00000'>LORDHEINZ R.FANGONIL</font><span><img src='http://img223.imageshack.us/img223/8946/pic1an7.jpg' /><br/><font color='#00ff00'>-=WAFU=-</span></a>[/b]</span><br></li>"+ "<li><span><font color=gray>MALE:23 YRS OLD</font></span><br></li>"+ "<li><span>STATUS:Happilly Married!</span><br></li>"+ "<li><span>MEMBER SINCE: 1930</span><br></li>"+ "<li><span>LOCATION:dubai,u.a.e.</span><br></li>"+ "<li><span>HOMETOWN:neverland!</span><br></li>"+ "<li><span>COMPANY: K.I.C.L.</span><br></li>"+ "<li><span>JOB:ARCHITECT</span><br></li>"+ "<li><span>LAST LOG IN: i never logout!</span><br></li>"+ "<li><span>member of <br> <font color=red><u>FRIENDSTERTALK.COM</u></font> |1930| <br> <font color=red><u>GWAPINGS.COM</u></font> |1930|</span><br><br></li>";[/quote] [quote]Refer to the bold part above... Credits to lordheinz for his info.. LOLS and for the CSS look for the code above...[/quote] .... More Comments with Animated Opener.... [quote]function animatedkomen(){ document.getElementById("content_18").getElementsByTagName("div")[0].innerHTML="<div class=\"viewall\">[b]<a class='[color=red]thumbnail[/color]' href=\"#\" onClick=\"expandingWindow('http://www.friendster.com/comments.php?uid=USERID');return false\">Post a Comment[color=red]<span><img src='http://i173.photobucket.com/albums/w51/jrj_guy/Crash%20Bandicoot/runp.gif'/></span></a>[/color][/b] | <a href=\"#\" onClick=\"expandingWindow('http://www.friendster.com/comments.php?uid=USERID');return false\">View All (9999)</a></div>"; document.getElementById("content_18").getElementsByTagName("div")[22].innerHTML = "<div class=\"viewall\">[b]<a class='[color=red]thumbnail[/color]' href=\"#\" onClick=\"expandingWindow('http://www.friendster.com/comments.php?uid=USERID');return false\">Post a Comment[color=red]<span><img src='http://i173.photobucket.com/albums/w51/jrj_guy/Crash%20Bandicoot/runp.gif'/></span></a>[/color][/b] | <a href=\"#\" onClick=\"expandingWindow('http://www.friendster.com/comments.php?uid=USERID');return false\">View All (9999)</a></div>"; } if (!attachOnLoadHandler(function(){animatedkomen()})) window.onload = function(){animatedkomen()};[/quote] .... Credits: Undying DynamicDrive...

Last edited by blurrycloud (2008-09-13 07:10:43)