20";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.tie-container,#tie-wrapper{height:100%;min-height:650px}.tie-container{position:relative;overflow:hidden}#tie-wrapper{background:#fff;position:relative;z-index:108;height:100%;margin:0 auto}.container-wrapper{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:30px}#content{margin-top:30px}@media (max-width:991px){#content{margin-top:15px}}.site-content{-ms-word-wrap:break-word;word-wrap:break-word}.theme-header{background:#fff;position:relative;z-index:999}.theme-header:after{content:"";display:table;clear:both}.theme-header.has-shadow{box-shadow:rgba(0,0,0,.1) 0px 25px 20px -20px}#menu-components-wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.logo-row{position:relative}#logo{margin-top:40px;margin-bottom:40px;display:block;float:left}#logo img{vertical-align:middle}#logo a{display:inline-block}@media (max-width:991px){#theme-header.has-normal-width-logo #logo{margin:14px 0!important;text-align:left;line-height:1}#theme-header.has-normal-width-logo #logo img{width:auto;height:auto;max-width:190px}}@media (max-width:479px){#theme-header.has-normal-width-logo #logo img{max-width:160px;max-height:60px!important}}@media (max-width:991px){#theme-header.mobile-header-default:not(.header-layout-1) #logo{-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10}}.components{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end}.components>li{position:relative}.components>li>a{display:block;position:relative;width:30px;text-align:center;font-size:16px;white-space:nowrap}.components .search-bar form{width:auto;background:rgba(255,255,255,.1);line-height:36px;border-radius:50px;position:relative}.components #search-input{border:0;width:100%;background:0 0;padding:0 35px 0 20px;border-radius:0;font-size:inherit}.components #search-submit{position:absolute;right:0;top:0;width:40px;line-height:inherit;color:#777;background:0 0;font-size:15px;padding:0;border:none}@media (max-width:991px){.logo-container{border-width:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}.mobile-header-components{display:none;z-index:10;height:30px;line-height:30px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.mobile-header-components .components{float:none;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.mobile-header-components .components li.custom-menu-link{display:inline-block;float:none}.mobile-header-components .components li.custom-menu-link>a{width:20px;padding-bottom:15px}.mobile-header-components [class^=tie-icon-]{font-size:18px;width:20px;height:20px;vertical-align:middle}.mobile-header-components .tie-mobile-menu-icon{font-size:20px}.mobile-header-components .nav-icon{display:inline-block;width:20px;height:2px;background-color:var(--base-color);position:relative;top:-4px}.mobile-header-components .nav-icon:before,.mobile-header-components .nav-icon:after{position:absolute;right:0;background-color:var(--base-color);content:'';display:block;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-header-components .nav-icon:before{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}.mobile-header-components .nav-icon:after{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}#mobile-header-components-area_1 .components li.custom-menu-link>a{margin-right:15px}#mobile-header-components-area_2 .components{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}#mobile-header-components-area_2 .components li.custom-menu-link>a{margin-left:15px}@media (max-width:991px){.logo-container:before,.logo-container:after{height:1px}#tie-body #mobile-container,.mobile-header-components{display:block}#slide-sidebar-widgets{display:none}}.top-nav{background-color:#fff;position:relative;z-index:10;line-height:40px;border:1px solid rgba(0,0,0,.1);border-width:1px 0;color:var(--base-color);clear:both}.main-nav-below.top-nav-above .top-nav{border-top-width:0}.top-nav a:not(.button):not(:hover){color:var(--base-color)}.topbar-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px}.top-nav .tie-alignleft,.top-nav .tie-alignright{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}.top-nav.has-breaking-news .tie-alignleft{-webkit-flex:1 0 100px;-ms-flex:1 0 100px;flex:1 0 100px}.top-nav.has-breaking-news .tie-alignright{-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;z-index:1}.topbar-today-date{float:left;padding-right:15px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width:991px){.topbar-today-date,.theme-header .components{display:none}}.breaking{display:none}.main-nav-wrapper{position:relative;z-index:4}.main-nav{background-color:var(--main-nav-background);color:var(--main-nav-primary-color);position:relative;border:1px solid var(--main-nav-main-border-color);border-width:1px 0}.main-menu-wrapper{position:relative}@media (min-width:992px){.header-menu .menu{display:-webkit-flex;display:-ms-flexbox;display:flex}.header-menu .menu a{display:block;position:relative}.header-menu .menu>li>a{white-space:nowrap}#main-nav{z-index:9;line-height:60px}.main-menu .menu>li>a{padding:0 14px;font-size:14px;font-weight:700}.main-nav .menu a{color:var(--main-nav-text-color)}.main-nav-dark{--main-nav-background:#1f2024;--main-nav-secondry-background:rgba(0,0,0,.2);--main-nav-primary-color:var(--brand-color);--main-nav-contrast-primary-color:var(--bright-color);--main-nav-text-color:#fff;--main-nav-secondry-text-color:rgba(225,255,255,.5);--main-nav-main-border-color:rgba(255,255,255,.07);--main-nav-secondry-border-color:rgba(255,255,255,.04)}.main-nav-dark .main-nav{border-width:0}}@media (min-width:992px){.main-nav-boxed .main-nav{border-width:0}.main-nav-boxed .main-menu-wrapper{float:left;width:100%;background-color:var(--main-nav-background);padding-right:15px}}.main-nav-boxed .main-nav:not(.fixed-nav){background:0 0!important}@media only screen and (min-width:992px) and (max-width:1100px){.main-nav .menu>li:not(.is-icon-only)>a{padding-left:7px;padding-right:7px}.main-nav .menu>li:not(.is-icon-only)>a:before{display:none}}@media (max-width:991px){#tie-wrapper header#theme-header{box-shadow:none;background:0 0!important}.logo-container{border-width:0;box-shadow:0 3px 7px 0 rgba(0,0,0,.1)}.logo-container{background-color:#fff}.header-layout-3 .main-nav-wrapper{display:none}.main-menu-wrapper .main-menu-wrap{width:100%}}.magazine2 .container-wrapper{border-width:0;padding:0;background-color:transparent;opacity:.99}.magazine2.post-layout-1 .entry-header-outer{padding:0 0 20px}.magazine2 .entry-content{padding:0 0 30px}@media (max-width:670px){.magazine2 .entry-content{padding:0 0 15px}}.main-nav-dark .main-nav input{color:#ccc}input{border:1px solid rgba(0,0,0,.1);color:var(--base-color);font-size:13px;outline:none;padding:10px 12px;line-height:23px;border-radius:2px;max-width:100%;background-color:transparent}input:not([type=checkbox]):not([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}@media (max-width:767px){input:not([type=submit]){font-size:16px!important}}[type=submit]{width:auto;position:relative;background-color:var(--tie-buttons-color,var(--brand-color));color:var(--tie-buttons-text,var(--bright-color));border-radius:var(--tie-buttons-radius,2px);border:var(--tie-buttons-border-width,0) solid var(--tie-buttons-border-color,var(--brand-color));padding:10px 25px;margin:0;font-weight:600;font-size:14px;display:inline-block;text-align:center;line-height:21px;text-decoration:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width:992px){.sidebar-left .main-content{float:right;padding-left:5px}.sidebar-left.magazine2 .main-content{padding-left:5px}}.post-meta{margin:10px 0 8px;font-size:12px;overflow:hidden}.post-meta{color:#666}.post-meta .meta-item{margin-right:8px;display:inline-block}.post-meta .meta-item.tie-icon:before{padding-right:3px}.post-meta .meta-item.date:before{content:"\f017"}@media (max-width:767px){.entry-header .post-meta>span,.main-content .post-meta>span{float:left}}#breadcrumb{margin:50px 0 0}#breadcrumb,#breadcrumb a:not(:hover){color:#666}#breadcrumb .delimiter{margin:0 3px;font-style:normal}.entry-header-outer #breadcrumb{margin:0 0 20px;padding:0}@media (max-width:767px){.single-post #breadcrumb .current,.single-post #breadcrumb em:last-of-type{display:none}}.entry-header{padding:30px 30px 0;margin-bottom:20px}@media (max-width:991px){.entry-header{padding:20px 20px 0}}.entry{line-height:26px;font-size:15px}.entry p{margin-bottom:25px;line-height:26px}@media (max-width:767px){.container-wrapper,.entry-content{padding:20px 15px}}.side-aside{position:fixed;top:0;z-index:111;visibility:hidden;width:350px;max-width:100%;height:100%;background:#fff;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow-y:auto}@media (min-width:992px){.side-aside{right:0;-webkit-transform:translate(350px,0);-ms-transform:translate(350px,0);transform:translate(350px,0)}}.dark-skin{--lazyload-loading-color:#161717}.dark-skin{background-color:var(--tie-dark-skin-bg-main,#1f2024);color:#fff}.dark-skin input:not([type=submit]){color:#ccc}.dark-skin a:not(:hover){color:#fff}.dark-skin input:not([type=submit]){border-color:rgba(255,255,255,.1)}.dark-skin .container-wrapper{background-color:var(--tie-dark-skin-bg-main,#1f2024);border-color:rgba(255,255,255,.1)}.dark-skin .widget a:not(:hover){color:#fff}.widget li{padding:6px 0}.widget li:first-child{padding-top:0}.widget li:last-child{padding-bottom:0;border-bottom:0}.widget li:after{clear:both;display:table;content:""}form.search-form{overflow:auto;position:relative;width:100%;margin-top:10px}.search-field{float:left;width:73%;padding:8px 15px}.search-submit[type=submit]{float:right;padding:10px 5px;margin-left:2%;width:25%}.widget_nav_menu li{padding:5px 0 5px 12px;font-size:105%}.widget_nav_menu li a:before{content:"\f106";font-family:'tiefonticon';color:#2c2f34;font-size:13px;display:inline-block;line-height:18px;width:12px;margin-left:-12px;text-align:left}.dark-skin .widget_nav_menu li a:before{color:#ccc}.social-icons-widget ul{margin:0 -3px}@media (min-width:992px){.theme-header .logo-row>div{height:auto!important}.header-layout-3 .stream-item-top-wrapper{float:right}}.breaking{float:left;width:100%;display:block!important}.breaking-title{padding:0 10px;display:block;float:left;color:#fff;font-size:12px;position:relative}.breaking-title span{position:relative;z-index:1}.breaking-title span.breaking-icon{display:none}@media (max-width:600px){.breaking-title span.breaking-icon{display:inline-block}.breaking-title .breaking-title-text{display:none}}.breaking-title:before{content:"";background:#f05555;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.breaking-news{display:none}#mobile-container{display:none;padding:10px 30px 30px}#mobile-menu{margin-bottom:20px;position:relative;padding-top:15px}#mobile-menu .menu>li{border-bottom:1px solid rgba(0,0,0,.05)}.dark-skin #mobile-menu .menu>li{border-color:rgba(255,255,255,.05)}#mobile-menu li{display:block;position:relative}#mobile-menu li a{display:block;padding:15px 50px 15px 0;font-size:16px;line-height:22px;font-weight:600}.dark-skin #mobile-menu li a{color:#fff}#mobile-social-icons{margin-bottom:15px}#mobile-social-icons ul{text-align:center;overflow:hidden}#mobile-search .search-form{overflow:hidden;position:relative}#mobile-search .search-form:after{position:absolute;content:"\f002";font-family:'tiefonticon';top:4px;right:10px;line-height:30px;width:30px;font-size:16px;border-radius:50%;text-align:center;color:#fff}#mobile-search .search-field{background-color:rgba(0,0,0,.05);border-color:rgba(255,255,255,.1);color:#fff;width:100%;border-radius:50px;padding:7px 45px 7px 20px}#mobile-search .search-submit{background:0 0;font-size:0;width:35px;height:38px;position:absolute;top:0;right:5px;z-index:1}#mobile-search input::-webkit-input-placeholder{color:rgba(255,255,255,.6)}#mobile-search input::-moz-placeholder{color:rgba(255,255,255,.6)}#mobile-search input:-moz-placeholder{color:rgba(255,255,255,.6)}#mobile-search input:-ms-input-placeholder{color:rgba(255,255,255,.6)}#tie-wrapper:after{position:absolute;z-index:1000;top:-10%;left:-50%;width:0;height:0;background:rgba(0,0,0,.2);content:'';opacity:0}@media (max-width:991px){.side-aside.appear-from-left{left:0;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}}.is-desktop .side-aside .has-custom-scroll{padding:50px 0 0}.side-aside:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:'';opacity:1}.side-aside .container-wrapper{padding:30px!important;border-radius:0;border:0;background:0 0;box-shadow:none!important}a.remove{position:absolute;top:0;right:0;display:block;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;display:block;line-height:20px;text-align:center;font-size:15px}a.remove:before{content:"\e117";font-family:'tiefonticon';color:#e74c3c}a.remove.big-btn{width:25px;height:25px;line-height:25px;font-size:22px}a.remove.light-btn:not(:hover):before{color:#fff}.side-aside a.remove{z-index:1;top:15px;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.side-aside a.remove:not(:hover):before{color:#111}.side-aside.dark-skin a.remove:not(:hover):before{color:#fff}.tie-popup a.remove{-webkit-transform:scale(.2);-ms-transform:scale(.2);transform:scale(.2);opacity:0;top:15px;right:15px;z-index:1}.theiaStickySidebar:after{content:"";display:table;clear:both}.side-aside,.has-custom-scroll{overflow-x:hidden;scrollbar-width:thin}.side-aside::-webkit-scrollbar,.has-custom-scroll::-webkit-scrollbar{width:5px}.side-aside::-webkit-scrollbar-track,.has-custom-scroll::-webkit-scrollbar-track{background:0 0}.side-aside::-webkit-scrollbar-thumb,.has-custom-scroll::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(0,0,0,.2)}.dark-skin .has-custom-scroll::-webkit-scrollbar-thumb{background:#000}.tie-popup{position:fixed;z-index:99999;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);display:none;-webkit-perspective:600px;perspective:600px}.pop-up-live-search{will-change:transform,opacity;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:0}.tie-popup-search-wrap::-webkit-input-placeholder{color:#fff}.tie-popup-search-wrap::-moz-placeholder{color:#fff}.tie-popup-search-wrap:-moz-placeholder{color:#fff}.tie-popup-search-wrap:-ms-input-placeholder{color:#fff}.tie-popup-search-wrap form{position:relative;height:80px;margin-bottom:20px}.popup-search-wrap-inner{position:relative;padding:80px 15px 0;margin:0 auto;max-width:800px}input.tie-popup-search-input{width:100%;height:80px;line-height:80px;background:rgba(0,0,0,.7)!important;font-weight:500;font-size:22px;border:0;padding-right:80px;padding-left:30px;color:#fff;border-radius:5px}button.tie-popup-search-submit{font-size:28px;color:#666;position:absolute;right:5px;top:15px;background:0 0!important}#tie-popup-search-mobile .popup-search-wrap-inner{padding-top:50px}#tie-popup-search-mobile input.tie-popup-search-input{height:50px;line-height:1;padding-left:20px;padding-right:50px}#tie-popup-search-mobile button.tie-popup-search-submit{font-size:16px;top:9px;right:0}#autocomplete-suggestions{overflow:auto;padding:20px;color:#eee;position:absolute;display:none;width:370px;z-index:9999;margin-top:15px}.tie-icon-messenger:before{content:"\f39f"}.tie-icon-facebook:before{content:"\f09a"}.tie-icon-search:before{content:"\f002"}.tie-icon-home:before{content:"\f015"}.tie-icon-twitter:before{content:"\e90f"}.tie-icon-bolt:before{content:"\f0e7"}.tie-icon-paper-plane:before{content:"\f1d8"}.tie-icon-whatsapp:before{content:"\f232"}.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-home:before{content:"\f015"}.fas{font-family:'Font Awesome 5 Free';font-weight:900}.post-content.container-wrapper{padding:0}.entry-header{font-size:45px;line-height:1.2}@media (max-width:767px){.entry-header{font-size:28px}}.entry-header .entry-title{margin-bottom:15px}@media (max-width:767px){.entry-header .entry-title{font-size:28px}}.entry-header .post-meta{overflow:inherit;font-size:12px;margin-top:5px;margin-bottom:0;line-height:24px}.entry-header .post-meta .meta-item{margin-right:12px}.entry-header .post-meta{color:#333}@media (max-width:767px){.entry-header .post-meta{margin-bottom:-8px}.entry-header .post-meta .meta-item{margin-bottom:8px!important}.entry-header .post-meta>span{float:initial!important}}.post-layout-1 div.entry-content{padding-top:0}.post-layout-1 .entry-header-outer{padding:30px 30px 20px}@media (max-width:767px){.post-layout-1 .entry-header-outer{padding:20px}}.post-layout-1 .entry-header{padding:0;margin:0}.entry-content{padding:0 30px 30px}@media (max-width:767px){.entry-content{padding-right:15px;padding-left:15px}}.entry a{color:var(--brand-color)}@media (max-width:767px){.single .entry-content{padding-top:15px}}.share-buttons{padding:18px 28px;line-height:0}@media (max-width:767px){.share-buttons{padding:15px}}.share-buttons-mobile{position:fixed;bottom:0;z-index:999999;width:100%;background:0 0;border:0 none;padding:0}.share-buttons-mobile .share-links a{margin:0;border-radius:0;width:1%;display:table-cell;opacity:1!important}.share-buttons-mobile .share-links a .share-btn-icon{margin:0 auto;float:none}@media (min-width:768px){.share-buttons-mobile{display:none}}.mobile-share-buttons-spacer{height:40px}@media (min-width:768px){.mobile-share-buttons-spacer{display:none}}.share-links a{color:#fff}.share-links{overflow:hidden;position:relative}.share-links .share-btn-icon{font-size:15px}.share-links a{display:inline-block;margin:2px;height:40px;overflow:hidden;position:relative;border-radius:2px;width:40px}.share-links a,.share-links a:before{background-color:#444}.share-links a .share-btn-icon{width:40px;height:40px;float:left;display:block;text-align:center;line-height:40px}.share-links a.facebook-share-btn,.share-links a.facebook-share-btn:before{background:#4080ff}.share-links a.twitter-share-btn,.share-links a.twitter-share-btn:before{background:#000}.share-links a.whatsapp-share-btn,.share-links a.whatsapp-share-btn:before{background:#43d854}.share-links a.telegram-share-btn,.share-links a.telegram-share-btn:before{background:#08c}.share-links a.messenger-share-btn,.share-links a.messenger-share-btn:before{background:#0078ff}@media (min-width:768px){a.whatsapp-share-btn,a.telegram-share-btn{display:none!important}}@media (min-width:768px){a.messenger-mob-share-btn{display:none!important}}@media (max-width:767px){a.messenger-desktop-share-btn{display:none!important}}#reading-position-indicator{display:block;height:5px;position:fixed;bottom:0;left:0;background:var(--brand-color);box-shadow:0 0 10px rgba(0,136,255,.7);width:0;z-index:9999;max-width:100%}#post-extra-info{display:none}#main-nav .main-menu>ul>li>a{font-family:Noto Sans Kufi Arabic}@media screen{html{direction:rtl}.tie-col-xs-12{float:right}@media (min-width:992px){.tie-col-md-4,.tie-col-md-8{float:right}}.tie-alignleft{float:right}.tie-alignright{float:left}.search-field{float:right}.search-submit[type=submit]{float:left;margin-right:2%;margin-left:0}.post-meta .meta-item{margin-left:8px;margin-right:0}.post-meta .tie-icon:before{padding-left:3px;padding-right:0!important}@media (max-width:767px){.entry-header .post-meta>span,.main-content .post-meta>span{float:right}}.tie-popup-search-wrap input[type=text]{padding-right:20px;padding-left:80px}button.tie-popup-search-submit{left:25px;right:auto}a.remove{left:0;right:auto}.tie-popup a.remove{left:15px;right:auto}#tie-popup-search-mobile button.tie-popup-search-submit{right:auto;left:0}#tie-popup-search-mobile input.tie-popup-search-input{padding-right:20px;padding-left:50px}#logo{float:right}@media (min-width:992px){.main-menu,.header-menu .menu li{float:right}.components,.components>li{float:left}.components .search-bar{margin-right:10px;margin-left:0}.components #search-input{padding:0 20px 0 35px}.components #search-submit{left:0;right:auto}.topbar-today-date{padding:0 0 0 15px}}.breaking-title{float:right}@media (min-width:992px){.header-layout-3.has-normal-width-logo .stream-item-top-wrapper{float:left}}@media (max-width:991px){#theme-header.has-normal-width-logo #logo{text-align:right}.mobile-header-components{left:15px;right:auto}#mobile-menu li a{padding:15px 0 15px 50px}}#mobile-header-components-area_1 .components{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}#mobile-header-components-area_2 .components{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}#mobile-search .search-form:after{left:10px;right:auto}#mobile-search .search-field{padding-left:45px;padding-right:20px}#mobile-search .search-submit{right:auto;left:5px}@media (max-width:991px){.logo-container{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.main-nav-boxed .main-menu-wrapper{padding-left:15px;padding-right:0}#reading-position-indicator{right:0;left:auto}.entry-header .post-meta .meta-item{margin-right:0;margin-left:12px}.share-links a .share-btn-icon{float:right}.widget_nav_menu li{padding:5px 12px 5px 0}.widget_nav_menu li a:before{content:'\f104';text-align:right;margin-right:-12px;margin-left:0}}
إضافة قسم أسئلة شائعة لمدونة بلوجر بشكل رائع - موقع التقنية الرقمية
نشارك معكم اليوم إضافة من إضافات بلوجر إضافة فريدة وجديدة يمكن إستخدامها في مدونات بلوجر وفي أي موقع يدعم صفحات الويب بصيغة html وذلك يتيح لكم إنشاء قسم اسئلة وأجوبة أو قسم الأسئلة الشائعة وبما يعرف بـ FAQ
معاينة الأداة
طريقة إضافة ركن للأسئلة الشائعة في مدونات بلوجر 1. أنتقل من لوحة تحكم مدونتك إلى المظهر ثم انقر على تحرير html وأبحث عن الرمز </body> وعادةً هو قبل آخر رمز في المظهر بعد العثور عليه أضف الكود التالي فوق الرمز </body> مباشرةً:
<script>
jQuery(function() {
var $ = jQuery;
var faqTitle = $( ".faq h3" );
var answerFaq = $(".response");
faqTitle.click(function(e) {
e.preventDefault();
$(this).toggleClass('titleopen').next().slideToggle().toggleClass('open-close');
});
$( "#showall" ).click(function(e) {
e.preventDefault();
faqTitle.addClass('titleopen');
answerFaq.slideDown().addClass('open-close');
});
$( "#hideall" ).click(function(e) {
e.preventDefault();
faqTitle.removeClass('titleopen');
answerFaq.slideUp().removeClass('open-close');
});
});
</script>
2. أنقر على حفظ المظهر ثم انتقل إلى قسم الصفحات من المدونة ثم أنقر على “صفحة جديدة ” ثم انقر على HTML وهي موجودة بجانب كلمة تأليف ثم اضف الكود التالي داخل مسودة المشاركة وضع العنوان الذي تراه مناسب وأنقر على نشر
<style>
.faq_container{
background: #f5f5f5;
padding: 20px;
border: 1px solid #e5e5e5;
border-radius: 10px;
}
#show_hide_wrap{
text-align: right;
}
#show_hide_wrap p{
font-size: 16px;
}
#showall, #hideall{
display: inline-block;
background: #fff;
border: 2px solid rgba(86, 77, 77, 0.18);
padding: 5px 5px;
line-height: 1.5;
margin-bottom: 20px;
font-weight: bold !important;
height: 25px;
}
#showall{
margin-right: 20px;
}
#showall:hover, #hideall:hover{
background: #707070;
color: #fff;
}
.response{
display: none;
}
ul.faq, ul.faq li{
list-style: none !important;
}
.faq h3{
background: #fff;
padding: 10px 10px;
border: 1px solid #e5e5e5;
}
.faq h3:hover, .faq h3.titleopen{
background: #808080;
color: #fff;
}
.faq h3:after{
content: '+';
float: left
}
.faq h3.titleopen:after{
content: '-'
}
.faq_qtn{
cursor: pointer;
-webkit-transition: color .2s ease, background .2s ease;
-moz-transition: color .2s ease, background .2s ease;
-o-transition: color .2s ease, background .2s ease;
transition: color .2s ease, background .2s ease;
}
.para {
padding-top: 20px;
padding-right: 30px;
font-size: 18px;
text-align: justify;
line-height: 30px;
padding-left: 30px;
}
</style>
<div class="faq_container">
<div id="show_hide_wrap">
<div id="showall" class="faq_qtn">إظهار الجميع</div>
<div id="hideall" class="faq_qtn">إخفاء الجميع</div>
</div>
<ul class="faq">
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn"> هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- القسم الاسئلة الشائعة Q&A -->
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
<!-- يمكنك إضافة المزيد من تكرار الكود نفس الاكواد السابقة -->
</ul>
</div>
عدل على النص بالنص الذي ترغب بأن يكون اسئلة شائعة في مدونتك.
يمكنك زيادة عدد الأقسام أو حذفها بإضافة او حذف مثل الرمز ادناه:
<li>
<h3 class="faq_qtn">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</h3>
<div class="response">
<p class="para">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق..</p>
</div>
</li>
هذا ونقول مرحباً بإضافات بلوجر من جديد!