رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 
قديم 12-20-2012, 11:59 PM   #1
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
Smile اضافه جميله جدا.. مواضيع من قسم كذا

أنا : 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>
قم بتغيير اسماء الاقسام كما هى بالترتيب ايضا
وكذلك الروابط اللتى توجد فيها
رابط مدونتك + اسم القسم ولكن بالترتيب لكى تظهر الاضافه معك

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 12-21-2012, 06:19 AM   #2
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : 3li




اضافة اكثر من رائعه
يسلمو اديك رضا

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 12-21-2012, 10:04 AM   #3
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : REDA




مرورك اروع اخى

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 12-21-2012, 12:19 PM   #4
Hamodeimad
مدون نشيط
 
تاريخ التسجيل: Sep 2012
الدولة: الاردن
المشاركات: 168
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : Hamodeimad




اضافة رائعة جدا كنت بانتظار وضعك لهذه الاضافة
__________________
محمد عماد مدون عربي من الاردن املك مدونة "محمد عماد" و مدونة "اربح" اتمنى منكم زيارة مدونتي

مدونة محمد عماد: http://www.m7md-imad.com/

مدونة اربح: http://erba7-blog.blogspot.com/
من مواضيع Hamodeimad

الدعم العربي

Hamodeimad غير متواجد حالياً   رد مع اقتباس
قديم 12-21-2012, 01:36 PM   #5
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
Smile رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : REDA




اقتباس:
المشاركة الأصلية كتبت بواسطة hamodeimad مشاهدة المشاركة
اضافة رائعة جدا كنت بانتظار وضعك لهذه الاضافة

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

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 06-04-2013, 11:48 PM   #6
Abdelhak elouajdi
مدون نشيط
 
الصورة الرمزية Abdelhak elouajdi
 
تاريخ التسجيل: May 2013
الدولة: الناظور المغرب
المشاركات: 144
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : Abdelhak elouajdi




إستشارة لو سمحت هل يمكنني جعل هذا الإطار الداخلي يختفي من الأداة
شكرا



__________________
نحن أشخاص من مختلف البلدان، يجمعنا عالم التدوين، لنصبح عائلة غيورين على بعضهم، ونلتقي أحيانا في منزلنا المعنون ب معهد خبراء البلوجر
AhramNet.Com

<a href="http://www.Ahramnet.com/" rel="nofollow" target="_blank" title="أهرام نت"><img src="http://AhramNet.com/WUjsb.png" border="0" alt="أهرام نت" /></a>
من مواضيع Abdelhak elouajdi

الدعم العربي

Abdelhak elouajdi غير متواجد حالياً   رد مع اقتباس
قديم 06-05-2013, 03:42 PM   #7
arb-bloggertemplates
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 19
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : arb-bloggertemplates




بارك الله فيك، إضافة مميزة

الدعم العربي

arb-bloggertemplates غير متواجد حالياً   رد مع اقتباس
قديم 06-07-2013, 05:11 PM   #8
herealmukalla
مدون جديد
 
تاريخ التسجيل: Dec 2012
المشاركات: 48
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : herealmukalla




بارك الله فيك

الدعم العربي

herealmukalla غير متواجد حالياً   رد مع اقتباس
قديم 06-08-2013, 06:33 PM   #9
saidrahmani
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 12
افتراضي رد: اضافه جميله جدا.. مواضيع من قسم كذا

أنا : saidrahmani




شكرا لك

الدعم العربي

saidrahmani غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود 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





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 03:11 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)