رفتن به مطلب

قراردادن چند text placeholder در یک خط


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

باسلام من کلا در وردپرس تازه کارم در برنامه آموزشی کاترینا Create An Ecommerce WordPress Website GENESIS 2014 - Beginner To Pro- Tutorial آیتم های متنی که اضافه میکند بصورت افقی و در یک خط قرار میگیرند درصورتی که برای من در هربار آزمایش همیشه بصورت عمودی قرار میگیرند و گزینه خاصی راهم برای تغییر آن پیدا نگردم . اساتید محترم لطفن راهنمایی فرمایند.

لینک به ارسال

باسپاس از شما بزرگواراز

یعنی موقع استقاده از ویجت های تکست و قتی میخوام چندتا ویجت تکست بصورت افقی کنار هم قرار بگیرند چیکار کنم؟ من که انجام میدم بصورت عمودی روی هم قرار میکیرند.

لینک به ارسال

اون بخشی رو که placeholder ها رو درش قرار دادم Home middle است که بخش مربوط به اون در style.css به این صورت اومده:

#home-middle {

background: url(images/home-middle-bg.png) repeat-y center;

float: none;

margin: 30px 0 0 0;

text-shadow: #FFFFFF 1px 1px;

text-align: center;

}

#home-middle .wrap {

padding: 15px 0 5px 0;

}

#home-middle .alignleft {

margin: 0 2px 10px 2px;

}

#home-middle img {

background: #FFFFFF;

padding: 5px;

border-left: 1px solid #D7DBE0;

border-right: 1px solid #D7DBE0;

border-top: 1px solid #D7DBE0;

border-bottom: 1px solid #B6BCC3;

}

#home-middle a:hover img {

background: #8199A9;

}

#home-middle .home-middle-top {

background: url(images/home-middle-top.png) no-repeat;

width: 940px;

height: 4px;

}

#home-middle .home-middle-bottom {

background: url(images/home-middle-bottom.png) no-repeat;

width: 940px;

height: 4px;

}

#home-middle h4 {

font-size: 20px;

font-weight: normal;

margin: 10px 10px 10px 0;

text-align: auto;

text-shadow: #FFFFFF 1px 1px;

line-height: 20px;

width: 940px;

}

لینک به ارسال

پس خودتون از صفحه سورس کد بگیرید و کلاس ابزارکهای مورد نظرتون رو پیدا کنید بعد در style.css بهشون خاصیت را بدید مثلا برای کلاس widget باید کد زیر رو اضافه کنید


.widget {display:inline-block;}

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...