قالب Date A Live الرائع
اسم القالب : Date A Live
تعريب : مدونة فرتكة نيوز
مميزات القالب :
1 - ازرار رائعة وبألوان جذابة وتأثير جميل .
2 - ازرار المشاركات الاجتماعية والبحث بشكل رائع بجانب الواجهه .
3 - أداة المشاركات الشائعة بشكل افقي اسفل الواجهه وتعطي تاثيراً رائع عتد الوقوف على احد التدوينات .
4 - اداة الانتظار قليلاً لفتح الصفحة حيث تظهر صور الانتظار على الواجهه للانتظار قليلاً مع ظهور جزء من المدزمة ثم بعد الانتهاء تفتح باقي المدونة .
5 - اسم المدونة والوصف فى وصط الواجهه وبتاثير رائع .
6 - أداة الموضوع التالي والسابق على جانبي المدونه فى التدوينات .
7 - زر أعلي اسفل التدوينات بالرئيسية عند الضغط عليه يرفعك الى اعلي المدونة .
8 - أداة مشاركة التدوينات اسفلها و أداة مواضيع ذات صله بتاثير جميل .
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;
}
قم بوضع رابط الصورة مكان الرابط الذي يحمل اللون الازرق
