المشاركات الشائعة طول بالصوره

مشاهدات الان

 البحث عن

</body>

فوقه

<script type='text/javascript'>

//<![CDATA[

function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);

$(document).ready(function(){

$('.PopularPosts img').each(function(){

var srcUrl = $(this).attr('src');

$(this).attr('src', srcUrl.replace('default', 'maxresdefault'));

});


});

//]]>

</script>

والبحث عن

]]></b:skin>

فوقه

.sidebar .PopularPosts ul {

margin: 0;

padding: 0;

}

.sidebar .PopularPosts ul li {

list-style: none !important;

padding: 0 !important;

margin-bottom: 10px;

}

.sidebar .PopularPosts .item-thumbnail {

height: 190px;

margin: 0;

overflow: hidden;

width: 100%;

position: relative;

}

.sidebar .PopularPosts .item-title {

display:block;

clear:both;

}

.sidebar .PopularPosts img {

height: 100%;

width: 100%;

object-fit: cover;

}

.sidebar .PopularPosts .item-title a {

display: block;

margin: 0 auto;

padding: 5px 10px;

font-size:15px;

font-family: 'Playfair Display', serif;

}

.sidebar .PopularPosts .item-snippet {

background: rgba(0, 0, 0, 0.35);

border-top: 6px solid rgba(0, 0, 0, 0.1);

border-bottom: 6px solid rgba(0, 0, 0, 0.1);

color: #FFFFFF;

left: 0px;

right: 0px;

margin: 0px auto;

padding: 65px 10px 10px;

position: absolute;

font: 13px "Times New Roman",Times,FreeSerif,serif;

text-align: center;

top: 35px;

width: 60%;

z-index: 1;

}

.sidebar .PopularPosts .item-content {

position: relative;

}

.img-overlay {

position: absolute;

left: 0;

top: 0;

z-index: 1;

width: 100%;

height: 100%;

background-color: rgba(40,35,40,0.05);

}

.PopularPosts .item-thumbnail:hover a .img-overlay {

background-color:rgba(40,35,40,0.3)

}

انتهينا

إرسال تعليق

أحدث أقدم