عرض مواضيع حسب التسمية v1

السلام عليكم

ورحمة الله

وبركاته

باختصار تدوينتنا اليوم عبارة عن سكريبت
يقوم بعرض التدوينات حسب تسمية معينة
لذا لن أطيل عليكم وسأترككم مع المعاينة والتطبيق

معاينة

طريقة التركيب

1. من التخطيط قم بانشاء أداة html/javascript
2. ثم قم بلصق الأكواد التالية داخل الأداة

• <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
• <div class='ty-column-wrap'>
• <div id='loader'></div>
• <div class='tyleft-wrapper'>
• <div class='column-left preload section' id='leftcolumn'><div class='widget HTML' data-version='1' id='HTML292'>
• <h2 class='title'>قوالب</h2>
• <div class='widget-content'>
• <span data-type="tyleft" data-label="قوالب"></span>
• </div>
• </div></div>
• </div><div class='tyright-wrapper'>
• <div class='column-right preload section' id='rightcolumn'><div class='widget HTML' data-version='1' id='HTML294'>
• <h2 class='title'>اضافات</h2>
• <div class='widget-content'>
• <span data-type="tyright" data-label="اضافات"></span>
• </div>
• </div></div>
• </div>
• </div>
• <script type="text/javascript">
• //<![CDATA[
• function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
• function loadJS(e, t, n) { "use strict"; var i = window.document.createElement("script"); var o = t || window.document.getElementsByTagName("script")[0]; i.type = "text/javascript"; i.src = e; o.parentNode.insertBefore(i, o); setTimeout(function () { i.type = n || "text/javascript" }) }
• loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
• //]]>
• </script>
• <script>
• //<![CDATA[
• $(document).ready(function() {
• var perPage = 6;
• var no_image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEFFkK2Eri4kLAMrZ0MIwXO-DRP-7RKBN1Rnz6fHPkBLVHI8sQemumVUeQeqzp-ytzegByUZhUOf1CRNdDq_bH6GzKffyZ9kI7cZuZlIoZ6Y3hScREY97jydIwql4fplJL_Vu_vvhZUQQ/s1600-r/nth.png";
• var month_format = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
• var more_text = "View More";
• $(".column-left .HTML .widget-content").each(function () {
•     var TitleText = $(this).prev("h2").text(),
•         labelName = $(this).find("span").attr("data-label"),
•         ParentElementID = $(this).parent().attr("id"),
•         DataType = $(this).find("span").attr("data-type");
•     if (DataType != undefined && DataType.match("tyleft")) {
•         $.ajax({
•             url: "https://issamweeb.blogspot.com/feeds/posts/default/-/" + labelName + "?alt=json-in-script&max-results=5",
•             type: "get",
•             dataType: "jsonp",
•             success: function (_0x7868x1) {
•                 var u = "";
•                 var _0x7868x13 = "<div class=\"ty-feat\">";
•                 for (var _0x7868xd = 0; _0x7868xd < _0x7868x1.feed.entry.length; _0x7868xd++) {
•                     for (var _0x7868xe = 0; _0x7868xe < _0x7868x1.feed.entry[_0x7868xd].link.length; _0x7868xe++) {
•                         if (_0x7868x1.feed.entry[_0x7868xd].link[_0x7868xe].rel == "alternate") {
•                             u = _0x7868x1.feed.entry[_0x7868xd].link[_0x7868xe].href;
•                             break
•                         }
•                     };
•                     var _0x7868x1c;
•                     for (var _0x7868x3 = 0; _0x7868x3 < _0x7868x1.feed.entry[_0x7868xd].link.length; _0x7868x3++) {
•                         if ((_0x7868x1.feed.entry[_0x7868xd].link[_0x7868x3].rel === "replies") && (_0x7868x1.feed.entry[_0x7868xd].link[_0x7868x3].type === "text/html")) {
•                             _0x7868x1c = _0x7868x1.feed.entry[_0x7868xd].link[_0x7868x3].title;
•                             break
•                         }
•                     };
•                     _0x7868x1c = parseInt(_0x7868x1c, 10);
•                     if ("content" in _0x7868x1.feed.entry[_0x7868xd]) {
•                         var _0x7868x1d = _0x7868x1.feed.entry[_0x7868xd].content["$t"]
•                     } else {
•                         if ("summary" in b_rc) {
•                             var _0x7868x1d = _0x7868x1.feed.entry[_0x7868xd].summary["$t"]
•                         } else {
•                             var _0x7868x1d = ""
•                         }
•                     };
•                     var _0x7868x1e = /<\S[^>]*>/g;
•                     _0x7868x1d = _0x7868x1d.replace(_0x7868x1e, ""), _0x7868x1d.length > 170 && (_0x7868x1d = "" + _0x7868x1d.substring(0, 150) + "...");
•                     var _0x7868x14 = _0x7868x1.feed.entry[_0x7868xd].title["$t"];
•                     var s = _0x7868x1.feed.entry[_0x7868xd].category[0].term;
•                     var _0x7868x1f = _0x7868x1.feed.entry[_0x7868xd].author[0].name["$t"];
•                     var _0x7868x20 = _0x7868x1.feed.entry[_0x7868xd].author[0]["gd$image"].src;
•                     var _0x7868x21 = _0x7868x1.feed.entry[_0x7868xd].published["$t"],
•                         _0x7868xa = _0x7868x21.substring(0, 4),
•                         _0x7868x22 = _0x7868x21.substring(5, 7),
•                         _0x7868x23 = _0x7868x21.substring(8, 10),
•                         _0x7868x24 = month_format[parseInt(_0x7868x22, 10)] + " " + _0x7868x23 + ", " + _0x7868xa;
•                     var _0x7868x16 = _0x7868x1.feed.entry[_0x7868xd].content["$t"];
•                     var _0x7868x17 = $("<div>").html(_0x7868x16);
•                     if (_0x7868x16.indexOf("//www.youtube.com/embed/") > -1) {
•                         var _0x7868x5 = _0x7868x1.feed.entry[_0x7868xd]["media$thumbnail"].url;
•                         var _0x7868x3 = _0x7868x5
•                     } else {
•                         if (_0x7868x16.indexOf("<img") > -1) {
•                             var _0x7868x18 = _0x7868x17.find("img:first").attr("src");
•                             var _0x7868x3 = _0x7868x18
•                         } else {
•                             var _0x7868x3 = no_image
•                         }
•                     };
•                     if (_0x7868xd == 0) {
•                         _0x7868x13 += "<div class=\"col-left-first\"><div class=\"col-left-feat-image\"><div class=\"tyard-thumb\"><a class=\"col-left-img\" href=\"" + u + "\" style=\"background:url(" + _0x7868x3 + ") no-repeat center center;background-size: cover\"><span class=\"tyimg-lay\"/></a><div class=\"category-gallery\"><a class=\"icon " + s + "\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\"></a></div><div class=\"yard-label\"><a class=\"icon " + s + "\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\">" + s + "</a></div><div class=\"col-left-con-yard\"><h3 class=\"tyard-title\"><a href=\"" + u + "\">" + _0x7868x14 + "</a></h3><span class=\"yard-auth-ty\">" + _0x7868x1f + "</span><span class=\"col-left-time\">" + _0x7868x24 + "</span></div></div></div></div>"
•                     } else {
•                         _0x7868x13 += "<div class=\"col-left-rest\"><div class=\"tyard-thumb\"><a class=\"yard-img\" href=\"" + u + "\" style=\"background:url(" + _0x7868x3 + ") no-repeat center center;background-size: cover\"><span class=\"tyimg-lay\"/></a><div class=\"category-gallery\"><a class=\"icon " + s + "\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\"></a></div></div><div class=\"yard-tent-ty\"><h3 class=\"tyard-title\"><a href=\"" + u + "\">" + _0x7868x14 + "</a></h3><span class=\"yard-auth-ty\">" + _0x7868x1f + "</span><span class=\"col-left-time\">" + _0x7868x24 + "</span></div></div>"
•                     }
•                 };
•                 _0x7868x13 += "</div>";
•                 $(".column-left .HTML .widget-content").each(function () {
•                     var _0x7868x6 = $(this).parent().attr("id");
•                     if (_0x7868x6 == ParentElementID) {
•                         $(this).html(_0x7868x13);
•                         $(this).parent().addClass("tyleft");
•                         $(this).parent().addClass("templatesyard");
•                         $(this).prev("h2").wrapInner("<a href=\"/search/label/" + s + "?&max-result=" + perPage + "\"></a>");
•                         $(this).prev("h2").wrap("<div class=\"tyheading-head\"></div>");
•                         $(this).prev(".tyheading-head").append("<a class=\"tymore\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\">" + more_text + "</a>");
•                         $(".column-left").addClass("comload").removeClass("preload");
•                         $(this).find(".yard-img,.ty-img").each(function () {
•                             $(this).attr("style", function (_0x7868xd, _0x7868x25) {
•                                 return _0x7868x25.replace("/default.jpg", "/mqdefault.jpg")
•                             }).attr("style", function (_0x7868xd, _0x7868x25) {
•                                 return _0x7868x25.replace("s72-c", "s1600")
•                             })
•                         })
•                     }
•                 })
•             }
•         })
•     } else {
•         $(".tyleft-wrapper").remove()
•     }
• });
• $(".column-right .HTML .widget-content").each(function () {
•     var TitleText = $(this).prev("h2").text(),
•         labelName = $(this).find("span").attr("data-label"),
•         _0x7868x2a = $(this).parent().attr("id"),
•         DataType = $(this).find("span").attr("data-type");
•     if (DataType != undefined && DataType.match("tyright")) {
•         $.ajax({
•             url: "https://issamweeb.blogspot.com/feeds/posts/default/-/" + labelName + "?alt=json-in-script&max-results=5",
•             type: "get",
•             dataType: "jsonp",
•             success: function (_0x7868x1) {
•                 var u = "";
•                 var _0x7868x13 = "<div class=\"ty-feat\">";
•                 for (var _0x7868xd = 0; _0x7868xd < _0x7868x1.feed.entry.length; _0x7868xd++) {
•                     for (var _0x7868xe = 0; _0x7868xe < _0x7868x1.feed.entry[_0x7868xd].link.length; _0x7868xe++) {
•                         if (_0x7868x1.feed.entry[_0x7868xd].link[_0x7868xe].rel == "alternate") {
•                             u = _0x7868x1.feed.entry[_0x7868xd].link[_0x7868xe].href;
•                             break
•                         }
•                     };
•                     var _0x7868x1c;
•                     for (var _0x7868x3 = 0; _0x7868x3 < _0x7868x1.feed.entry[_0x7868xd].link.length; _0x7868x3++) {
•                         if ((_0x7868x1.feed.entry[_0x7868xd].link[_0x7868x3].rel === "replies") && (_0x7868x1.feed.entry[_0x7868xd].link[_0x7868x3].type === "text/html")) {
•                             _0x7868x1c = _0x7868x1.feed.entry[_0x7868xd].link[_0x7868x3].title;
•                             break
•                         }
•                     };
•                     _0x7868x1c = parseInt(_0x7868x1c, 10);
•                     if ("content" in _0x7868x1.feed.entry[_0x7868xd]) {
•                         var _0x7868x1d = _0x7868x1.feed.entry[_0x7868xd].content["$t"]
•                     } else {
•                         if ("summary" in b_rc) {
•                             var _0x7868x1d = _0x7868x1.feed.entry[_0x7868xd].summary["$t"]
•                         } else {
•                             var _0x7868x1d = ""
•                         }
•                     };
•                     var _0x7868x1e = /<\S[^>]*>/g;
•                     _0x7868x1d = _0x7868x1d.replace(_0x7868x1e, ""), _0x7868x1d.length > 170 && (_0x7868x1d = "" + _0x7868x1d.substring(0, 150) + "...");
•                     var _0x7868x14 = _0x7868x1.feed.entry[_0x7868xd].title["$t"];
•                     var s = _0x7868x1.feed.entry[_0x7868xd].category[0].term;
•                     var _0x7868x1f = _0x7868x1.feed.entry[_0x7868xd].author[0].name["$t"];
•                     var _0x7868x20 = _0x7868x1.feed.entry[_0x7868xd].author[0]["gd$image"].src;
•                     var _0x7868x21 = _0x7868x1.feed.entry[_0x7868xd].published["$t"],
•                         _0x7868xa = _0x7868x21.substring(0, 4),
•                         _0x7868x22 = _0x7868x21.substring(5, 7),
•                         _0x7868x23 = _0x7868x21.substring(8, 10),
•                         _0x7868x24 = month_format[parseInt(_0x7868x22, 10)] + " " + _0x7868x23 + ", " + _0x7868xa;
•                     var _0x7868x16 = _0x7868x1.feed.entry[_0x7868xd].content["$t"];
•                     var _0x7868x17 = $("<div>").html(_0x7868x16);
•                     if (_0x7868x16.indexOf("//www.youtube.com/embed/") > -1) {
•                         var _0x7868x5 = _0x7868x1.feed.entry[_0x7868xd]["media$thumbnail"].url;
•                         var _0x7868x3 = _0x7868x5
•                     } else {
•                         if (_0x7868x16.indexOf("<img") > -1) {
•                             var _0x7868x18 = _0x7868x17.find("img:first").attr("src");
•                             var _0x7868x3 = _0x7868x18
•                         } else {
•                             var _0x7868x3 = no_image
•                         }
•                     };
•                     if (_0x7868xd == 0) {
•                         _0x7868x13 += "<div class=\"col-right-first\"><div class=\"col-right-feat-image\"><div class=\"tyard-thumb\"><a class=\"col-right-img\" href=\"" + u + "\" style=\"background:url(" + _0x7868x3 + ") no-repeat center center;background-size: cover\"><span class=\"tyimg-lay\"/></a><div class=\"category-gallery\"><a class=\"icon " + s + "\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\"></a></div><div class=\"yard-label\"><a class=\"icon " + s + "\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\">" + s + "</a></div><div class=\"col-right-con-yard\"><h3 class=\"tyard-title\"><a href=\"" + u + "\">" + _0x7868x14 + "</a></h3><span class=\"yard-auth-ty\">" + _0x7868x1f + "</span><span class=\"col-right-time\">" + _0x7868x24 + "</span></div></div></div></div>"
•                     } else {
•                         _0x7868x13 += "<div class=\"col-right-rest\"><div class=\"tyard-thumb\"><a class=\"yard-img\" href=\"" + u + "\" style=\"background:url(" + _0x7868x3 + ") no-repeat center center;background-size: cover\"><span class=\"tyimg-lay\"/></a><div class=\"category-gallery\"><a class=\"icon " + s + "\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\"></a></div></div><div class=\"yard-tent-ty\"><h3 class=\"tyard-title\"><a href=\"" + u + "\">" + _0x7868x14 + "</a></h3><span class=\"yard-auth-ty\">" + _0x7868x1f + "</span><span class=\"col-right-time\">" + _0x7868x24 + "</span></div></div>"
•                     }
•                 };
•                 _0x7868x13 += "</div>";
•                 $(".column-right .HTML .widget-content").each(function () {
•                     var _0x7868x6 = $(this).parent().attr("id");
•                     if (_0x7868x6 == _0x7868x2a) {
•                         $(this).html(_0x7868x13);
•                         $(this).parent().addClass("tyright");
•                         $(this).parent().addClass("templatesyard");
•                         $(this).prev("h2").wrapInner("<a href=\"/search/label/" + s + "?&max-result=" + perPage + "\"></a>");
•                         $(this).prev("h2").wrap("<div class=\"tyheading-head\"></div>");
•                         $(this).prev(".tyheading-head").append("<a class=\"tymore\" href=\"/search/label/" + s + "?&max-result=" + perPage + "\">" + more_text + "</a>");
•                         $(".ty-column-wrap #loader").remove();
•                         $(".column-right").addClass("comload").removeClass("preload");
•                         $(this).find(".yard-img,.ty-img").each(function () {
•                             $(this).attr("style", function (_0x7868xd, _0x7868x25) {
•                                 return _0x7868x25.replace("/default.jpg", "/mqdefault.jpg")
•                             }).attr("style", function (_0x7868xd, _0x7868x25) {
•                                 return _0x7868x25.replace("s72-c", "s1600")
•                             })
•                         })
•                     }
•                 })
•             }
•         })
•     } else {
•         $(".tyright-wrapper").remove()
•     }
• });
•   });
• //]]>
•   </script><style>
•   *{font-family:roboto;}a{text-decoration:none;}
• .ty-column-wrap {overflow: hidden;margin: 10px 0;}.ty-column-wrap #loader {height: 625px;}.tygridbox-wrapper #loader {height: 447px;}#loader:before {content: '\f110';font-family: FontAwesome;width: 40px;height: 40px;font-size: 40px;text-align: center;line-height: 40px;display: block;position: absolute;top: 50%;right: 50%;margin-right: -20px;margin-top: -20px;z-index: 1;-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
•   /*TYLEFT*/
• .tyleft-wrapper {float: left;width: 50%;padding-right: 5px;box-sizing: border-box;}.tyleft .col-left-first {width: 100%;position: relative;clear: both;margin-bottom: 1.4%;box-sizing: border-box;overflow: hidden;}.tyleft .col-left-feat-image {width: 100%;position: relative;overflow: hidden;box-sizing:border-box;}.tyleft .col-left-first .tyard-thumb, .tyleft .col-left-img {height: 225px !important;}.templatesyard .col-left-first .tyard-thumb {position: relative;width: 100%;height: 225px;}.templatesyard .col-left-img {width: 100%;height: 200px;position: relative;display: block;}.col-left-first .tyard-thumb .yard-label {position: absolute;top: 10px;left: 10px;z-index: 2;}.col-left-first .tyard-thumb .yard-label a {background: #ff0036;color: #fff;text-transform: uppercase;height: 20px;line-height: 20px;display: inline-block;padding: 0 6px;font-size: 11px;font-weight: 400;border-radius: 2px;}.tyleft .col-left-con-yard {position: absolute;bottom: 0;width: 100%;z-index: 2;padding: 15px;box-sizing: border-box;}.tyleft .col-left-first .col-left-con-yard .tyard-title a {display: block;font-size: 19px;color: #fff;font-weight: 400;line-height: 1.4em;margin-bottom: 5px;margin-top: 5px;}.tyleft .col-left-first .recent-summary {color: #fff;font-size: 14px;font-weight: normal;}.tyleft .ty-feat .col-left-rest {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #f2f2f2;}.templatesyard .ty-feat .col-left-rest .tyard-thumb {position: relative;float: left;width: 90px;height: 65px;overflow: hidden;display: block;vertical-align: middle;margin: 0 !important;}.tyleft .ty-feat .col-left-rest:last-child {border: 0;padding: 10px 0 0;}.templatesyard .ty-feat .col-left-rest .yard-img {position: relative;width: 90px;height: 65px;display: block;}.tyleft .tyimg-lay {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;opacity:0.5;background-color: #2c2f30;}.tyleft .yard-tent-ty {padding-left: 15px;display: table-cell;}.tyleft .yard-tent-ty .tyard-title {overflow: hidden;font-weight: 400;font-size: 14px;line-height: 1.4em;margin: 0 0 4px;padding: 0;}.tyleft .yard-tent-ty .tyard-title a {color: #333333;transition: color .3s;}.col-left-time {color: #bdbdbd;font-size: 12px;font-weight: 400;}.col-left-time:before {content: '\f133';font-family: fontawesome;color: #bbb;margin-right: 5px;}.tyleft .tyard-thumb .item-cmm {position: absolute;top: 0;left: 10px;z-index: 2;color: #fff;text-transform: uppercase;height: 20px;line-height: 20px;display: inline-block;padding: 5px 6px 0;font-size: 12px;font-weight: bold;background: #ff0036;border-radius: 0 0 2px 2px;}.tyleft .tyard-thumb .item-cmm:before {content: "\f086";margin-right: 5px;font-family: FontAwesome;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.tyleft .category-gallery {position: absolute;top: 10px;right: 10px;z-index: 3;overflow: hidden;}.tyleft .col-left-rest .category-gallery {top:0;right:0;}.tyleft .category-gallery a:before {display: block;background-color: #e74c3c;opacity: .5;color: #fff;height: 18px;line-height: 18px;padding: 0 5px;font-size: 10px;font-weight: 400;text-transform: uppercase;border-radius: 2px;transition: all .3s ease;}
•   
•   .tyheading-head {
•     margin-bottom: 15px;
•     border-bottom: 2px solid #ff0036!important;
•     background: #373e59;
• }.tyheading-head h2 {
•     font-size: 15px;
•     background-color: #ff0036!important;
•     display: inline-block;
•     padding: 12px 16px;
•     margin: 0;
•     position: relative;
• }.tyheading-head h2 a {
•     color: #fff;
•     text-transform: uppercase;
•     font-weight: 500;
• }.tyheading-head h2:after {
•     content: "";
•     width: 0;
•     height: 0;
•     position: absolute;
•     bottom: -6px;
•     left: 0;
•     border-left: 0;
•     border-right: 9px solid transparent;
•     border-top: 9px solid #ff0036;
• }.tyheading-head .tymore {
•     float: right;
•     margin-right: 10px;
•     margin-top: 12px;
•     height: 22px;
•     line-height: 22px;
•     padding: 0 10px;
•     background-color: #ff0036;
•     font-size: 13px;
•     color: #fff!important;
•     transition: background-color .3s ease-out;
• }
• .yard-auth-ty, .ty-time {
•     color: #bdbdbd;
•     font-size: 12px;
•     font-weight: 400;
•  margin-right: 10px;
• }
•   .tyleft .category-gallery a:before {
•     display: block;
•     background-color: #e74c3c;
•     opacity: .5;
•     color: #fff;
•     height: 18px;
•     line-height: 18px;
•     padding: 0 5px;
•     font-size: 10px;
•     font-weight: 400;
•     text-transform: uppercase;
•     border-radius: 2px;
•     transition: all .3s ease;
• }a.News:before {
•     content: "\f1ea";
• }.icon:before {
•     font-family: FontAwesome;
•     font-weight: 400;
•     font-style: normal;
•     line-height: 1;
•     padding-right: 4px;
• }
• /*TYRIght*/
• .tyright-wrapper {
•     float: right;
•     width: 50%;
•     padding-left: 5px;
•     box-sizing: border-box;
• }
•   .tyright .col-right-first {width: 100%;position: relative;clear: both;margin-bottom: 1.4%;box-sizing: border-box;overflow: hidden;}.tyright .col-right-feat-image {width: 100%;position: relative;overflow: hidden;box-sizing:border-box;}.tyright .col-right-first .tyard-thumb, .tyright .col-right-img {height: 225px !important;}.templatesyard .col-right-first .tyard-thumb {position: relative;width: 100%;height: 225px;}.templatesyard .col-right-img {width: 100%;height: 200px;position: relative;display: block;}.col-right-first .tyard-thumb .yard-label {position: absolute;top: 10px;left: 10px;z-index: 2;}.col-right-first .tyard-thumb .yard-label a {background: #ff0036;color: #fff;text-transform: uppercase;height: 20px;line-height: 20px;display: inline-block;padding: 0 6px;font-size: 11px;font-weight: 400;border-radius: 2px;}.tyright .col-right-con-yard {position: absolute;bottom: 0;width: 100%;z-index: 2;padding: 15px;box-sizing: border-box;}.tyright .col-right-first .col-right-con-yard .tyard-title a {display: block;font-size: 19px;color: #fff;font-weight: 400;line-height: 1.4em;margin-bottom: 5px;margin-top: 5px;}.tyright .col-right-first .recent-summary {color: #fff;font-size: 14px;font-weight: normal;}.tyright .ty-feat .col-right-rest {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #f2f2f2;}.templatesyard .ty-feat .col-right-rest .tyard-thumb {position: relative;float: left;width: 90px;height: 65px;overflow: hidden;display: block;vertical-align: middle;margin: 0 !important;}.tyright .ty-feat .col-right-rest:last-child {border: 0;padding: 10px 0 0;}.templatesyard .ty-feat .col-right-rest .yard-img {position: relative;width: 90px;height: 65px;display: block;}.tyright .tyimg-lay {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;opacity:0.5;background-color: #2c2f30;}.tyright .yard-tent-ty {padding-left: 15px;display: table-cell;}.tyright .yard-tent-ty .tyard-title {overflow: hidden;font-weight: 400;font-size: 14px;line-height: 1.4em;margin: 0 0 4px;padding: 0;}.tyright .yard-tent-ty .tyard-title a {color: #333333;transition: color .3s;}.col-right-time {color: #bdbdbd;font-size: 12px;font-weight: 400;}.col-right-time:before {content: '\f133';font-family: fontawesome;color: #bbb;margin-right: 5px;}.tyright .tyard-thumb .item-cmm {position: absolute;top: 0;left: 10px;z-index: 2;color: #fff;text-transform: uppercase;height: 20px;line-height: 20px;display: inline-block;padding: 5px 6px 0;font-size: 12px;font-weight: bold;background: #ff0036;border-radius: 0 0 2px 2px;}.tyright .tyard-thumb .item-cmm:before {content: "\f086";margin-right: 5px;font-family: FontAwesome;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.tyright .category-gallery {position: absolute;top: 10px;right: 10px;z-index: 3;overflow: hidden;}.tyright .col-right-rest .category-gallery {top:0;right:0;}.tyright .category-gallery a:before {display: block;background-color: #e74c3c;opacity: .5;color: #fff;height: 18px;line-height: 18px;padding: 0 5px;font-size: 10px;font-weight: 400;text-transform: uppercase;border-radius: 2px;transition: all .3s ease;}
•   
•   @media only screen and (max-width: 620px) {.tyleft-wrapper, .tyright-wrapper {width: 100%;padding-right: 0;float: none;margin-bottom: 10px;clear: both;}.tyright-wrapper {padding-left: 0;}}
• </style>

غير التسميات باللون الأحمر والازرق ورابط الموقع باللون الأصفر