MaxRom | Scripturi uCoz Romania

/* 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;
  }
/* ----- */

<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>

<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>

<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>