ESTE MODULO ESTA ESPECIALMENTE INDICADO PARA LAS WEB DE VIDEOS O PELICULAS
lo que hace es tener nuestros videos organizados y no tener la tipica lista de videos de varios servisores es muy facil de instalar
INSTALACION :
1 paso : Abrir fullstory.tpl de su tema y el lugar donde desea que se muestre ponga este codigo :
<br />
<script type="text/javascript">
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
</script>
<ul class="tabs">
[xfgiven_tab1] <li><div class="Mirror-top"><a href="#tab1"><span class="white-text" title="1. Mirror"> 1.Mirror </span></a></div></li> [/xfgiven_tab1]
[xfgiven_tab2] <li><div class="Mirror-top"><a href="#tab2"><span class="white-text" title="2. Mirror"> 2.Mirror </span></a></div></li> [/xfgiven_tab2]
[xfgiven_tab3] <li><div class="Mirror-top"><a href="#tab3"><span class="white-text" title="3. Mirror"> 3.Mirror </span></a></div></li> [/xfgiven_tab3]
[xfgiven_tab4] <li><div class="Mirror-top"><a href="#tab4"><span class="white-text" title="4. Mirror"> 4.Mirror </span></a></div></li> [/xfgiven_tab4]
[xfgiven_tab5] <li><div class="Mirror-top"><a href="#tab5"><span class="white-text" title="5. Mirror"> 5.Mirror </span></a></div></li>[/xfgiven_tab5]
</ul>
<div class="tab_container" >
<div id="tab1" class="tab_content">
<center><iframe title="Video player" width="650" height="390" src="[xfvalue_tab1]" frameborder="0" allowfullscreen="true" id="VideoPlayer{news-id}"></iframe></center>
</div>
<div id="tab2" class="tab_content">
<center><iframe title="Video player" width="650" height="390" src="[xfvalue_tab2]" frameborder="0" allowfullscreen="true" id="VideoPlayer{news-id}"></iframe></center>
</div>
<div id="tab3" class="tab_content">
<center><iframe title="Video player" width="650" height="390" src="[xfvalue_tab3]" frameborder="0" allowfullscreen="true" id="VideoPlayer{news-id}"></iframe></center>
</div>
<div id="tab4" class="tab_content">
<center><iframe title="Video player" width="650" height="390" src="[xfvalue_tab4]" frameborder="0" allowfullscreen="true" id="VideoPlayer{news-id}"></iframe></center>
</div>
<div id="tab5" class="tab_content">
<center><iframe title="Video player" width="650" height="390" src="[xfvalue_tab5]" frameborder="0" allowfullscreen="true" id="VideoPlayer{news-id}"></iframe></center>
</div>
</div>
<div style="clear:left;"></div>
2 paso : Abrir el style.css de tu tema y pegar este codigo al final :
/* Tab Systeme */
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; }
ul.tabs li {float: left; }
ul.tabs li a {color:#565656; font-weight: bold; }
html ul.tabs li.active a {
text-decoration: none;
width:40px;
height:24px;
margin-bottom:7px;
background:#CCCCCC;
padding-left:2px;
float:left;
}
.tab_content {
width:650px;
border:1px solid #C0C2C4;
background-color:#F3F3F3;
padding:9px;
padding-bottom:5px;
margin-bottom:7px;
float:left;
height:auto;
}
.Mirror-top {
float:left;
width:48px;
height:24px;
margin-bottom:3px;
line-height: 20px;
background-color:#EFEFEF;
border:1px solid #C0C2C4;
padding-left:7px;
}
3 paso : abrir ENGINE/DATA y pegar este codigo dentro de la carpeta XFIELDS.TXT
tab1|megaupload||text||1
tab2|videoZen||text||1
tab3|videoBB||text||1
tab4|downupload||text||1
tab5|miroir 5||text||1
y ya esta instalado
NOTA : LOS VIDEOS LO TENEIS QUE PONER EN FRASH
