قرار دادن چند تصویر در کنار هم در css

[yavadood 13]

با سلام خدمت دوستان

میخواستم بدونم چطوری میتونم چند تصویر رو در کنار هم در css مثلا در قسمت هدر ماژول یا بکگراند کنار هم قرار بدم؟

مثلا در قسمت هدر ماژول میخوام 3تا تکه عکس رو در کنار هم قرار بدم به اینصورت که تصویر 1 یکبار تکرار بشه و تصویر 2 در وسط قرار بگیره و به نسبت طول ماژول تکرار بشه و تصویر آخری رو هم در آخر قرار بگیره و یکبار تکرار بشه.

و مثلا در بکگراند یک تصویر در بالا قرار بگیره و فقط در سطر x تکرار بشه و تصویر بعدی در زیر قرار بگیره و به صورت xوy تکرار بشه.

خواهشا با مثال یکی اینو برام توضیح بده هر جوری فک میکنم نمیدونم چطور کدها رو بنویسم که در کنار هم یا در زیر هم اجرا بشه.

ممنونم

موفق و پیروز باشید

یا علی

[reza.sh 19]

دقیقا یک معما طراحی کردید ...!؟ حداقل یک نمونه لینک بذارید تا دمویی به صورت عکس قرار بدید .....

[amirparvaneh 100]

درود

یکمی گیج کننده بود.اگه تصویری یا نمونه ای دارید معرفی کنید تا بهتر بشه راهنمایی کرد

[yavadood 13]

سلام دوستان

میخوام به اینصورت که تو این عکس ها گذاشتم در بیآد:

نمونه ماژول:

نمونه بکگراند سایت:

ممنون

یا علی

ویرایش شده در بهمن 92 توسط yavadood

[ابوالفضل طالبی 279]

برای اینکه بتونید هدر ماژول را customize خودتون کنید باید از قابلیت overide استفاده کنید و نیاز هست کاملا با بحث طراحی قالب آشنا باشید

در پوشه html در قالب پیشفرض شما فایلی به نام modules.php هست که با توابع داخل اون میتونید استایل اختصاصی برای هدر و فوتر ماژول پیاده سازی کنید

[yavadood 13]

برای اینکه بتونید هدر ماژول را customize خودتون کنید باید از قابلیت overide استفاده کنید و نیاز هست کاملا با بحث طراحی قالب آشنا باشید

در پوشه html در قالب پیشفرض شما فایلی به نام modules.php هست که با توابع داخل اون میتونید استایل اختصاصی برای هدر و فوتر ماژول پیاده سازی کنید

سلام عزیز ممنون که جواب دادی

اما داداش من کاملا میتونم هدر ماژول رو تنظیم کنم و هر چی میخوام میتونم بزارم ولی نمیدونم چطوری 3تا تصویر رو اونطوری پشت هم قرار بدم تو هدر ماژول و چطوری 2تا تصویر رو زیر هم در بکگراند بزارم

فهمیدی عزیزgift

ممنون

یا علی

[ابوالفضل طالبی 279]

هدر ماژول باید 3 تا div بشه به همین دلیل اون توضیحات رو دادم .. اگر میتونید 3 تا div کنید دیگه کاری نداره که

[yavadood 13]

سلام عزیز

کد که داخل فایل module.css هست اینه:

.mod-box-header .module-title {
margin: -15px -15px 10px -15px;
padding: 13px 15px 11px 15px;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #d1d1d1;
background: url("../images/cpi_h3.png") repeat-x scroll right top transparent;
}

و در این قسمت background: url("../images/cpi_h3.png") repeat-x scroll right top transparent آدرس تصویر رو قرار میدم و تصویر رو هدر ماژول میآد اینجا چه جوری کنم؟ شرمنده نمیدونم چیکار کنم و گفتین 3تا div بزارم نمیدونم چطوریه؟

[yavadood 13]

سلام به دوستان

آقا یکی نیست یه لطف کنه یه مثال عملی بزنه در مورد کد ها؟

ممنون

یا علی

[blazhel 16]

دوست عزیز راحترین راه فهم موضوع اینه برای مثال شما می خواهی 3 تا تصویر برای موقعیت تیتر ماژول قرار بدی؟

در حالت عادی شما فقط یک تصویر میتونید قرار بدید؟پس راه حل چیه یا تصاویر رو ادغام کنید که تو توضیحات شما این مورد نمی شه

در حالت دوم که مربوط به توضیحات بالا می شه اینکه شما تیتر ماژول رو 3 تا دایو تو در تو برای مثال قرار بدی وبه هر دایو یک تصویر اختصاص بدی

[amin1 10]

سلام

دوست عزیز چرا از بنر متحرک استفاده نمی کنید این که خیلی بهتره

[yavadood 13]

سلام

ممنون بلاژه عزیز

فقط من نمیدونم چطور div رو قرار بدم؟

ممنون

یا علی

[yavadood 13]

سلام

دوست عزیز چرا از بنر متحرک استفاده نمی کنید این که خیلی بهتره

سلام

بنر متحرک دیگه چیه؟