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

قالب 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='#'>من نحن &#1567;</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;
}

قم بوضع رابط الصورة مكان الرابط الذي يحمل اللون الازرق