EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

أرشيف المدونة بشكل جديد واكثر خفة وجمال

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

أرشيف المدونة بشكل جديد واكثر خفة وجمال

كما ترون في الصورة الشكل جميل وخفيف 
أقسام المدونة تظهر في اليسار والمواضيع تظهر بالترتيب من الاحدث إلى الأقدم
الإضافة حصرية على مدونة عين العرب :)
لتركيب الشكل الجديد قم بإنشاء صفحة جديدة ثم ضع فيها هذا الكود

<div dir="rtl" style="text-align: right;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/oopqp8jmgzhwrdv/Arabe-Eye-Archive.css" rel="stylesheet"></link>
<div id="tabbed-toc">
<span class="loading">تحميـــل...</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://www.arabe-eye.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "يناير",
        "فبراير",
        "مارس",
        "أبريل",
        "ماي",
        "يونيو",
        "يوليوز",
        "غشت",
        "سبتمبر",
        "أكتوبر",
        "نوفمبر",
        "دجنبر"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script></div>

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

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية