soshiant
-
تعداد ارسال‌ها
141 -
تاریخ عضویت
-
آخرین بازدید
-
روز های برد
1
نوشته‌ها ارسال شده توسط soshiant
-
-
در در 5/7/2019 at 12:48، muhmdzarei گفته است :
بفرمایید
.box-conect { /* width: 90%; */ height: auto; font-family: iransans; font-size: 14px; color: #000000; display: block; text-align: justify; margin: 0px auto 20px auto; line-height: 27x; padding: 15px 35px; line-height: 23px; text-indent:0px; padding: 12px; }
سلام
کد رو جایگزین کردم اما فاصله بین پاراگرافها تغییر نکر فقط زیر پست (بین این پست و پست بعدی) به اندازه مقدار pxی که دادیم فاصله افتاد
-
کمک میکنید؟
-
در در 5/5/2019 at 09:32، muhmdzarei گفته است :
سلام
تگ p رو سلکت کنید و بهش margin-bottom بدید. مثال:
.product p { margin-bottom: 20px; padding: 0; }
تشکر از این که وقت میذارید برام
ببینید الان این کد برای متن پستهای منه
.box-conect { /* width: 90%; */ height: auto; font-family: iransans; font-size: 14px; color: #000000; display: block; text-align: justify; margin: 0 auto; line-height: 27x; padding: 15px 35px; line-height: 23px; text-indent:0px; padding: 12px; }
چطوری میتونم کدی که دادید رو بهش اضافه کنم تا بتونم فاصله بین پاراگرافها رو تنظیم کنم؟ خودتون لطف میکنید بهش اضافه کنید و بذارید اینجا تا من کپی کنم؟
-
سلام چطور میشه باکس جستجو رو داخل متن بذاریم؟ مثلا من میخوام توی یکی از پست هام سرچ باکس رو بذارم. راهنمایی میکنید؟
دقیق تر بخوام بگم این سایت من https://kaffeketab.ir میخوام صفحه اول بالای کتابهای جدید یه سرچ باکس بذارم
-
سلام
من میدونم که برای تنظیم فاسله بین دو سطر در css باید از
line-height:
استفاده کنیم
حالا اگه بخوایم فاصله بین دو تا پاراگراف رو کم و زیاد کنیم از چه کدی استفاده کنیم؟
ممنون میشم کمک کنید دوستان
-
سلام
دوستان من سرچ باکس سایتم که توی ابزارک هست رو چطوری میتونم جای دیگه بذارم؟
1- میخوام توی هدر بذارمش که توی همه صفحات دیده شه
2- میخوام با یه کد html وسط یکی از پست هام هم بذارم
راهنمایی میکنید
-
در 15 ساعت قبل، mohama226 گفته است :
عزیز قالبتون رو بالا بیارید که چک کنیم / این کد ها حوصله میخواد
شما باید div های مربوطه رو بهش استایل float بدید
روی این ادرس موقتا بالا اوردم
ممنون میشم کمک کنید
-
رفقا کمک میکنید؟
-
در 20 دقیقه قبل، mohama226 گفته است :
فایل استایل رو باید css رو دو تا کد رو تغییر بدید .
ادرس سایتتون رو ارسال کنید کدهاش رو ست کنیم براتون
سلام
سایت هنوز بالا نیومده
سی اس اس خدمت شما
/*
Theme Name: Arena
Theme URI: https://KaffeKetab.ir
Description: Designed by KaffeKetab
Version: 1.0.1
Author: KaffeKetab
Author URI: https://KaffeKetab.ir
*/@font-face{font-family:IRANSans;font-style:normal;font-weight:bold;src:url('fonts/eot/IRANSansWeb(FaNum)_Bold.eot');src:url('fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), url('fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');}
@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot');src:url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), url('fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), url('fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');}
@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url('fonts/eot/IRANSansWeb(FaNum)_Light.eot');src:url('fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), url('fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), url('fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');}
@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url('fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');src:url('fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), url('fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), url('fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');}
@font-face{font-family:IRANSans;font-style:normal;font-weight:normal;src:url('fonts/eot/IRANSansWeb(FaNum).eot');src:url('fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), url('fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), url('fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');}html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, block, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;background:transparent;}
body{font:normal 11px iransans, Aria;text-align:center;direction:rtl;background:#f9f9f9;overflow-x:hidden;}
.livicon{display:inline-block;line-height:inherit;vertical-align:middle;height:20px !important;}
.clear{clear:both}
a:hover{text-decoration:none;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
caption, cite, code, dfn, em, th, var{border:0;padding:0;margin:0;outline:0;}
img{border:0;transition:all 0.3s ease-out;}
.livicon{display:inline-block;line-height:inherit;vertical-align:middle;height:20px !important;}
a{text-decoration:none;color:inherit;}
.none{display:none;}
.clear{clear:both}
.middle{width:990px;margin:0 auto}
.connect{width:1000px;margin:0 auto}
.logo{width:300px;height:80px;margin:5px 0px 0px 0px;display:inline-block;float:right;}
.logo-pic {
width: 400px;
height: 155px;
margin: 10px 0px 0px 0px;
display: inline-block;
float: right;
}
.logo-pic img {
width: ;
width: 100%;
}
.top-menu {
background: #FBFBFB;
width: 100%;
height: auto;
padding: 5px 0px;
margin: 0px;
}
.top-menu ul{float:right}
.top-menu ul li{list-style:none;float:right;padding:5px 5px 5px 0px;transition:all .5s ease;}
.top-menu ul li a {
color: #222;
font-family: iransans;
font-size: 13.3px;
padding: 3px 5px 5px 10px;
display: block;
}
.top-menu ul li a:hover {
color: #6788ea;
}
.mobile {
width: auto;
font-family: iransans;
font-size: 13px;
text-align: left;
float: left;
color: #222;
padding: 9px 5px 3px 10px;
}
.mobile:hover{}
.base-head {
width: 100%;
height: 185px;
padding: 5px 0px;
margin: 0px;
background: #fff !important;
}
.menu-base{background:#fff;width:100%;height:90px;padding:5px 0px;margin:0px;}.registerbtn {
float: left;
}
.registerbtn a {
padding: 7px 25px;
color: #fff !important;
margin: 2px;
background: linear-gradient(90deg,#6788ea,#68bcf7);
font-family: iransans;
font-size: 14px;
border-radius: 3px;
transition:all .3s;
}
.registerbtn i {
margin: 0px 0 0 7px;
font-size: 20px;
opacity: 1;
vertical-align: bottom;
}
.registerbtn a:hover {
color: #fff !important;
background: linear-gradient(90deg,#68bcf7,#6788ea);
}.right-side-title{padding:5px 5px 5px 5px;margin:3px 0px 5px 5px;width:auto;text-align:right;font-size:14px;color:#6f7378;font-family:iransans;}
.right-line {
background: #c7c7c7;
border-right: #6788ea 100px solid;
width: auto;
height: 2px;
margin: 5px 0px 10px 0px;
}
.textwidget p {
line-height: 25px;
text-align: justify;
padding: 0 10px;
font-size: 12px;
}
.right-side-base{padding:5px 5px 10px 5px;margin:5px 0 10px 0;background:#fff;-webkit-box-shadow:0px 0px 3px 0px #bbbbbb;box-shadow:0px 0px 3px 0px #bbbbbb;}
.right-side-base li{text-align:right;display:block;font-size:13.3px;color:#71767b;border-right:#e5e5e5 5px solid;background:#f7f7f7; font-family:iransans;letter-spacing:-0.3px;padding:5px;margin:5px 0px 5px 0px;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.right-side-base li:hover {
background: #6788ea;
display: block;
border-right: #3d5ebf 5px solid;
padding: 5px;
margin: 5px 0px 5px 0px;
color: #FFF;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.right-side-base a:hover {
color: #fff !important;
}
.tabcontents i {
display: inline-block;
margin: 0 2px;
}
.right-side-base ul li ul li{display:block;padding-right:15px;}
.sidebar-tabs {
padding:5px 5px 10px 5px;margin:5px 0 10px 0;background:#fff;-webkit-box-shadow:0px 0px 3px 0px #bbbbbb;box-shadow:0px 0px 3px 0px #bbbbbb;
}
.right-hami{padding:3px 5px 3px 5px;width:260px;margin:5px 0 10px 0;background:#fff;-webkit-box-shadow:0px 0px 3px 0px #bbbbbb;box-shadow:0px 0px 3px 0px #bbbbbb;height:50px;}
.right-fs h3{font-family:iransans;font-size:14px;color:#6f7378;text-align:right;margin:5px 5px 0px 5px;}
.right-fs h4{font-family:iransans;font-size:11px;color:#9a9fa6;text-align:right;margin:0px 5px 0px 5px;}
.center-side{text-align:right;}
.top-shop{background:#fff;-webkit-box-shadow:0px 0px 3px 0px #bbbbbb;box-shadow:0px 0px 3px 0px #bbbbbb;padding:5px 7px 5px 7px;width:97%;height:220px;margin:0px 0px 10px 0px;}
.top-shop-title{padding:5px 5px 5px 5px;margin:3px 0px 5px 5px;width:auto;text-align:right;font-size:14px;color:#6f7378;font-family:iransans;}
.top-shop-line{background:#c7c7c7;border-right:#f1c40f 150px solid;width:auto;height:2px;margin:5px 0px 10px 0px;}
.post {
background: #fff;
width: 260px;
float: right;
padding: 5px 5px 5px 5px;
margin: 0px 5px 25px 5px;
box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-o-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
border-radius: 3px;
transition: all .5s;
}
.post-line {
background: #c7c7c7;
border-right: #6788ea 125px solid;
width: auto;
height: 2px;
margin: 5px 0px 10px 0px;
}
.post-title h2 {
padding: 5px 5px 5px 5px;
margin: 3px 0px 5px 5px;
width: auto;
text-align: right;
color: #6f7378;
font-family: iransans;
height: 30px;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 35ex;}
.post img {
width: 98%;
height: 200px;
padding: 7px;
background: #f2f2f2;
margin: 0px 3px 5px 0px;
transition: .5s;
}
.post-file{width:auto;height:auto;float:right;color:#656565;text-align:right;padding:5px 5px 5px 7px;margin:5px 0px 0px 3px;font-family:iransans;font-size:13px;border-left:#e1e1e1 1px solid;}
.post-price{width:auto;height:auto;float:right;color:#656565;text-align:right;padding:5px 5px 5px 7px;margin:5px 0px 0px 0px;font-family:iransans;font-size:13px;border-left:#e1e1e1 1px solid;}
.post-shop {
width: auto;
height: auto;
color: #656565;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
font-family: iransans;
font-size: 13px;border: 1px solid #d9dadc;
}
.post-shop i {
padding: 0px 5px;
}.post-shop3 {
width: auto;
height: auto;
color: #FFF;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
font-family: iransans;
font-size: 13px;
background: linear-gradient(90deg,#6788ea,#68bcf7);
transition:all .3s;
}
.post-shop3:hover {
color: #FFF;
background: linear-gradient(90deg,#68bcf7,#6788ea);
}
.post-shop3 a:hover {
color: #FFF;
}
.post-shop3 i {
font-size: 27px;
vertical-align: middle;
margin-left: 7px;
}
.post-shop i {
margin-left: 5px;
vertical-align: middle;
display: inline-block;
font-size: 21px;
color: #c2c2c2;
}
.post-foot {
width: 100%;
height: auto;
background: #fff;
float: right;
margin: 5px 0px 0px 0px;
}
.post-page-title i {
vertical-align: middle;
float: right;
font-size: 30px;
margin-left: 14px;
color: #7c7a7a;
}
.post-page {
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px #bbbbbb;
box-shadow: 0px 0px 3px 0px #bbbbbb;
float: right;
padding: 5px;
margin: 10px 0px 0px 5px;
height: auto;
width: 100%;
}
.post-page img{max-height:600px;max-width:600px;}
.post-page {
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px #bbbbbb;
box-shadow: 0px 0px 3px 0px #bbbbbb;
float: right;
padding: 5px;
margin: 10px 0px 10px 5px;
height: auto;
width: 100%;
}
.post-tag h3 {
background: #fff;
border-top: #e9e9e9 1px solid;
width: auto;
height: auto;
text-align: right;
font-family: iransans;
font-size: 13.3px;
color: #6f7378;
padding: 15px;
margin: 5px 0px 5px 0px;
}
.post-page-other {
padding: 5px 5px 5px 5px;
margin: 3px 0px 5px 5px;
width: 100%;
text-align: right;
font-size: 14px;
color: #6f7378;
font-family: iransans;
height: auto;
}
.box-shop {
background: #fff;
float: right;
width: 100%;
margin: 45px 0px 5px 5px;
padding: 10px 5px 5px 5px;
text-align: right;
height: auto;
}
.box {
width: 48%;
height: auto;
padding: 5px;
float: right;
background: #fafafa;
text-align: right;
margin: 0px 5px 5px 5px;
font-family: iransans;
font-size: 13.3px;
color: #6f7378;
border-radius: 6px;
}
.box i {
margin-left: 10px;
vertical-align: middle;
font-size: 18px;
}
.box:hover {
background: #f50057c4;
color: #fff;
}
.page-nav {
width: 99%;
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px #bbbbbb;
box-shadow: 0px 0px 3px 0px #bbbbbb;
clear: both;
margin: 5px 0px 5px 0px;
padding: 5px 5px 5px 5px;
height: auto;
font-family: iransans;
font-size: 16px;
color: #71767b;
}
.page-nav h4{font-family:iransans;font-size:13.3px;color:#73777c;text-align:right;margin:0px 5px 0px 5px;}.box-conect {
/* width: 90%; */
height: auto;
font-family: iransans;
font-size: 13.3px;
color: #3f3f3f;
display: block;
text-align: justify;
margin: 0 auto;
line-height: 27px;
padding: 15px 35px;
line-height: 31px;
}
.ser{width:680px;height:160px;position:relative;margin:5px 0;}
.items {width:165px;height:150px;float:right;margin:5px 5px;position:relative;overflow:hidden;}
.items img {width:165px;height:150px;float:right;margin:0px 0px;position:relative;overflow:hidden;}
.items .title {width:155px;height:auto;padding:3px;position:absolute;bottom:2px;right:2px;text-align:center;z-index:3;}
.items .light {width:100%;height:50px;background:#000;}
.items:hover .light {height:150px;opacity:0.6;background:#000 url(images/search.png) no-repeat center;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.items .title a{font-family:iransans;color:#ffffff;font-size:9pt;}.more{width:200px;height:110px;float:right;margin:0px 0px 5px 5px;padding:5px;background:#f8f8f8;}
.footer {
width: 100%;
height: auto;
background: #fff;
font-family: tahoma;
font-size: 11px;
float: right;
margin: 10px 0px 0px 0px;
padding: 10px 0px 10px 0px;
position: relative;
min-height: 344px;
}
.footer-copy {
width: 100%;
height: auto;
font-family: tahoma;
float: right;
margin: 0px 0 0px;
padding: 0px 0px 0px 0px;
box-shadow: 0px -3px 15px -4px rgba(0,0,0,0.15) !important;
border-top: 1px solid rgba(0,0,0,0.07) !important;
background: #fff;
}
.footer-tag {
height: auto;
text-align: right;
color: #fff;
padding: 0px 10px 10px 10px;
}
.footer-tag a{font-family:iransans;padding:5px 5px 5px 5px;margin:2px;float:right;color:#e0e0e0;font-size:13.3px;background:#545454;width:auto;}
.footer-tag a:hover{background:#494949;}
.footer-user{height:auto;text-align:right;color:#fff;padding: 0px 10px 10px 10px;}
.footer-user a{font-family:iransans;padding:5px 5px 5px 5px;margin:2px;float:right;color:#e0e0e0;font-size:13.3px;background:#545454;width:auto;}
.footer-user a:hover{background:#494949;}
.footer-about{height:auto;text-align:right;color:#fff;padding: 0px 10px 10px 10px;}
.footer-about h2{font-family:iransans;padding:2px 5px 2px 5px;margin:2px;float:right;color:#e0e0e0;font-size:13.3px;text-align:justify;}
.footer-title {
font-family: iransans;
padding: 0px 0px 5px 5px;
/* margin: 5px 0px 5px 5px; */
/* font-size: 15px; */
/* margin: -13px 0px 5px; */
/* color: #707070; */
font-weight: 700;
font-size: 15px;
margin: -13px 0px 5px;
color: #707070;
text-align: right;
}
.footer-widget li {
line-height: 27px;
list-style: disclosure-closed;
margin-right: 12px;
text-align: right;
font-size: 12px;
font-family: iransans !important;
color: #888;
}
.footer-address {
text-align: right;
font-size: 12px;
font-family: iransans !important;
color: #555;
}
.footer-address i {
margin: 0 7px;
text-align: ;
float: ;
font-size: 15px;
}
.footer-address .fphone2 {
text-align: ;
float: ;
display: ruby;
margin: 8px;
text-align: ;
float: ;
font-weight: 500;
font-size: 12px;
}
.pot {
font-family: iransans;
font-size: 12px;
float: right;
height: auto;
color: #707070;
margin: 2px 0px 2px 0px;
text-align: right;
border-radius: 3px;
padding: 2px 5px 2px 5px;
font-weight: 900;
}
.footer-widget {
margin: 50px 0 10px 0;
}
.footer::before {
top: -15px;
right: -65px;
border-radius: 50px 0 0 0;
transform: rotate(-36deg);
transform-origin: right top;
background: #f3f6fb;
content: '';
position: absolute;
height: 270px;
z-index: 2;
width: 270px;
}
.footer::after {
top: 130px;
left: -65px;
border-radius: 0 0 50px 0;
transform: rotate(-36deg);
transform-origin: left bottom;
background: #9bcc43;
background: -moz-linear-gradient(90deg,#6788ea,#68bcf7);
background: -webkit-linear-gradient(90deg,#6788ea,#68bcf7);
background: linear-gradient(90deg,#6788ea,#68bcf7);
content: '';
position: absolute;
height: 265px;
z-index: 2;
width: 263px;
opacity: .3;
}
.link-foot{font-family:tahoma;font-size:11px;height:auto;color:#fff;margin:5px 0px 0px 0px;text-align:right;padding:5px 5px 5px 5px;}
.cop{font-family:iransans;font-size:12px;height:auto;color:#fff;margin:0px 0px 0px 0px;text-align:right;padding:3px 5px 2px 5px;}
.copyright {
font-family: iransans;
font-size: 15px;
height: auto;
color: #ED4C67 !important;
text-align: right;
line-height: 55px;
}
.copyright:hover {
color: #ED4C87;
}
.wp-pagenavi {
width: auto;
background: #fff;
clear: both;
margin: 0 auto !important;
direction: rtl;
height: auto;
text-align: left;
font-size: 13px;
border: none !important;
margin: 25px auto 6px !important;
text-align: center !important;
border-radius: 2px;
box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
clear: both;
}
.pagination a {
background: #f1f1f1;
color: #666;
font-family: iransans;
font-size: 14px;
border-radius: 3px;
padding: 3px 10px 3px 10px;
margin: 5px 0px 5px 5px;
position: relative;
float: left;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.5;
color: #2c3e50;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination a:hover {
background: #68bcf7;
color: #fff;
}
.pagination span {
border-radius: 3px;
z-index: 2;
color: #fff;
cursor: default;
background-color: #6788ea;
}
.tooltip{
display: inline;
position: relative;
font-family:iransans;
font-size:12px !important;
}
.tooltip:hover:after{
background: #606060;
border-radius: 3px;
bottom: 26px;
color: #fff;
content: attr(title);
left: 15%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 125px;
}
.tooltip:hover:before{
border: solid;
border-color: #606060 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
}
.basket {
background: rgba(245, 0, 87 , .8) !important;
border-radius: 5px;
font-size: 15px;
padding: 10px 12px;
z-index: 9999;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
position: fixed;
left: 2%;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: all .2s;
transition: all .2s, -webkit-transform .2s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: transform;
backface-visibility: hidden;
bottom: 40px;
}
.basket .icon {
float: right;
font-size: 30px;
color: #fff;
}
.basket.fly {
bottom: 20px;
animation-duration: 0.5s;
animation-name: flyan;
animation-iteration-count: 5;
}
.basket:hover {
box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
}
.basket .product_counter {
font-family: iransans;
background: tomato none repeat scroll 0 0;
border-radius: 50px;
display: inline-block;
font-size: 15px;
margin-right: 5px;
padding: 2px 7px 0;
position: absolute;
right: -10px;
text-align: center;
top: -6px;
color: #fff;
}
/* custom pagenavi */
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none !important;
padding: 4px 10px !important;
margin: 2px;
}
/* custom thumbnail */
.post img:hover {
opacity: .5;
}
/* custom css */
.nocomments {
display: none;
}.box-separator {
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding: 25px;
margin: 60px auto;
font-family: iransans;
}
.box-sep_holder {
height: 1px;
position: relative;
flex: 1 1 auto;
min-width: 10%;
}
.box-sep_line {
height: 1px;
border-top: 2px solid #4c5053;
display: block;
position: relative;
width: 100%;
top: 0 !important;
}
.box-separator h4 {
font-size: 14px;
color: #fff;
padding: 9px 14px;
background: #4c5053 none repeat scroll 0 0;
line-height: 1em;
margin: 0;
word-wrap: break-word;
flex: 0 1 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post-page-title {
padding: 8px;
}
.post-page-title h1 {
font-size: 17px;
font-weight: 900 !important;
padding: 8px 0 0 0;
}
.post-tag a {
margin-right: .3125rem;
font-size: 12px;
line-height: 20px;
background: rgba(20,166,223,.24);
padding: 5px 11px 3px;
border-radius: 20px;
margin-top: 3px 0 0 0 !important;
display: inline-block;
color: #666;
}
.post-tag a:hover {
background: #C5C5C5 !important;
color: #FFF !important;
}
.entry ol li {
list-style: unset !important;
padding: 3px 1px;
margin: 3px 27px;
}
.entry ul li {
list-style-image: none;
margin: 3px 27px;
}
.entry ul li::before {
font-family: 'ikwebicons';
font-size: 15px;
content: "\e931";
color: #6788ea;
margin-left: 7px;
vertical-align: middle;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
width: 100%;
background-color: #f6f6f6;
color: #6788ea;
font-size: 15px;
padding: 0.6em 2.4em 0.6em 1em;
position: relative;
margin: 10px 0px;
font-size: 16px;
line-height: 1.7em;
font-weight: bold;
border-radius: 5px;
}
.entry h1::before {
color: #6788ea;
content: "\271a";
font-family: fontawesome-webfont;
font-size: 21px;
margin: -5px;
position: absolute;
right: 16px;
top: 13px;
}
.entry h2::before {
color:#6788ea;
content: "\2926";
font-family: fontawesome-webfont;
font-size: 25px;
margin: -3px;
position: absolute;
right: .6em;
top: .4em;
}
.entry h3::before {
color: #6788ea;
content: "\2718";
font-family: fontawesome-webfont;
font-size: 22px;
margin: 0px;
position: absolute;
right: .6em;
top: .4em;
}
.entry h4::before {
color: #6788ea;
content: "\2771";
font-family: fontawesome-webfont;
font-size: 25px;
margin-left: 3px;
position: absolute;
right: .6em;
top: 7px;
}
.entry h5::before {
color: #6788ea;
content: "\2756";
font-family: fontawesome-webfont;
font-size: 25px;
margin: -4px -12px;
position: absolute;
right: 22px;
top: .4em;
}
.entry h1 {
font-size: 19px;
line-height: 1.7em
}
.entry h2 {
font-size: 17px;
line-height: 1.7em
}
.entry h3 {
font-size: 17px;
line-height: 1.5em
}
.entry h4 {
font-size: 16px;
line-height: 1.5em
}
.entry h5 {
font-size: 13px;
line-height: 2.6em;
padding-right: 42px;
}
.entry h6 {
font-size: 13px;
line-height: 3.6em;}
.box.warning {
padding: 20px;
border: 0;
width: 100%;
margin: 10px auto;
box-shadow: 0px 0px 3px 0px #bbbbbb;
transition: .5s;
}
.box.warning:hover {
background: #5b5b5b;
}
.box.warning p {
padding-right: 85px;
line-height: 30px;
}
.attachment-138x139.size-138x139.wp-post-image {
border: 1px solid #D9D9D9;
}
.attachment-138x139.size-138x139.wp-post-image:hover {
opacity: .5;
}
.post-tag i {
font-size: 20px;
margin-left: 10px;
vertical-align: middle;
}
.content {
font-family: iransans;
font-size: 12px;
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px #bbbbbb;
box-shadow: 0px 0px 3px 0px #bbbbbb;
width: 99%;
float: right;
padding: 5px;
margin: 8px 1px 8px 0px;
height: auto;
}
.content p {
width: 97%;
padding: 11px;
margin: 2px;
}
blockquote {
background: #f6f6f6;
padding: 1.25rem 4.438rem;
line-height: 2.5;
position: relative;
border-radius: 10px;
}
blockquote::before, blockquote::after {
display: inline-block;
font-family: ikwebicons;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e998";
position: absolute;
left: 1.25rem;
top: 0.25rem;
font-size: 1.938rem;
color: #6788ea;
}
blockquote::after {
left: auto;
top: auto;
right: 1.25rem;
bottom: 0.25rem;
content: "\e998";
}
.get_avatar img {
margin: 0;
padding: 10px;
width: 95px;
}
.get_avatar {
float: right;
}/*right-download*/
.edd_purchase_submit_wrapper {
display: none;
}
.thumbnailshop-img {
width: 100%;
background: #fff;
box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
-o-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
border-radius: 3px;
margin-bottom: 15px;
}
.thumbnailshop-img img {
height: 245px;
margin: 0 0px 10px 0px;
width: 100%;
position: relative;
padding: 15px 10px;
}
.attachment-.size-.wp-post-image:hover {
opacity: .5;
}
#price-button {
font-size: 13px;
color: #111;
background: #e0e0e0;
display: block;
padding: 8px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: iransans;
font-weight: 500;
}
.edd_purchase_submit_wrapper_right a.edd-add-to-cart.edd-has-js {
display: block;
width: 96%;
background-color: #FA5252;
color: #fff;
border: 0;
font-size: 14px;
padding: 8px 0;
font-family: iransans;
padding: 8px 0px;
}
.edd-add-to-cart-label::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
margin-left: 10px;
content: "\f23d" !important;
}
.edd-add-to-cart.plain.blue.edd-submit.edd-has-js:hover {
background: #e74c3c;
}
.edd-btn {
color: #fff;
display: block;
padding: 8px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 8px 0;
font-size: 15px;
transition: all .3s !important;
height: 40px;
background: #3d8e06;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-color: #006500 !important;
}
.edd-btn i {
font-size: 23px;
vertical-align: middle;
}
.edd-btn:hover {
background: #A3CB38;
color: #fff;
}
.market-widget {
border: 1px solid #E5E5E5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FFF;
margin-bottom: 20px;
padding: 10px;
font-family: iransans;
}
.widget_title h4 {
font-size: 14px;
}
.widget_title {
border: 1px solid #E5E5E5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #EEE;
font-size: 13px;
margin: 10px 0;
line-height: 0px;
width: 135px;
height: 40px;
}
.widget_title h4::before {
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
margin-left: 10px;
content: "\e929" !important;
color: #F54F3F;
font-family: ikwebicons;
font-size: 20px;
}
.market-widget .edd-cart-number-of-items {
font-style: normal;
text-align: center;
}
.edd-cart-number-of-items {
font-style: italic;
color: grey;
}
.market-widget .edd-cart {
list-style: none;
}
.market-widget .edd-cart .edd-cart-item {
text-align: center;
margin-top: 10px;
border: 1px dashed #E5E5E5;
border-radius: 5px;
padding: 10px;
}
.market-widget .edd-cart .edd_total {
background-color: #EFEFEF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 10px;
padding: 7px 14px;
text-align: right;
font-size: 13px;
}
.market-widget .edd-cart .edd_total .cart-total {
float: left;
}
.market-widget .edd-cart .edd_checkout a {
color: #fff;
text-align: center;
display: block;
width: 100%;
background-color: #FA5252;
color: #fff;
border: 0;
font-size: 16px;
padding: 6px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 10px;
}
.cart_item.edd_checkout a:hover {
background: #e74c3c;
}
.edd-cart-item-quantity {
display: none;
}
.edd-remove-from-cart {
color: #fa0b0b;
}
#product-demo {
color: #fff;
text-align: center;
display: block;
width: 100%;
background: linear-gradient(90deg,#6788ea,#68bcf7);
color: #fff;
font-size: 14px;
padding: 18px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
font-family: iransans;
line-height: 0;
}
#product-demo i {
vertical-align: middle;
font-size: 18px;
}
#product-demo:hover {
background: linear-gradient(90deg,#68bcf7,#6788ea);
}
#product-details {
border: 1px solid #E5E5E5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FFF;
font-family: iransans;
font-size: 12px;
}
#product-details li {
list-style: none;
border-bottom: 1px solid #E5E5E5;
padding: 10px;
}
#product-details li .fild-name {
font-weight: 70;
}
#product-details li span {
width: 100%;
}
#product-details li .fild-value {
text-align: center;
}
#product-details li:nth-child(2n) {
background-color: #EEE;
}
.kk-star-ratings .kksr-legend {
font-family: iransans !important;
}
/*right-download*/
/*new style in V2.1.1*/
.baseheadleft a {
display: inline-block;
float: left;
width: 115px;
height: 115px;
color: #222;
display: block;
padding: 6px 0;
background: #fafafa;
margin: 5px 3px;
/* background: #fafafa; */
letter-spacing: normal !important;
filter: grayscale(0);
}
.baseheadleft i {
width: 100%;
font-size: 35px;
color: #FFFFFF;
margin: 15px 0 10px 0;
}
.baseheadleft span {
font-size: 14px;
}
.baseheadleft a:hover {
border-radius: 10px;
}/*new style in V2.1.1*/
-
سلام
من مشغول شخصی سازی یک پوسته جدید برای سایتم هستم
فوتر سایت ب صورت دو ستونه هست:
اما من میخوام به این شکل باشه: (تصویر زیر رو با فتوشاپ درست کردم)
کدهای فوتر:
<!---footer--->
<div class="footer">
<div class="container">
<div class="row"><?php global $data; if($data['newsletter-show'] == 1){ ?>
<div class="footer-newsletter"> <img src="<?php echo get_bloginfo('template_directory');?>/images/maili.svg" class="name" width="50" height="50"><span class="footer-newsletter-text">مشترک خبرنامه ما شوید و به <?php echo do_shortcode('[mailpoet_subscribers_count]');?> مشترک ما بپیوندید .</span><?php echo do_shortcode('[mailpoet_form id="1"]'); ?> </div>
<?php } ?>
<?php
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-sidebar')):
endif; ?>
</div></div></div>
<div class="footer-copy">
<div class="container">
<div class="row">
<div class="col-xs-12 col-lg-6 pot">
<?php $ikweb = $data['copyrights_text']; if(isset($ikweb) && !empty($ikweb)) { ?>
<span style="line-height: 17px;"><?php global $data; echo $data['copyrights_text']; ?></span>
<?php } else { ?>
<a rel="follow" class="copyright" href="https://kaffeketab.ir/"></a>
<span>Design By:</span>
<a rel="follow" class="copyright" href="https://kaffeketab.ir/">
کافه کتاب
</a>
<?php }?>
</div>
<div class="col-xs-12 col-lg-6 sociallinks">
<ul class="socials">
<?php $mid_var = $data['fb_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['fb_link']; ?>" target="_blank"><i class="icon-facebook-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['google_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['google_link']; ?>" target="_blank"><i class="icon-google-plus-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['instagram_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['instagram_link']; ?>" target="_blank"><i class="icon-instagram"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['telegram_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['telegram_link']; ?>" target="_blank"><i class="icon-telegram"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['tw_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['tw_link']; ?>" target="_blank"><i class="icon-twitter-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['yt_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['yt_link']; ?>" target="_blank"><i class="icon-youtube-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['linkdin_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['linkdin_link']; ?>" target="_blank"><i class="icon-linkedin-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['whatsapp_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['whatsapp_link']; ?>" target="_blank"><i class="icon-whatsapp-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['pinterest_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['pinterest_link']; ?>" target="_blank"><i class="icon-pinterest-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></i></a></li>
<?php endif;?>
<?php $mid_var = $data['aparat_link']; if(isset($mid_var) && !empty($mid_var)) : ?>
<li><a href="<?php global $data; echo $data['aparat_link']; ?>" target="_blank"><img src="<?php echo get_bloginfo('template_directory');?>/images/aparat.png" alt="آپارات"></a></li>
<?php endif;?>
<li class="rss"><a href="<?php bloginfo('url'); ?>/feed" target="_blank"><i class="icon-rss1"></i></a></li>
</ul>
</div>
</div></div></div>
<!---footer--->
<?php
$cart_items = edd_get_cart_contents();
$cart_quantity = edd_get_cart_quantity();
$display = $cart_quantity > 0 ? '' : ' style="display:none;"';
?>
<?php global $data; if($data['cart-show'] == 1){ ?>
<a href="<?php bloginfo('url'); ?>/سبد-خرید/">
<div class="basket"> <span class="icon"><i class="icon-shopping-basket"></i></span> <span class="product_counter">
<?php echo $cart_quantity; ?></span> </div>
</a>
<?php } ?>
<script src="<?php echo get_bloginfo('template_directory');?>/js/ikbootstrap.js"></script>
<?php global $data; if ($data['sproduct_show'] == 1 ) { ?>
<script async src="<?php echo get_bloginfo('template_directory');?>/js/tab.js" type="text/javascript"></script>
<?php } ?>
<?php wp_footer(); ?>
<?php global $data; if($data['slider_showw'] == 1){ ?>
<script src="<?php echo get_bloginfo('template_directory');?>/js/slick.min.js"></script>
<script type="text/javascript">
$('.slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
dots: true,
});
</script>
<?php } ?>
<?php global $data; if($data['wow'] == 1){ ?>
<script src="<?php echo get_bloginfo('template_directory');?>/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<?php } ?>
</body>
</html>اساتید گرامی لطفا این کدها رو برام ویرایش کنید و همینجا بفرستید تا کپی کنمشون تو قالب
تشکر
-
سلام
متاسفانه فونت متن سایدبار فوتر خیلی کوچیک شده خودبخود
اینجا رو ببینید کافه کتاب
اون زیر که نوشته «کتابهای پیشنهادی» و بغلش که نوشته «محبوبترین کتابها» ده تا مطلبی که زیرش رندوم نشون میده ریز شده
-
ضمن تشکر از شما ولی نتونستم متوجه بشم فارسی نبود
ببینید من دنبال کد css یا جاوااسکریپت نیستم. فقط یه تکه کد html میخوام که یه دونه عکس رو وقتی موس میره روش تبدیل کنم به یع عکس دیگه.
-
درود
دوستان من دو تا عکس دارم. میخوام توی حالت عادی عکس شماره 1 نشون داده بشه و ووقتی موس میره روش، عکس تغییر کنه و عکس شماره دو نشون داده بشه.
ضمنا عکس دوم لینک خور هم باشه. یعنی بشه روش کلیک کرد و وارد صفحه دلخواه شد.
ترجیحا کد html باشه
ممنون میشم راهنمایی کنید
-
تشکر میکنم
مشکل با راهنمایی دوستان حل شد
-
ببینید من نمیخوام کل تیترهای پستهام سایزش تغییر کنه. فقط میخوام اون تیتر ابزاریک پایین رو تغییر بدم
-
تشکر از پاسختون. این رو باید آخر css کپی کنم؟
-
سلام
یه صفحه از سایت من رو ببینید (مثلا اینجا : کافه کتاب yon.ir/goc39)
اگه دقت کنید اون پایین صفحه زیر باکس نظرات، دو تا سایدبار هست یکی زده«کتابهای پیشنهادی» یکی زده «محبوبترین کتابها». اینا رو با افزونه Advanced Random Posts Widget گذاشتم اونجا و جایگاهشونم توی ورد پرس از طریق این شاخه ست:
نمایش > ابزارک‌ها > first bottom widget area
من چطور میتونم فونت تیتر این دو ستون و فونت محتویات زیرش رو کوچیک یا بزرگ کنم؟
ممنون میشم کمکم کنید
-
با کمک آقای علیزاده عزیز این مشکل به کل حل شد. سپاسگزارم
-
در 7 ساعت قبل، miladalizadeh گفته است :
طبق قوانین انجمن، پشتیبانی محصولات تجاری باید توسط سازندش انجام بگیره برای همین اینجا نمیتونم راهنماییتون کنم
خصوصی در تماس باشید تا عرض کنم خدمتتون
موفق باشید
لهتون پیام میدم الان
-
در 7 ساعت قبل، miladalizadeh گفته است :
وقت بخیر
کد های css این بخش که فرمودین به شرح زیر هستش
text-align: center; font-family: tahoma; font-size: 13px; color: rgb(255, 255, 255); background-color: #7d4e02;اینارو حذف کنین و کد css زیر رو قرار بدین
text-align: center; font-family: tahoma; font-size: 13px; color: rgb(255, 255, 255); position: absolute; z-index: 999; right: 800px; top: 11px; }موفق باشید
متاسفانه اون کد اول که فرمودید، در css مبود
من کل css رو براتون پیام خصوصی میکنم لطفا اگه وقت داشتید برام اصلاحش کنید. اگر هم نشد فدای سرتون.
مچکرم <3
-
سلام
من برای ورود به سایت از افزونه profile builder استفاده میکنم.
مشکلی که هست وقتی کاربر وارد سایت میشه، با این پیغام مواجه میشه:
You are currently logged in as ........ .
و وقتی ثبت نام میکنه این پیام میاد:
The account ........ has been successfully created!
من میخوامم این پیام ها رو به شیوه دلخواه عوض و فارسی کنم. میشه بگید دقیقا وارد کدوم فایل ازر فایلهای افزونه بشم و این متون رو به صورت دستی ترجمه کنم؟
-
در 6 ساعت قبل، miladalizadeh گفته است :
وقت بخیر
position: relative واسش قرار بدین سپس با top و left و right بهش مسیر بدین
ولی این روش صرفا برای حل صورت مسئاله هستش اگه کدتونو استاندارد بنویسین همچین مشکلی نخواهد داشت و با float دادن میتونین مشکلو حل کنین
موفق باشید
سلام
سپاس از این که برای حل مشکل من وقت گذاشتید
من یکم مبتدی هستم. میشه بگید این تغییرات رو در کدهای کدوم بخش باید انجام بدم؟ اگه کدها رو اینجا براتون بفرستم شما برام درستش میکنید؟
مچکرم
در 5 ساعت قبل، پویه گفته است :سلام
از افزونه های تنظیم منوی ناوبری ( مثلا افزونه WP Notification Bar ) استفاده کن....
سلام. تشکر از این که برای حل مشکل من وقت گذاشتید
دارم سعی میکنم با کد نویسی درستش کنم و اگه نشد برم سراغ افزونهو سپاس
-
منم هرکاری کردم نشد
-
سلام
سایت ورزش سه رو اگه دیده باشید بالای سایت سمت راست در سطر اول، فهرست (منو) های سایت رو قرار داده. درست روبروش و در سمت چپ تاریخ رو قرار داده
من هرکاری میکنم نمیتونم روبروی فهرستم تاریخ رو قرار بدم. الان تاریخ یک سطر بالاتر از فلهرست ها قرار داره. کمک میکنید؟
لینک سایتمم تو امضام هس
تنظیم فاصله پاراگرافها در css
در مشکلات دیگر
ارسال شده در · ویرایش شده توسط soshiant
حتما
کافه کتاب