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

مشاهدات الان

 البحث عن

</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;

margin-right: 10px;

width: 48.4%;

float: left;

}

.sidebar .PopularPosts ul li.odd {

margin-right: 0;

}

.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-thumbnail:before {

content: "\f02d";

font-family: FontAwesome;

line-height: 32px;

width: 32px;

height: 32px;

font-size: 18px;

color: #fff;

text-align: center;

font-weight: 400;

position: absolute;

top: 45%;

left: 40%;

opacity: 1;

padding: 0;

z-index: 2;

border: 2px solid #fff;

border-radius: 50%;

transition: all 0.25s ease-in-out 0s;

}

.sidebar .PopularPosts .item-title a {

display: block;

margin: 0 auto;

padding: 5px 0;

font-size:15px;

line-height: 20px;

width: 100%;

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

cursor: pointer;

}

.sidebar .PopularPosts .item-snippet {

color: #333333;

margin: 0px auto;

}

.sidebar .PopularPosts .item-content {

position: relative;

}

.PopularPosts .img-overlay {

position: absolute;

left: 0;

top: 0;

z-index: 1;

width: 100%;

height: 100%;

background-color:#d86843;

opacity:0.5;

}

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

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

opacity:1;

}

.sidebar .PopularPosts .widget-content ul li:first-child,

.sidebar .custom-widget li:first-child {

padding-top: 0;

border-top: 0;

}

.sidebar .PopularPosts .widget-content ul li:last-child,

.sidebar .custom-widget li:last-child {

padding-bottom: 0;

}

انتهينا

إرسال تعليق

أحدث أقدم