تحميل مناهج للصفوف المنتهية الثالث متوسط والسادس الاعدادي
اضع بين ايديكم جميع المناهج لصفوف المنتهية الثالث متوسط والسادس الاعدادي بفرعيه العلمي والادبي جاهزة للتحميل
الثالث متوسط
السادس الاعدادي
الادبي
العلمي
<b:if cond='data:blog.pageType == "item"'>
<style>
#items-thumbnail{display:none}
.post-upper{text-align:center;margin:0 auto;padding:20px 0 20px;}
.post-upper p.title{font-size:37px;font-weight:500;line-height:1.3em;color:#fff;margin:0;padding:0;position: absolute; top: 500px; left: 0; text-align: center; right: 0;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.36);z-index: 99;}
.post-upper .thumb-post{text-align:center;margin:0;padding:0}
.post-upper .thumb-post img{width:100%;max-width:100%;height:550px;margin-top:15px;border: 1px solid #dedede;border-radius: 3px;}
h3.post-title,.post-header,.post h1,.post h2{margin:0!important;padding:0!important;height:0!important;font-size:0!important;line-height:0!important;}
p.att-javascript{font-size:150%;text-align:center}
.thumb-post img { -webkit-filter: brightness(0.9); transition: 0.2s all ease-in-out; } .thumb-post img:hover { -webkit-filter: brightness(1); }
</style>
</b:if>
* كما شاهدتم بالمعاينة فمكان العنوان وسط الصورة إذا أردت وضعه خارج الصورة أي بأعلاها فاحذف الكود المحدد بالأحمر<b:if cond='data:blog.pageType == "item"'>
<script>
//<![CDATA[
var items=document.getElementById("items-thumbnail"),divs=document.getElementsByClassName("thumb-post");[].slice.call(divs).forEach(function(e){e.innerHTML=items.innerHTML});
//]]>
</script>
</b:if>
3. المرحلة بعد الأخيرة وقد يختلف كل قالب عن هذا الكود: <div class='main-outer'> إذا وجدته ضع الكود الآتي أسفله <b:if cond='data:blog.pageType == "item"'>
<div class='post-upper'>
<p class='title'>
<data:blog.pageName/>
</p>
<div class='thumb-post'/>
</div>
</b:if>
وصلنا للمرحلة الأخيرة من فضلك تذكر أنه يجب أن تكون صورة الموضوع ذات مقاس معقول أي لا تكون صغيرة وهذا المقاس الأفضل 720px x 350px ويفضل أن لا يتعدى حجمها 100kb. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhWdvnfJkSgeZWZ4EsIU9b4yXFphbTzVt86c99lx09yfc3aZNbhBtXMc03oiU8uojrhkWENkmfh9bO-fwkXs1CIZp76M_UT_nxY94drUWZYSIUGyHVpV1_N_8Fq0gyZ3FEv2dmYVHQuQ/s1600/Pop-out-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhWdvnfJkSgeZWZ4EsIU9b4yXFphbTzVt86c99lx09yfc3aZNbhBtXMc03oiU8uojrhkWENkmfh9bO-fwkXs1CIZp76M_UT_nxY94drUWZYSIUGyHVpV1_N_8Fq0gyZ3FEv2dmYVHQuQ/s1600/Pop-out-widget.png" /></a></div>
بحذف رابط الصورة والإطار سيصبح هكذا :<div class="separator" style="clear: both; text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhWdvnfJkSgeZWZ4EsIU9b4yXFphbTzVt86c99lx09yfc3aZNbhBtXMc03oiU8uojrhkWENkmfh9bO-fwkXs1CIZp76M_UT_nxY94drUWZYSIUGyHVpV1_N_8Fq0gyZ3FEv2dmYVHQuQ/s1600/Pop-out-widget.png" /></div>
ثم أضف الكود : id = "items-thumbnail" بعد <div ليصبح هكذا :<div id = "items-thumbnail" class="separator" style="clear: both; text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhWdvnfJkSgeZWZ4EsIU9b4yXFphbTzVt86c99lx09yfc3aZNbhBtXMc03oiU8uojrhkWENkmfh9bO-fwkXs1CIZp76M_UT_nxY94drUWZYSIUGyHVpV1_N_8Fq0gyZ3FEv2dmYVHQuQ/s1600/Pop-out-widget.png" /></div>
* طبعا إن كان لديك مواضيع كثيرة فيمكنك فقط نقل الكود الآخير وتغييره بما لديك حتى لا تتكبد العناء ولا تنسى نسخ الصورة ووضعها بدل مكان المحددة بالأخضر