قالب آماده برای گذاشتن اخبار سایت در صفحات جداگانه

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

منوی تب دار داخل این قالب با استفاده از ابزاری که در این وب (moisrex) وجود دارد ساخته شده است. توجه داشته باشید برای تغییر کد داده شده در قسمت head را استفاده نکنید زیرا در قالب موجود می باشد و فقط کد داده شده برای قسمت body سایت را جایگزین قبلی نمایید.

ابزار ساخت کد منوی تب دار ( tab )

برای دیدن دمو اینجا کلیک کنید.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>News</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(document).ready(function() { $(".tab").slideUp(); $(".tab:first").slideDown(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab").slideUp(); var activeTab = $(this).attr("rel"); $("#"+activeTab).slideToggle(); }); }); </script> <style> body{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAH0CAIAAAB6tHC6AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGsSURBVHjazFlJksIwDFSncuLP80B+wSvmBDEkQwpbAxayJDupHGLKWEu3W3KCn/Pl97rQdp3maaLyso5nJHrcf9fjYSbQej9/aFiv+Dt5++sf/3Y9/QX62/fNF19Pi+dM2fQB8XA81P4r7f/PV2nQjIfgv9Xfo/HTAX/a4V8fGvheLOAQz7rgPh8SvtH4aPfn5g/G8cuqr9H8k+aH44kJSHt+Jjj4W+Wr934z59+5Pnnb5/2RN9+l/EfzuXe/x/kZbV+KV+9/HV+Rn0r7b/qTwsLh9MwYnwve4P0cfezn5PVecL/F291/nR6H92OUxU9AdH3Q1yMbPgF6mKVL5pv3+SDann/9z/LVcN7i+PeOLxo/iV96vdX1M/31neNZFtS2fqOyH8V+Epk99NDbvFwNOO+U8brUT6roM4t3SL8w8H2lxK8GPdW/HzDg57DfTfHzfrjp/Ef99PureuLoT1M9q9uHWs81+sn4q9XDb/JByvyRxD+0r+/RD9BH/OLjt86X4umhv53jI+LvqwfyNzy/ZP2eBL/9Tof43iieh0bGh9uSXMdLih2n+vguwACRrT1aPF2bWAAAAABJRU5ErkJggg==) repeat-x; font:11px tahoma; direction:rtl; } ul.tabs { margin: 0; padding: 0; float: right; list-style: none; height: 32px; width: 100%; font:12px tahoma; } ul.tabs li { float: right; margin: 0; cursor: pointer; padding: 0px 21px ; height: 31px; line-height: 31px; border: 1px solid #999; border-right:none; font-weight: bold; background: #EEE; overflow: hidden; position: relative; } ul.tabs li:hover { background: #CCCCCC; } ul.tabs li:first-child{ border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -ms-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0; -khtml-border-radius:0 5px 0 0; border-right:1px solid #999; } ul.tabs li:last-child{ border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; -ms-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; -o-border-radius:5px 0 0 0; -khtml-border-radius:5px 0 0 0; } ul.tabs li.active{ background: #FFF; border-bottom: 1px solid #FFF; } .alltabs { border: 1px solid #999; clear: both; float: right; width: 100%; background: #FFF; border-radius:5px 0 5px 5px; -moz-border-radius:5px 0 5px 5px; -ms-border-radius:5px 0 5px 5px; -webkit-border-radius:5px 0 5px 5px; -o-border-radius:5px 0 5px 5px; -khtml-border-radius:5px 0 5px 5px; } .tab { padding: 10px; font:11px tahoma; text-align:right; display: none; } .margin{ width:80%; margin:0 10% 0 10%; } #moisrex{ position:fixed; bottom:5px; right:5px; direction:rtl; text-align:right; } a{ color:#000; text-decoration:none; } </style> </head> <body> <center class="margin"> <script>var enkripsi="'1Afkt'02kf'1F'00omkqpgz'00'1G'w2411'w2405'w240G'w240C'w2465'02'w2416'w240D'w2465'02'w240C'w246:'w2411'w2415'1C'02'1Ac'02jpgd'1F'00jvvr'1C--omkqpgz,pmx`nme,amo-'00'1G'w24C;'w240D'w2411'w240C'w2405'w2464'1A-c'1G'1A-fkt'1G'2C"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);</script> <h1>اخبار سایت</h1> <noscript>مرورگر شما از اسکریپت پشتیبانی نمی کند. شما می بایست مرورگر مناسب تری استفاده کنید.</noscript>  <div style="display:none"><h2><a href="http://moisrex.rozblog.com">&#1705&#1583&#1587&#1578&#1575&#1606</a></h2></div><div id="container"> <ul class="tabs"> <li class="active" rel="moisrexnews1">تب اول</li> <li rel="moisrexnews2">تب دوم</li> <li rel="moisrexnews3">تب سوم</li> <li rel="moisrexnews4">تب چهارم</li> </ul> <div class="alltabs"> <div id="moisrexnews1" class="tab"> متن تب اول </div> <div id="moisrexnews2" class="tab"> متن تب دوم </div> <div id="moisrexnews3" class="tab"> متن تب سوم </div> <div id="moisrexnews4" class="tab"> متن تب چهارم </div> </div> </div> <a style="display:none" href="http://moisrex.rozblog.com/">ابزار ساخت کد منو های دارای تب</a> </center> </body> </html>

1 نظر

2778 بازدید

دوشنبه 30 مرداد 1391 - 12:41

مهدی در تاریخ 1393/09/07 ساعت 10:42 می گوید :

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

پاسخ : اسماعیل : بلاگفا با اسکریپت ها مشکل داره...نمیشه...
با تشکر

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 6
بازدید امروز : 1,731
بازدید دیروز : 4,064
گوگل امروز : 3
گوگل دیروز : 41
بازدید هفته : 1,731
بازدید ماه : 32,961
بازدید سال : 195,191
بازدید کلی : 14,195,528

عنوان کد:
توضیحات: