Facebook like Dialog Boxes(1)

Hope you will be Like this Mod. It will Integrate Facebook like Dialog Boxes to Your Social Network. It is Really Beautiful. Just Follow these Foot Steps. Lets Go.
Open include/js/core-min.js and Find this

PHP:

$("TB_window").innerHTML+="<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+j+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>X</a></div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"&in_smoothbox=true' id='TB_iframeContent' name='TB_iframeContent' scrolling='auto' style='width:"+(d+29)+"px;height:"+(i+17)+"px;' onload='TB_showWindow()'> </iframe>"}else{$("TB_window").innerHTML+="<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+j+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>X</a></div></div><div id='TB_ajaxContent' style='width:"+d+"px;height:"+i+"px;'></div>"}

Replace it with This

PHP:

$("TB_window").innerHTML+="<div class='generic_dialog' id='TB_title'><div class='generic_dialog_popup' style='top: 110px;'><table class='pop_dialog_table' id='pop_dialog_table' style='width: 532px;'><tbody><tr><td class='pop_topleft'/><td class='pop_top'/><td class='pop_topright'/></tr><tr><td class='pop_border pop_side'/><td id='pop_content' class='pop_content'><h2 class='dialog_title'><span><div style='font:Verdana; color:#FFFFFF;' id='TB_ajaxWindowTitle TB_closeAjaxWindow'>"+j+"<a href='#' id='TB_closeWindowButton' style='color:#FFFFFF; text-decoration:none; float:right;'>X</a></div></span></h2><div class='dialog_content'><div class='dialog_body'><div class='ubersearch search_profile'><div class='result clearfix'><div class='info'><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"&in_smoothbox=true' id='TB_iframeContent' name='TB_iframeContent' scrolling='auto' style='width:510px;height:280px;' onload='TB_showWindow()'> </iframe></div><div class='clear' style='clear:both;'></div></div></div></div></div></td><td class='pop_border pop_side'/></tr><tr><td class='pop_bottomleft'/><td class='pop_bottom'/><td class='pop_bottomright'/></tr></tbody></table></div></div>"}else{$("TB_window").innerHTML+="<div class='generic_dialog' id='TB_title'><div class='generic_dialog_popup' style='top: 110px;'><table class='pop_dialog_table' id='pop_dialog_table' style='width: 532px;'><tbody><tr><td class='pop_topleft'/><td class='pop_top'/><td class='pop_topright'/></tr><tr><td class='pop_border pop_side'/><td id='pop_content' class='pop_content'><h2 class='dialog_title'><span><div style='font:Verdana; color:#FFFFFF;' id='TB_ajaxWindowTitle TB_closeAjaxWindow'>"+j+"<a href='#' id='TB_closeWindowButton' style='color:#FFFFFF; text-decoration:none; float:right;'>X</a></div></span></h2><div class='dialog_content'><div class='dialog_body'><div class='ubersearch search_profile'><div class='result clearfix'><div class='info' style='width:480px;height:280px;' id='TB_ajaxContent'></div><div class='clear' style='clear:both;'></div></div></div></div></div></td><td class='pop_border pop_side'/></tr><tr><td class='pop_bottomleft'/><td class='pop_bottom'/><td class='pop_bottomright'/></tr></tbody></table></div></div>"}

Facebook like Dialog Boxes(2)

Now Open templates/styles_global.css and Find this

PHP:

div, td { font-family: "Trebuchet MS", tahoma, arial, serif;}

Add this After it

PHP:

.generic_dialog {height:0;left:0;overflow:visible;position:fixed;top:0;width:100%;z-index:101;
}
#generic_dialog_iframe {left:0;position:absolute;top:0;z-index:3;}
.generic_dialog .generic_dialog_popup {height:0;overflow:visible;position:relative;}
.generic_dialog div.dialog_loading {background-color:#F2F2F2;border:1px solid #606060;
font-size:24px;padding:10px;}
#generic_dialog_overlay {display:block;left:0;position:absolute;top:0;width:100%;z-index:100;}
.dialog_body .dialog_content_img {float:left;margin-right:15px;}
.dialog_body .dialog_content_txt {float:left;padding-bottom:5px;width:300px;}
.dialog_body .dialog_content_body {padding-bottom:13px;}
.dialog_body .form_label {padding-right:5px;}
.dark_dialog_overlay {background-image:url(http://m1.cdn.samanalee.net/facebook-overlay.png);
background-repeat:repeat;}
* html .dark_dialog_overlay {background-color:transparent;
background-image:url(http://m1.cdn.samanalee.net/images/blank.gif);}
.full_bleed .pop_dialog_table td.pop_content .dialog_body {padding:0;}
table.pop_dialog_table {border-collapse:collapse;direction:ltr;margin:auto;table-layout:fixed;
width:465px;}
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright {height:10px;
overflow:hidden;padding:0 !important;width:10px !important;}
td.pop_topleft {
background:transparent url(http://m1.cdn.samanalee.net/facebook-pop-dialog-sprite.png) no-repeat scroll 0 0;}
td.pop_topright {
background:transparent url(http://m1.cdn.samanalee.net/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -10px;}
td.pop_bottomleft {
background:transparent url(http://m1.cdn.samanalee.net/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -20px;}
td.pop_bottomright {
background:transparent url(http://m1.cdn.samanalee.net/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -30px;}
td.pop_top, td.pop_bottom {
background:transparent url(http://m1.cdn.samanalee.net/facebook-pop-dialog-sprite.png) repeat-x scroll 0 -40px;}
td.pop_side {
background:transparent url(http://m1.cdn.samanalee.net/facebook-pop-dialog-sprite.png) repeat-y scroll -10px 0;}
td.pop_content {background-color:white;direction:ltr;padding:0;}
.pop_dialog_rtl td.pop_content {direction:rtl;}
td.pop_content h2.dialog_title {background:#6D84B4 none repeat scroll 0 0;
border:1px solid #3B5998;color:white;font-size:14px;font-weight:bold;margin:0;}
td.pop_content h2.dialog_loading {
background:#6D84B4 url(http://m1.cdn.samanalee.net/facebook-indicator_white_small.gif) no-repeat scroll 400px 10px;padding-right:40px;}
td.pop_content h2 span {display:block;padding:4px 10px 5px;}
td.pop_content .dialog_content {background:#FFFFFF none repeat scroll 0 0;
border-color:#555555;border-style:solid;border-width:0 1px 1px;}
td.pop_content .dialog_body {border-bottom:1px solid #CCCCCC;padding:10px;}
td.pop_content .dialog_summary {background:#F2F2F2 none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;padding:8px 10px;}
td.pop_content .dialog_buttons {
background:#F2F2F2 none repeat scroll 0 0;padding:8px;text-align:right;}
td.pop_content .dialog_buttons input {margin-left:5px;}
td.pop_content .dialog_buttons_msg {float:left;padding:5px 0 0;}
td.pop_content .dialog_footer {background:#F2F2F2 none repeat scroll 0 50%;}
.info        { float:left; color:#666; }
.info b    { color:#000; }
.image    { width:200px; float:left; margin-right:10px; }

не работает!

Not working.....even no dialog at all....!!!!
--- добавлено: Mar 18, 2012 3:38 PM ---
Even the link that must replaced not exist.....here what i have in core_min.js

Code:

 $("TB_window").innerHTML += "<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + m + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>X</a></div></div><iframe frameborder='0' hspace='0' src='" + urlNoQuery[0] + "&in_smoothbox=true' id='TB_iframeContent' name='TB_iframeContent' scrolling='auto' style='width:" + (s + 29) + "px;height:" + (n + 17) + "px;' onload='TB_showWindow()'> </iframe>"
    } else {
        $("TB_window").innerHTML += "<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + m + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>X</a></div></div><div id='TB_ajaxContent' style='width:" + s + "px;height:" + n + "px;'></div>"

не работает,пожалуйста помогите очень нужно..

Gooos can it autoresize content?(no scrollbars)? this is all what i need....

Gooos спасибо! (читал правила знаю нельзя писать есть соответствующая кнопка)