اضافه جميله جدا.. مواضيع من قسم كذا

12-20-2012, 11:59 PM

REDA

مدون مميز

تاريخ التسجيل: Apr 2012

المشاركات: 441

اضافه جميله جدا.. مواضيع من قسم كذا

أنا : REDA

سجل معنا لتتمتع بهذه الخاصية

بسم الله الرحمن الرحيم

اقدم لكم اخوانى اضافه رائعة حقا

(( مواضيع من قسم ))

هذة الاضافه تتيح لك اضافه اخر مواضيع من 3 اقسام

اضافه رائعه حقا كنت اضيفها فى مدونتى ... وهذا هو الكود

كود بلغة HTML:

<div class='widget-content'>
    <script type="text/javascript">
    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-2)+"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>
    <script type="text/javascript">
    div.TabView div.Tabs
    {
      height: 24px;
      overflow: hidden;
    }
    div.TabView div.Tabs a
    {
      float: right;
      display: block;
      width:  95px;
      text-align: center;
      height:      24px;
      padding-top: 3px;
      vertical-align: middle;
    border: solid 0px #3F3F3F;
    border-bottom-width: 0;
      text-decoration: none;
      font-family: 'DroidKufi-Bold', tahoma,"Times New Roman", Serif;
      font-weight: 900;
      color: #ccc;
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #ccc;
    }
    div.TabView div.Pages
    {
      clear: both;
      border: 0px solid #ccc;
      overflow: hidden;
    }
    div.TabView div.Pages div.Page
    {
      height: 100%;
      padding: 0px;
      overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
      padding: 3px 5px;
    }
    </script>
    <style>
    div.TabView div.Tabs
    {
      height: 24px;
      overflow: hidden;
    }
    div.TabView div.Tabs a
    {
      float: right;
      display: block;
      width:  94px;
      text-align: center;
      height:      24px;
      padding-top: 3px;
      vertical-align: middle;
    border: 0px solid #3F3F3F;
    border-bottom-width: 0;
      text-decoration: none;
      font-family: 'DroidKufi-Bold',tahoma,"Times New Roman", Serif;
      font-weight: 840;
      color: #fff;
    }


    div.TabView div.Tabs , div.TabView div.Tabs a.Active
    {
    background-color: #fff;
    color: #666;
    }


    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #EC9F33;
    font-weight: DroidKufi-Bold, bold;
    color:#fff;
    }
    div.TabView div.Pages
    {
      clear: both;
      border: 0px solid #404040;
      overflow: hidden;
    }
    div.TabView div.Pages div.Page
    {
      height: 100%;
      padding: 0px;
      overflow: hidden;
    border: solid 0px #3F3F3F;
    }
    div.TabView div.Pages div.Page div.Pad
    {
      padding: 3px 5px;
    border: solid 0px #B0EAB0;
    }


    </style>

    <div class="TabView" id="TabView">
    <!-- *** Tabs ************************************************************** -->
    <div class="Tabs" style="width: 304px;">
        <a>القسم الاول</a>
    <a>القسم الثانى</a>
      <a>القسم الثالث</a>
    </div>
    <!-- *** Pages ************************************************************* -->
    <div class="Pages" style="width: 304px;  height: 267px;">


      <!-- *** Page1 Start *** -->
      <div class="Page">
      <div class="Pad">


    <style>
    img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent_posts_with_thumbs li {padding-bottom:0px;padding-top:0px;min-height:65px;list-style:none;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:10px;}
    </style>
    <script style="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/recentpostswiththumbs.js"></script>
    <script style="text/javascript">
    var numposts = 3;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = true;
    var showpostdate = true;
    var showpostsummary = false;
    var numchars = 200;
    </script>
    <script src="رابط مدونتك/feeds/posts/default/-/القسم الاول?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>




      <!-- *** Page1 End ***** -->
      </div>
      </div>

      <div class="Page">
      <div class="Pad">
      <!-- *** Page2 Start *** -->

    <style>
    img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent_posts_with_thumbs li {padding-bottom:0px;padding-top:0px;min-height:65px;list-style:none;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:10px;}
    </style>
    <script style="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/recentpostswiththumbs.js"></script>
    <script style="text/javascript">
    var numposts = 3;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = true;
    var showpostdate = true;
    var showpostsummary = false;
    var numchars = 200;
    </script>
    <script src="رابط مدونتك/feeds/posts/default/-/القسم الثانى?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>


      <!-- *** Page2 End ***** -->
      </div>
      </div>


      <div class="Page">
      <div class="Pad">
      <!-- *** Page3 Start *** -->

    <style>
    img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent_posts_with_thumbs li {padding-bottom:0px;padding-top:0px;min-height:65px;list-style:none;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:10px;}
    </style>
    <script style="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/recentpostswiththumbs.js"></script>
    <script style="text/javascript">
    var numposts = 3;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = true;
    var showpostdate = true;
    var showpostsummary = false;
    var numchars = 200;
    </script>
    <script src="رابط مدونتك/feeds/posts/default/-/القسم الثالث?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

      <!-- *** Page3 End ***** -->
      </div>
      </div>
      <div class="Page">
      <div class="Pad">
      </div>
      </div>

    </div>
    </div>

    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
    </div>
    <div class='clear'></div>

قم بتغيير اسماء الاقسام كما هى بالترتيب ايضا
وكذلك الروابط اللتى توجد فيها
رابط مدونتك + اسم القسم ولكن بالترتيب لكى تظهر الاضافه معك

3li معجب بهذا

__________________

من مواضيع REDA

12-21-2012, 06:19 AM	#2
3li مدون مميز تاريخ التسجيل: Dec 2012 الدولة: PaLeStinE المشاركات: 343	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : 3li سجل معنا لتتمتع بهذه الخاصية اضافة اكثر من رائعه يسلمو اديك رضا REDA معجب بهذا __________________ من مواضيع 3li طريقة تغيير حركة الشريط من اليسار الى اليمين اضافة خرائط جوجل sitemap.xml لمدونة بلوجر قالب العاب فلاش مجاني لمدونة " بلوجر " احمر وأبيض قالب Cara Gampang رمادي وبرتقالي , خفيف إضافة نجوم أسفل الموضوع وعدد المشاهدات لمدونة بلوجر Blogger

12-21-2012, 10:04 AM	#3
REDA مدون مميز تاريخ التسجيل: Apr 2012 المشاركات: 441	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : REDA سجل معنا لتتمتع بهذه الخاصية مرورك اروع اخى __________________ من مواضيع REDA قالب " White Magic " المعرّب والمطوّر مركز رفع صور خاص بمدونتك رأيكم يا اخوانى فى هذا القالب بأمانه قالب جميل معرب..iThesis Blogger تحميل القالب المعرب Magnificent

12-21-2012, 12:19 PM	#4
Hamodeimad مدون نشيط تاريخ التسجيل: Sep 2012 الدولة: الاردن المشاركات: 168	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : Hamodeimad سجل معنا لتتمتع بهذه الخاصية اضافة رائعة جدا كنت بانتظار وضعك لهذه الاضافة REDA معجب بهذا __________________ محمد عماد مدون عربي من الاردن املك مدونة "محمد عماد" و مدونة "اربح" اتمنى منكم زيارة مدونتي مدونة محمد عماد: http://www.m7md-imad.com/ مدونة اربح: http://erba7-blog.blogspot.com/ من مواضيع Hamodeimad تبادل اعلاني مع مدونة محمد عماد استفسار عن كيفية تغيير خط المدونة قالب مدونة محمد عماد الثالث مجاناً للجميع طلب تعديل على لوجو مدونتي ما هي اعلانات حسوب

12-21-2012, 01:36 PM

REDA

مدون مميز

تاريخ التسجيل: Apr 2012

المشاركات: 441

رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : REDA

سجل معنا لتتمتع بهذه الخاصية

اقتباس:

المشاركة الأصلية كتبت بواسطة hamodeimad

اضافة رائعة جدا كنت بانتظار وضعك لهذه الاضافة

ربنا يخليك اخى .. وها انا وفيت بوعدى لك بوضعها

Hamodeimad معجب بهذا

__________________

من مواضيع REDA

06-04-2013, 11:48 PM	#6
Abdelhak elouajdi مدون نشيط تاريخ التسجيل: May 2013 الدولة: الناظور المغرب المشاركات: 144	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : Abdelhak elouajdi سجل معنا لتتمتع بهذه الخاصية إستشارة لو سمحت هل يمكنني جعل هذا الإطار الداخلي يختفي من الأداة شكرا __________________ نحن أشخاص من مختلف البلدان، يجمعنا عالم التدوين، لنصبح عائلة غيورين على بعضهم، ونلتقي أحيانا في منزلنا المعنون ب معهد خبراء البلوجر AhramNet.Com <a href="http://www.Ahramnet.com/" target="_blank" title="أهرام نت"><img src="http://AhramNet.com/WUjsb.png" border="0" alt="أهرام نت" /></a> من مواضيع Abdelhak elouajdi قالب نسائي إحترافي للبلوجر 2014 قالب حديث إحترافي 2013، لمدونات البلوجر أضف اللمعان على شعار مدونتك بواسطة هذا الكود مفاجآت العيد، قالب عريض متوافق مع جميع الأجهزة تم فتح باب التبادل الإعلاني في مدونتي (ترتيب 960 ألف في أليكسا)

06-05-2013, 03:42 PM	#7
arb-bloggertemplates مدون جديد تاريخ التسجيل: Jun 2013 المشاركات: 19	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : arb-bloggertemplates سجل معنا لتتمتع بهذه الخاصية بارك الله فيك، إضافة مميزة __________________ من مواضيع arb-bloggertemplates قالب "العاب الفلاش 2013 " لضمان ارشفة اكبر وربح اوفر قالب TechFront المعرب يصلح كمجلة لمدونتكم شرح كيفية تركيب قالب بلوغر بالصور هاك اختصار جميع الروابط الخارجية لمنتداك مع مشاركة ارباح ادسنس برنامج تعريب قوالب بلوغر في 3 خطوات الإصدار 2.0

06-07-2013, 05:11 PM	#8
herealmukalla مدون جديد تاريخ التسجيل: Dec 2012 المشاركات: 48	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : herealmukalla سجل معنا لتتمتع بهذه الخاصية بارك الله فيك __________________ من مواضيع herealmukalla طلب كود اعلان ادنيس طلب حدف السلايد شو مساعدة في تبدل خط المدونة كيفية الغاء تعليقات disqus عايز طريقة لعرض اعلانات فلاشيه في القالب

06-08-2013, 06:33 PM	#9
saidrahmani مدون جديد تاريخ التسجيل: Jun 2013 المشاركات: 12	رد: اضافه جميله جدا.. مواضيع من قسم كذا أنا : saidrahmani سجل معنا لتتمتع بهذه الخاصية شكرا لك __________________ من مواضيع saidrahmani طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html طريقة إضافة NavBar أنيق لمدونة بلوجر Css & Html

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
اضافه جميله جداً تعطي تاثيراً جميلاً للماوس	صلاح الجديمه	إضافات وأدوات بلوجر	0	01-06-2013 03:43 PM
قالب فوتوشيب للبلوجر بواجهه جميله	HISHAM MOHAMED	قوالب بلوجر عربية ومعربة	3	11-26-2012 06:00 PM
قائمة مميزة منسدلة بثأتير جميله وشكل روعه 2013	السيد ابو جبل	إضافات وأدوات بلوجر	0	10-22-2012 10:56 PM
استفسار عن اضافه مواضيع اكثر مشاهدة	REDA	طلبات الدعم الفني	3	08-05-2012 04:32 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

اضافه جميله جدا.. مواضيع من قسم كذا

إضافات وأدوات بلوجر