قالب Date A Live الرائع



اسم القالب : Date A Live

تعريب : مدونة فرتكة نيوز

اقتباس :

معاينة القالب - تحميل القالب

مميزات القالب :

1 - ازرار رائعة وبألوان جذابة وتأثير جميل .



2 - ازرار المشاركات الاجتماعية والبحث بشكل رائع بجانب الواجهه .



3 - أداة المشاركات الشائعة بشكل افقي اسفل الواجهه وتعطي تاثيراً رائع عتد الوقوف على احد التدوينات .



4 - اداة الانتظار قليلاً لفتح الصفحة حيث تظهر صور الانتظار على الواجهه للانتظار قليلاً مع ظهور جزء من المدزمة ثم بعد الانتهاء تفتح باقي المدونة .



5 - اسم المدونة والوصف فى وصط الواجهه وبتاثير رائع .



6 - أداة الموضوع التالي والسابق على جانبي المدونه فى التدوينات .



7 - زر أعلي اسفل التدوينات بالرئيسية عند الضغط عليه يرفعك الى اعلي المدونة .



8 - أداة مشاركة التدوينات اسفلها و أداة مواضيع ذات صله بتاثير جميل .



التعديل على القالب .

التعديل على ازرار المشاركات الإجتماعية :>

- قم بفتح المدونه

- ادخل على قالب

- ثم قم بتحرير قالب Html وتوسيعه

وقم بالبحث عن الكود التالي :

الكود:

    <div class='jorib'>

وبعده مباشرة ستجد هذا الكود :

الكود:

    <div class='jorib'>
    <a href='http://feeds.feedburner.com/alamat_feed_rss'><div class='rssjo'/></a>
    <a href='http://twitter.com/username'><div class='twitterjo'/></a>
    <a href='http://www.facebook.com/halaman_fan_page_facebook'><div class='facebookjo'/></a>
    <form action='/search' id='search' method='get'>
    <input name='q' placeholder='Search Somethings..' size='40' type='text'/></form>
    </div>

وقم بتغيير الروابط التى به بروابط صفحاتك على المشاركات الاجتماعية .

التعديل على الأزرار اعلي الواجهه :>

بعد الكود السابق ستجد هذا الكود

الكود:

<ul class='menusjohanes'>

    <li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'/></li>

    <li class='jolor' data-role='dropdown'><a href='#'>الأقسام</a><ul>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    </ul></li><li class='jolor' data-role='dropdown'><a href='#'>خدمات</a><ul>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    <li><a href='#'>Lorem Ipsum</a></li>

    </ul></li>

    <li class='jolor'><a href='#'>من نحن ؟</a></li>

    <li class='jolor'><a href='#'>إتصل بنا</a></li>

    </ul>

    </div>

العلامة التي باللون الاحمر تضع مكانها الرابط url .
ما باللون البرتقالي هو اسم الايقونة التى عند الوقوف عليه تظهر قائمة ازرار اخري .
ما باللون السماوي هو اسماء الازرار التى تظهر عند الوقوف على الايقونة .
ما باللون الازرق هو اسم الايقونه التي لا تحمل قائمة ازرار اخري .

التعديل علي صورة الواجهه : >

قم بالبحث علي هذا الرمز

الكود:

    #header{

وبعده ستجد هذا الكود

الكود:

    width: 1065px;

    position: relative;

    margin: auto;

    height: 399px;

    background: #fff url(http://im31.gulfup.com/2MHW6.jpg) no-repeat top center;

    overflow: hidden;

    }

قم بوضع رابط الصورة مكان رابط الصورة الموجود به