Assalamualaikum Wr. Wb.
Creating a Tab View is a creation and narrow and reduce the number of entries by using the box please press the top and will emerge a new page for titles or links which we enter.
Surely this will make it easier for anyone focused on living.
Here's how:
Use the code as below:
<div style="background:#EAEAEA;border:1px solid #ccc;padding:2px;text-align:left">
<style type="text/css">
div.TabView div.Tabs
{
height:30px;border-bottom:4px solid #444;
overflow: hidden}
div.TabView div.Tabs a{float:left;background:#0E1B2D url(http://i568.photobucket.com/albums/ss123/rizky_garut_2009/images8.jpg) repeat-x;display:block;width:60px;text-align:center;height:30px;margin-right:2px;padding-top:7px;vertical-align:middle;text-decoration:none;font-family:verdana,trebuchet ms;font-weight:280;font-size:12px;color:#fff}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background:#613118 url(http://i568.photobucket.com/albums/ss123/rizky_garut_2009/untuk-web.gif) repeat-x;color:#FFF}
div.TabView div.Pages{clear:both;
overflow:hidden;color:#000}
div.TabView div.Pages div.Page{height:100%;padding:1px;overflow:hidden}
div.TabView div.Pages div.Page div.Pad{padding:12px 0 0 5px}
div.TabView div.Pages div.Page div.Pad a{padding:12px 0 0 5px;color:#222}
</style>
<script type="text/javascript">
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-4)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width:280px;" class="Tabs">
<a href="javascript:tabview_switch('TabView', 1);" class="Active">ISI</a>
<a href="javascript:tabview_switch('TabView', 2);" class="">BELAJAR</a>
<a href="javascript:tabview_switch('TabView', 3);" class="">BLOG</a>
<a href="javascript:tabview_switch('TabView', 4);" class="">DZIKIR</a>
</div>
<div style="font:13px trebuchet ms,verdana;width:280px;height:270px" class="Pages">
<div class="Page" style="height: 270px; overflow-x: auto; overflow-y: auto; display: block; ">
<div class="Pad">
<ul><li>Halaman 1</li>
</ul>
</div>
</div>
<div class="Page" style="height: 270px; overflow-x: auto; overflow-y: auto; display: none; ">
<div class="Pad">
<ul><li>Halaman 2</li>
</ul></div>
</div>
<div class="Page" style="height: 270px; overflow-x: auto; overflow-y: auto; display: none; ">
<div class="Pad">
<ul><li>Halaman 3</li>
</ul></div>
</div>
<div class="Page" style="height: 270px; overflow-x: auto; overflow-y: auto; display: none; ">
<div class="Pad">
<ul><li>Halaman 4</li>
</ul></div>
</div>
</div>
</div>
</form></div>
Put in;
Page - Add pages - HTML / Javascripe - Enter code - Save.
NOTE:
1. Put the link desired,
2. If you want to link with emerging fixed on the page remains on the blog, please block the desired text and click the top link or press the picture as for the link.
3. When the link to appear in a new pop-up page; after we do the number two (2), then we add the sign "and> with the words: target =" _ blank "
Exsample: <a href="http://demo-tab-view.blogspot.com/" target="_ blank">Click here to DEMONTRASION</a>
Good luck good luck.
إنشاء عرض تبويب هو خلق والضيقة وتقليل عدد الإدخالات باستخدام مربع يرجى الضغط على أعلى وسوف تظهر صفحة جديدة لعناوين أو وصلات الذي ندخل.
هذا بالتأكيد سوف تجعل من السهل على أي شخص يركز على المعيشة.
وإليك الطريقة :
استخدام التعليمات البرمجية على النحو فوقي :
وضعت في
الصفحة -- إضافة صفحات -- HTML/Javascripe -- أدخل رمز -- حفظ.
ملاحظة :
1. وضع الارتباط المطلوب،
2. إذا كنت تريد الارتباط مع الناشئة ثابتة على الصفحة يبقى على بلوق ، يرجى كتلة النص المطلوب وانقر على الرابط أعلى أو الضغط على الصورة كما للارتباط.
3. عندما تصل إلى تظهر في صفحة منبثقة جديدة، وبعد أن نفعل عدد اثنين (2)، ثم نضيف علامة "و> مع عبارة : الهدف =" _ فارغ "
حسن الحظ حظا طيبا.
Membuat Tab View adalah merupakan kreasi dan mempersempit serta mengurangi banyaknya isian dengan menggunakan box silahkan menekan bagian atasnya dan akan muncul page baru untuk judul-judul atau link yang kita masukkan.
Tentunya ini mempermudah bagi siapa saja akan tertuju pada pencaharian.
Caranya:
Memakai kode seperti lihat diatas kodenya:
Masukan di
Page - Tambah halaman - HTML/Javascripe - Masukan kode - Simpan.
CATATAN:
1. Masukan link yang ada inginkan,
2. Bila ingin melink dengan muncul tetap pada page tetap pada blog, silahkan blok tulisan yang diinginkan dan klik bagian atas link atau menekan gambar yang seperti untuk link.
3. Bila link ingin muncul di halaman munculan baru; setelah kita melakukan pada nomor dua (2), lalu kita tambah antara tanda " dan > dengan tulisan: target="_ blank"
Selamat mencoba semoga sukses.
0 comments:
Post a Comment