<style type="text/css">
#fdbk_overlay {width: 100%;height:100%;top:0;left:0;z-index: 1000000;position: absolute;} #fdbk_screen {top:0;left:0;z-index:1;width:100%;position: absolute;background-color: #000;opacity: 0.45; -moz-opacity: 0.45;filter:alpha(opacity=45);} #fdbk_container {width:630px;height:980px;margin: 0 auto;z-index:2;position:relative;} #fdbk_container iframe {width:650px;height:100%;margin: 20px;
background: transparent url('http://img.webme.com/pic/s/skmedia/fb_loading.png') no-repeat;} #fdbk_container iframe.loaded {background: transparent;} a#fdbk_tab {top: 25%;right:0;width: 47px;height:125px;color: #FFF;cursor:pointer;text-indent:-100000px;overflow:hidden; position: fixed; z-index: 100000; margin-right: -7px;
background-image: url(http://img.webme.com/pic/s/sensiz-kaldim/sensiz-kaldim.gif);_position: absolute;
_background-image: url('http://img.webme.com/pic/s/sensiz-kaldim/sensiz-kaldim.gif');} a#fdbk_tab:hover {margin-right: -4px;} a.fdbk_tab_right {right: 0 !important;left: auto !important;margin-right: -7px !important;margin-left: auto !important;} a.fdbk_tab_right:hover {margin-right: -4px !important;margin-left: auto !important;} a.fdbk_tab_bottom {top: auto!important;bottom: 0 !important;left: 20% !important;height: 38px !important;width: 102px !important;background-position: 0 -102px !important;margin-bottom: -7px !important;margin-left: auto !important;} a.fdbk_tab_bottom:hover {margin-bottom: -4px !important;margin-right: auto !important;} a.fdbk_tab_hidden {display:none !important;} a#fdbk_close {position: absolute;cursor:pointer;outline:none;top: 0;left: 0;z-index: 4;width:42px;height:42px;overflow:hidden;
background-image: url(http://img.webme.com/pic/s/skmedia/feedback-close.png);_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://img.webme.com/pic/s/skmedia/feedback-close.png, sizingMethod='crop');}
#fdbk_close:hover {background-position: -42px 0;} #fc-friendbar-outer {position:fixed;top:0px;left:0px;}</style><script type="text/javascript">
// feedback - image dosyalarini kendi sitenizde barindirabilirseniz daha iyi olur.
GSFN = {
feedback: function(url, tab_options) {
this.feedback_url = url;
this.tab_options = tab_options ? tab_options : {};
this.tab_options.placement = this.tab_options.placement ? this.tab_options.placement : 'right';
this.tab_options.color = this.tab_options.color ? this.tab_options.color : '#21236a';
this.tab_html = '<a href="#" id="fdbk_tab" class="fdbk_tab_'+this.tab_options.placement+'" style="background-color:'+this.tab_options.color+'">FACEBOOK</a>';
this.overlay_html = '<div id="fdbk_overlay" style="display:none">' +
'<div id="fdbk_container">' +
'<a href="#" onclick="GSFN.hide();return false" id="fdbk_close"></a>' +
'<iframe src="" id="fdbk_iframe" allowTransparency="true" scrolling="no" frameborder="0"></iframe>' +
'</div>' +
'<div id="fdbk_screen"></div>' +
'</div>';
if(this.tab_options.container) {
var container_el = this.gId(this.tab_options.container);
container_el.innerHTML = this.tab_html + this.overlay_html;
} else {
document.write(this.tab_html);
document.write(this.overlay_html);
}
this.gId('fdbk_tab').onclick = function() { GSFN.show(); return false; }
this.gId('fdbk_iframe').setAttribute("src", "");
},
set_position: function() {
this.scroll_top = document.documentElement.scrollTop || document.body.scrollTop;
this.scroll_height = document.documentElement.scrollHeight;
this.client_height = window.innerHeight || document.documentElement.clientHeight;
this.gId('fdbk_screen').style.height = this.scroll_height+"px";
this.gId('fdbk_container').style.top = this.scroll_top+(this.client_height*0.1)+"px";
},
show: function() {
if(this.gId('fdbk_iframe').getAttribute("src") == "") {
this.gId('fdbk_iframe').setAttribute("src", this.feedback_url);
if (this.gId('fdbk_iframe').addEventListener) {
this.gId('fdbk_iframe').addEventListener("load", GSFN.loaded, false);
} else if (this.gId('fdbk_iframe').attachEvent) {
this.gId('fdbk_iframe').detachEvent("onload", GSFN.loaded);
this.gId('fdbk_iframe').attachEvent("onload", GSFN.loaded);
}
}
this.set_position();
this.gId('fdbk_overlay').style.display = "block";
},
hide: function() {
this.gId('fdbk_overlay').style.display = "none";
},
loaded: function() {
GSFN.gId('fdbk_iframe').className = "loaded";
},
gId: function(id) {
return document.getElementById(id);
}
}
</script>
<script type="text/javascript">
// feedback ayar
var tab_options = {}
tab_options.placement = "left"; //left veya right - sag veya sol.
tab_options.color = "#21236a"; //rengi belirleyin.
GSFN.feedback('http://skmedia.duvvar.com/music/', tab_options); //kendi iletisim formu adresinizle degistirin.
</script>
bu kodu kullan çok kolay buldum[/code]
