رفتن به مطلب

درخواست افزونه شبیه این افزونه


پست های پیشنهاد شده

با سلام

از چه افزونه ای می توانم استفاده کنم که چند تا تب داشته باشم که در هر تب یک برچسب را استفاده کنم

مثلا در یک تب اخبار فوتبالی و تب دیگر اخبار والبیال و ...

هم بشه در خود قالب استفاده کرد و هم در ابزارک ها

87276221148943320510.jpg

لینک به ارسال

با سلام

از چه افزونه ای می توانم استفاده کنم که چند تا تب داشته باشم که در هر تب یک برچسب را استفاده کنم

مثلا در یک تب اخبار فوتبالی و تب دیگر اخبار والبیال و ...

هم بشه در خود قالب استفاده کرد و هم در ابزارک ها

87276221148943320510.jpg

لینک به ارسال

سلام

درخواست افزونه یک بخش بالاتر بود. منتقل شد

این افزونه رو بررسی کنید

https://wordpress.org/plugins/wp-tab-widget/

لینک به ارسال

با تشکر از یک سایت یک اموزش خوب هست و تعدادی کد میده

فقط نمی دونم کد ها را کدام فایل های قالب جایگذاری کنم؟

این سه تا کد را می دهد

اگر ممکن هست بگید این کد ها را در چه فایلی وارد کنم و در چه قسمتی

و اینکه مثلا چطوری میتونم یک دسته خاص خبر را به صورت کد در این تب ها قرار بدهم؟

مثلا تو یک تب اخبار ورزشی و در تب دیگر اخبار سیاسی و غیره

<div id="tabco4"> <ul>

<li><a href="javascript:vd()">سربرگ 1</a></li>

<li><a href="javascript:vd()">سربرگ 2</a></li>

<li><a href="javascript:vd()">سربرگ 3</a></li>

<li><a href="javascript:vd()">سربرگ 4</a></li>

<li><a href="javascript:vd()">سربرگ 5</a></li>

</ul>

<div>محتوای سربرگ 1</div>

<div>محتوای سربرگ 2</div>

<div>محتوای سربرگ 3</div>

<div>محتوای سربرگ 4</div>

<div>محتوای سربرگ 5</div>

</div>

window.onload = function(){

init()

}

var containercolor="";

function init() {

var border="#cfcfcf 1px solid";

var conbkcolor="#eee9e9";

var tabbk="#174c89";

t4 = new Bindtabs("tabco4",1,"mouseover","t",border,tabbk,conbkcolor,"400px");

t4.c();

}

function vd() {

}

function tabEvent(evt) {

evt = (evt) ? evt : ((window.event) ? window.event : "");

if (evt) {

var elem = getTargetElement(evt);

var actContainer = (elem.tagName=='A') ? elem.parentNode.parentNode.parentNode.id : elem.parentNode.parentNode.id;

var tp = gettab(actContainer).position;

var hvelem = (elem.tagName=='A') ? elem.parentNode : elem;

var lielem = (elem.tagName=='A') ? elem.parentNode.parentNode.getElementsByTagName('li') : elem.parentNode.getElementsByTagName('li');

if ((evt.type == "mouseover") || (evt.type == "click")) {

actIndex = getIndex(lielem,hvelem);

if (actIndex==undefined) return;

showContent(actContainer,actIndex);

}

}

}

function getIndex(arry,elem) {

for (var i=0; i < arry.length; i++) {

if (arry == elem) {

return i;

}

}

}

function showContent(container,act) {

var contDiv = new Array;

var j =0;

var tab = gettab(container);

var tp = tab.position;

var vborder = tab.border;

var vboxwidth = tab.width;

var vtabcolor =tab.tabcolor;

var contDiv0 = $$($(container),('div'));

for(var i=0; i<contDiv0.length; i++){

if (contDiv0.parentNode.id==container) {

contDiv[j] = contDiv0;

j = j+1;

}

}

contDiv[act].className = "content";

var vbkcolor = getbkColor(contDiv[act]);

var tagul = getUL(container,tp);

var tagula = $$(tagul,('a'));

var tagulli = $$(tagul,('li'));

for(var i=0; i<tagula.length; i++){

tagula.className="ula";

}

for(var i=0; i<tagulli.length; i++){

tagulli.className="ullifloat";

}

tagul.className= "ulnofloat";

$(container).style.borderRight = (ie6()==true) ? containercolor +" 0px solid" : containercolor +"";

contDiv[act].style.display = "block";

for(var i=0; i<contDiv.length; i++){

if (i != act) {

contDiv.style.display = "none";

}

}

var actitem = tagulli[act];

var actitema = $$(actitem,('a'))[0];

actitema.style.top ="1px";

actitem.style.borderTop = vborder;

actitema.style.backgroundColor =vbkcolor;

var marginRight_li = getmarginRight(actitem);

var marginBottom_li = getmarginBottom(actitem);

for(var i=0; i<tagulli.length; i++){

if (marginRight_li=="0px") {

tagulli.style.borderLeft = (i==0) ? vborder : "#fff 0px";

}

if (i != act) {

var a = $$(tagulli,'a')[0];

a.style.top ="0px";

a.style.left ="0px";

a.style.backgroundColor =vtabcolor;

tagulli.style.borderTop = vborder;

}

}

}

function bindEvent(container, e) {

var tp = gettab(container).position;

var ele = $$(getUL(container,tp),'li');

for(var i=0; i<ele.length; i++){

if (e=="click") {

ele.onmouseover ="";

ele.onclick = tabEvent;

}

if (e=="mouseover") {

ele.onmouseover = tabEvent;

}

}

}

function Bindtabs(id,activetab1,eventType,position,border,tabcolor,bkcolor,width) {

this.id = id;

this.activetab1 = activetab1;

this.eventType = eventType;

this.position = position;

this.border =border;

this.tabcolor=tabcolor;

this.bkcolor=bkcolor;

this.width = width;

this.c = function () {

showContent(this.id,this.activetab1);

bindEvent(this.id,this.eventType);

}

}

function getUL(id,ttp) {

if ((ttp=="t") || (ttp=="l") ||(ttp=="p")) {

var ul = $$($(id),('ul'))[0];

}

else

{

var n = $$($(id),('ul')).length;

var ul = $$($(id),('ul'))[n-1];

}

return ul;

}

function gettab(id) {

return (id=="tabco4") ? t4 : t1;

}

function ie6() {

var appVer = navigator.appVersion.toLowerCase();

var iePos = appVer.indexOf('msie');

if (iePos !=-1) {

is_minor = parseFloat(appVer.substring(iePos+5,appVer.indexOf(';',iePos)))

is_major = parseInt(is_minor);

}

var is_ie = ((iePos!=-1));

var is_ie6 = (is_ie && is_major == 6);

return is_ie6;

}

function getmarginBottom(obj) {

return (obj.currentStyle) ? obj.currentStyle.marginBottom : getComputedStyle(obj,'').getPropertyValue('margin-bottom');

}

function getmarginRight(obj) {

return (obj.currentStyle) ? obj.currentStyle.marginRight : getComputedStyle(obj,'').getPropertyValue('margin-right');

}

function getbkColor(obj) {

return (obj.currentStyle) ? obj.currentStyle.backgroundColor : getComputedStyle(obj,'').getPropertyValue('background-color');

}

function getTargetElement(evt) {

return (evt.target) ? ((evt.target.nodeType == 3) ? evt.target.parentNode : evt.target) : evt.srcElement;

}

function $(id){ return(document.getElementById(id)); }

function $$(e,tag) {return e.getElementsByTagName(tag);}

ویرایش شده توسط Morteza
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...