طريقة جعل صورة الموضوع فوق السيدبار والموضوع
الاشتراك في:
تعليقات الرسالة (Atom)
<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>
<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>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/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/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/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/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/s1600/Pop-out-widget.png" /></div>
<div id = "items-thumbnail" class="separator" style="clear: both; text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51h5savA4e2DxPJ9y_-M89rywgRE7JsE1dZx0HQzzibdS6XGED_7ydEH2KFlucFEXAKOsF3IpGad1zWaPTyCpNez15CwH7F1c1KZ-LRVA_aQfbPGZqRwz16nmpGQmeB0G4UmJQOAzcHk/s1600/Pop-out-widget.png" /></div>
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).