eliasissaoui
Admin
 عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40
 |  موضوع: قالب مدونة عين العرب الحالي متاح للتحميل  السبت أكتوبر 18, 2014 1:44 am | |
| في هذا الموضوع بإذن الله سيتم طرح القالب الحالي للمدونة للتحميل هذا القالب الذي يتميز بشكله المميز وهو خفيف التصفح وسريع التحميل من مميزات القالب :
- قالب خفيف وسريع التصفح
- قالب Responsive
- يوجد مع القالب سلايد شو مميز سيم وضعه الكود الخاص به
- مجهز للإعلانات داخل المواضيع
- مجهز بمواضيع ذات صلة
- مزود بتعريف الكاتب وخاصية محول الأكواد وأيضا مزود بالابتسامات فوق التعليقات
- أزرار المشاركة في الصفحة الرئيسية بجانب كل موضوع وداخل المواضيع أيضا
لتحميل القالب إضغط هنا : لتركيب السلايد شو قم بنسخ الكود التالي : - اقتباس :
<style>
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:21px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:droid arabic kufi;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:Electrolize,ge_ss_threeregular;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0. ;padding:3px 6px;font-family:Electrolize,ge_ss_threeregular;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}
@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}
@media only screen and (max-width:600px){
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:50%}
#slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
#slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
#slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
#slides li:nth-child(5){display:none;}}
@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<div id="featuredpost"></div>
<script type="text/javascript" src="https://ar1web-com.googlecode.com/svn/Hm/slider-post.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.arabe-eye.com",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script> ثم ضعه في إضافة جديدة ستجد مكانها فوق رسائل المدونة وهي بعرض المدونة وأيضا توجد إضافة أخرى تخص الأرشيف الذي يوضع في صفحة مستقلة هذا هو الكود الخاص به - اقتباس :
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="table-outer">
<table><tbody>
<tr><td><label>حسب الموضوع : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr>
<tr><td><label>حسب الأقسام : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">?????...</option></select></span></td></tr>
<tr><td><label>أو يمكنك البحث هنا : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<header id="resultDesc"></header>
<br />
<ul id="feedContainer"></ul>
<div id="feedNav">
تحميل...</div>
<script src="https://googledrive.com/host/0B5NxkB895DDIMDB3YnM0ZkFUVDg" type="text/javascript"></script></div> أنشئ صفحة جديدة اعطها مثلا إسم أرشيف المدونة ثم ضع فيها الكود أعلاه بالنسبة للإعلانات فقط قم بتغيير رابط هذه الصورة ستجده مكرر ثلاث مرات الأول يخص إعلان فوق المواضيع التاني والثالث يخص الإعلانات أسفل المواضيع يمكنك تغيير الصورة باعلان مدفوع او اعلانات ادسنس او اعلانات حسوب او اي اعلان آخر وانصح بـأن يكون الحجم 300-250 لتغيير تعريف الكاتب فقط إبحث عن الوسم التالي : <div class='authorDetails'> ستجد أسفله إسم الكاتب ونبذة عنه غيرها بما يناسب لتغيير صورة الكاتب غير الرابط التالي : بصورة مناسبة لك هذا كل ما يخص القالب اتمنى ان يعجبكم واي سؤال يخص القالب لا تتردد في طرحه هنا وساعمل على الاجابة عليك في اقرب وقت  | |
|
