M4hdi

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

1 پست در این موضوع قرار دارد

سلام دوستان

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

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

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


#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;
}

0

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط amirhosein-wp
      با سلام خدمت اساتید محترم و دوستان گرامی
      بنده در حال طراحی قالب وردپرس هستم. مشکل بنده اینجاست که هنگام جستجوی ajax، فرایند بدین شکل است که صفحه تیره شده و نتایج به صورت باکس نمایش داده شوند. اما هنگام اسرول نتایج کانتنت صفحه اصلی که پشت نتایج قرار میگیره هم اسرول میشه، میخوام این اسکرول تا پایین فوتر بیاد و فووتر بعدش بچسبه به صفحه و دیگه اسکرول نشه. اگه انیمیشن بهتری هم سراغ دارید بگید بی زحمت تا پیاده سازیش کنم. کد های صفحه زیاده و لینک آنلاین پروژه رو براتون قرار دادم. سپاس فراوان.
      برای شروع عدد 3 را در فرم جستجوی هدر سرچ کنید.
      نامی کنترل
    • توسط sydvza
      سلام من دوتا لینک دارم میخوام در htaccess ساده کنم چطور باید این کار انجام بدم؟
      و چکار کنم که بعد تغییر ارور 404 ندهد.
      my-account/dashboard?pagename=upload&type=554
      products/woocommerce-theme/?tab=discussion
    • توسط vazizi69@yahoo.com
      سلام وقت بخیر 
      دوستان لطفا راهنماییم کنید ممنون میشم 
      من میخوام تو سایت وردپرسی خبری ، امکانی ایجاد کنم که کاربران تو پنل کاربری شون بتونن چند تا کلمات کلیدی بنویسند 
      و  لینک هر خبری که هر کدوم از اون کلمات کلیدی داخل متنش بود رو برای کاربر ارسال کنه 
      مثلا کاربر1 کلمه کلیدی علی دایی رو ثبت میکنه و هر پستی با کلمه علی دایی منتشر شد بهش اطلاع داده میشه 
      مثلا سریعا بعد از انتشار از طریق پیامک به کاربر اطلاع بده 
      آیا افزونه ای هست که بشه ازش استفاده کرد و به این اهداف رسید ؟
      پیشنهاد شما چیه در این باره؟
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط hamid.26
      سلام خسته نباشید ووکامرس فروشگاهم رو پیکربندی کردم اما دکمه ی افزودن به سبد خرید پایین محصولات نمیاد لطفاً کمک کنید بگید چطوری درستش کنم.