Adrian1,
Pui in CSS:
Cod
/* Tabs */
#tabs {
background:url(http://promovare.ucoz.ro/imagini/bgtabs.png);
padding:4px;
float:left;
clear:both;
width:690px;
margin-bottom:10px;
}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 31px; /*--Set height of tabs--*/
width:690px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
background:url(http://emoldova.ucoz.net/images/tab2.gif);
color: #000;
display: block;
font-size: 11px;
font-weight:bold;
padding: 0 8px;
outline: none;
cursor:pointer;
}
ul.tabs li a:hover {
}
html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background:url(http://maxrom.ucoz.com/imagini/module/news/tabcoment.gif);
color:#fff;
}
.tab_container {
overflow: hidden;
clear: both;
float: left;
background:url(http://maxrom.ucoz.com/imagini/design1/flogo.png);
padding:6px;
width:670px;
}
.tab_content {
padding: 10px 10px;
font-size: 12px;
background: #fafafa;
}
.tab_container #tab4 {
padding:10px;
font-family:Georgia;
}
/* ----- */
In pagina cu tot continutu si comntariile la el inlocuiesti forma de comentarii locale cu:
Cod
<div id="tabs">
<ul class="tabs">
<li><a href="#tab1"> Comenteaza ca user local </a></li>
<li><a href="#tab2">Comenteaza prin FaceBook</a></li>
</ul>
<div class="tab_container">
<!-- Tab 1 -->
<div id="tab1" class="tab_content">
Forma de comentarii locala
</div>
<!-- Tab 2 -->
<div id="tab2" class="tab_content">
<div class="fb-comments" data-href="$ENTRY_URL$" data-num-posts="3" data-width="650"></div>
</div>
</div>
</div>
In codul dat unde e Forma de comentarii locala pui codul mai sus inlocuit.
Tot pe aceasta pagina intre <head> si </head> pui:
Cod
<script type="text/javascript" src="http://maxrom.ucoz.com/js/jquery.tools-1.1.2.js"></script>
<script type="text/javascript" src="http://maxrom.ucoz.com/js/tabs.js"></script>
In footer pui:
Cod
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_LA/all.js#xfbml=1&appId=136619623172579";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>