رفتن به مطلب
xdcam

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

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

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

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


لینک به ارسال

به انجمن خوش اومدی.

بیشتر توضیح میدین؟

یعنی چی چند placeholder در یه خط؟

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


لینک به ارسال

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

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

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


لینک به ارسال

باید استایل widget را از display:block به display:inline-block تغییر بدید

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


لینک به ارسال

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

همانطور که قبلا هم متذکر شدم اینجانب کاملا در این مسیر تازه کارم. این کار رو باید روی فایل style.css انجام بدم؟

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


لینک به ارسال

اون بخشی رو که 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 قرار دهید.


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