رفتن به مطلب
M4hdi

مشکل با طراحی نظرات قالب وردپرس

پست های پیشنهاد شده

سلام دوستان

من یه قالب طراحی کردم و رسیدم به بخش دیدگاه ها

حالا دیدگاه ها رو طراحی کردم اما وقتی روی "پاسخ" کلیک میکنم که به کسی پاسخ بدم پهنای بخش نظرات یکم بیشتر میشه و باعث میشه سایدبار سایت بره پائین یا بالا ...

کد های بخش نظرات


#comments{
display: table;
width: 400px;
float: right;
}
#comments p {
margin: 10px 0px 10px 0px;
font: 13px/22px Tahoma;
color: #555;
}
h3#comments-title {
display: none;
}
.commentlist {
margin: 0 0 0 0;
padding: 0 5px 0 0;
list-style: none;
}
.commentlist li.comment {
line-height: 22px;
margin: 0 0 15px 0;
padding: 0 0 0 0px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul, #comments .comment-body ol {
margin-bottom: 15px;
}
#comments .comment-body blockquote p:last-child{
margin-bottom: 15px;
}
.commentlist .avatar {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-right: 10px;
width: 40px;
height: 40px;
vertical-align: middle;
margin-bottom: 2px;
}
.comment-author {
padding: 5px;
display: block;
background: #2c3e50;
}
.comment-author cite {
font: 16px Segoe UI;
margin-right: 10px;
color: #fff;
}
.comment-author .says {
display: none;
}
.fn, .fn a:link, .fn a:hover, .fn a:visited {
font-family: Segoe UI;
font-size: 16px;
text-decoration: none;
}
.comment-meta {
display: none;
}
.comment-meta a:link, .comment-meta a:visited {
text-decoration: none;
}
.reply {
text-align: right;
margin:30px 5px 30px 0px;
font-family: Yekan,FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 16px;
}
.comment-reply-link {
background: #2c3e50;
color: #fff;
padding: 1px 5px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
.comment-reply-link:hover {
box-shadow: inset 100px 0 0 #000;
color: #fff;
}
.comment-reply-link:before {
content:"\f086";
margin: 0 0 0 5px;
}
.commentlist .children {
list-style: none;
margin: 0;
}
/* Children */
.commentlist .children li {
border: none;
margin: 0;
}
.nocomments {
display: none;
}
#comments .pingback {
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
font-size: 12px;
line-height: 18px;
display:block;
margin: 0;
}
#comments .pingback .url {
font-style: normal;
font-size: 13px;
}
/* Comments form */
#respond {
display: table;
float: right;
width: 460px;
}
h3#reply-title {
font-family: Yekan;
font-style: normal;
font-weight: bold;
font-size: 20px;
color: #555;
border-top: 1px solid #999;
padding: 15px 0 0 0;
}
#respond .required {
display: none;
}
#respond .comment-notes {
display: none;
}
.form-allowed-tags {
display: none;
}
.children #respond {
margin: 0 48px 0 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 16px;
line-height: 18px;
font-family: Yekan;
color: #e74c3c;
font-weight: normal;
}
.comment-awaiting-moderation {
font: 16px/22px Yekan;
color: #e74c3c;
}
#respond .required {
display: none;
}
#respond label {
font-family: Yekan;
color: #555;
font-size: 16px;
font-weight: bold;
font-style: normal;
}
#respond input {
width: 450px;
border: 1px solid #f1f1f1;
font: 13px/22px Yekan,Segoe UI;
color: #555;
box-shadow: 0 0 5px #999;
height: 30px;
margin: 5px 4px 0 0;
}
#respond textarea {
width: 450px;
border: 1px solid #f1f1f1;
box-shadow: 0 0 5px #999;
margin: 5px 4px 0 0;
color: #555;
font: 13px/22px Tahoma;
height: 100px;
}
#email {
direction: ltr;
}
#author {
direction: ltr;
}
#respond .form-allowed-tags {
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond input[type=submit] {
font-family: Yekan;
font-size: 16px;
float: left;
margin: 0 0 15px 15px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background: #34495e;
color: #fff;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
#respond input[type=submit]:hover {
box-shadow: inset 120px 0 0 #000;
-webkit-box-shadow: inset 120px 0 0 #000;
-moz-box-shadow: inset 120px 0 0 #000;
}
#respond .form-submit {
margin: 0;
}
#respond .form-submit input {
width: auto;
font-size: 16px;
}
#respond dl {
margin: 0 0 10px;
}
#respond dt {
display: inline;
font-weight: normal;
}
#respond dd {
display: inline;
}
.logged-in-as {
font-family: Yekan,Segoe UI;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #555;
}
.postmeta-secondary {
width: 460px;
margin: 0 0 40px; 0;
background: #2c3e50;
padding: 5px;
color: #fff;
font-family: Yekan;
font-size: 16px;
font-weight: normal;
font-style: normal;
}

کد های سایدبار (یه سایدبار دارم فقط که اونم سمت چپ مطالب هست


#sidebar {
float: left;
width: 290px;
margin: 0;
padding: 5px;
}
.left-widget {
box-shadow: 0 0 5px #d1d1d1;
-webkit-box-shadow: 0 0 5px #d1d1d1;
-moz-box-shadow: 0 0 5px #d1d1d1;
-khtml-box-shadow: 0 0 5px #d1d1d1;
-ms-box-shadow: 0 0 5px #d1d1d1;
-o-box-shadow: 0 0 5px #d1d1d1;
padding: 0 5px;
}
.left-widget-title {
color: #fff;
font: 18px Yekan;
background: #34495e;
margin: 0 -5px;
padding: 0;
height: 40px;
line-height: 36px;
padding-right: 5px;
border-bottom: 5px solid #222;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-khtml-transition: all 0.5s ease-in-out;
}
.left-widget-title:hover {
box-shadow: inset 290px 0 0 #333;
-webkit-box-shadow: inset 290px 0 0 #333;
-moz-box-shadow: inset 290px 0 0 #333;
-o-box-shadow: inset 290px 0 0 #333;
-ms-box-shadow: inset 290px 0 0 #333;
-khtml-box-shadow: inset 290px 0 0 #333;
}
.left-widget-title:before {
font-family: 'FontAwesome';
content: '\f0a5';
padding-left: 7px;
}
.textwidget {
color: #555;
font: 13px/22px Tahoma;
text-align: justify;
}

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط mohammad1214
      سلام خسته نباشید دوستان 
      یک مشکلی ایجاد شده برای بنده اینکه میخوام مطلبی منتشر کنم دمه انتشار و پیش نمایش تغییرات غیر فعال میشود باید چیکار کنم ؟
    • توسط hossein.hz
      سلام وقتتون بخیر
      من افزونه Slide Anything را در سایتم نصب نمودم ولی بعد از آن متوجه به هم ریختگی افزونه در صفحات سایتم شدم.
      خیلی دوست داشتم از این افزونه تو سایتم به عنوان اسلایدر استفاده کنم؛ افزونه های دیگه را بررسی کردم و متأسفانه، فقط این افزونه به دردم میخوره.
      میشه لطفاً بفرمایید این مسئله چطوری حل میشه، اگر راهی هست چطوری انجام میشه؟ بسیار ممنونم

    • توسط sina_ebrahimi
      سلام 
      من از betheme استفاده میکنم و یک قالبی انتخاب کردم حالا توی این قالب یه دکمه هست به نام buy now  . میخوام حذف کنم .
      چطور می تونم حذف کنم ؟؟؟؟؟

    • توسط amiriii
      سلام
      برای فروش فایل دانلودی تو ووکامرس مسیر فایل رو از رسانه ها میدم به ووکامرس
      کاربر بعد از خرید وقتی رو لینک میزنه در ابتدا بصورت کلید هست ادرس یو ار ال ولی بعد وقتی دانلود منیجر شروع به دانلود میکنه
      مسیر فایل رو روی هاست نشون میده
      اینطوری کلا قابلیت انقضای فایلهام بی معنی میشه
      چون اون لینکو ذخیره کنه هر جا و به هر کس بده میتونه دانلود کنه
      چطور میتونم اون مسیر که فایل دانلود میشه رو بصورت کد گذاری شده نمایش بدم به خریدار

       

    • توسط david7222222222
      چطور میتونم تقویم یک افزونه ی وردپرس رو شمسی کنم ؟ از تقویم این افزونه برای حسابداری و ثبت قرار ملاقات استفاده میشه و باید در نمایش هم کاملا شمسی باشه.لطفا کمک کنید ممنون
×
×
  • اضافه کردن...