Окно диалога как на Facebook

Этот хак добавит в вашу социальную сеть диалоговые окна как на Facebook, следуйте инструкциям.

открыть include/js/core-min.js
найти

HTML:

$("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>"}  

и заменить этим

HTML:

$("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>"}  

открыть templates/styles_global.css
найти

HTML:

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

и сразу после добавить

HTML:

.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; }  

готово

скрин выложите пожалуйста

да скрин в студию