yavadood

کد نمایش چند عکس در کنار هم

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

سلام

میخواستم بدونم در CSS چطور میتونم مثلا برای هدر ماژولم اول از یک عکس مثلا img1 در ابتدا استفاده کنم و بعد یک عکس دیگه رو مثلا img2 رو بعدش بیآرم برای نمایش و بسط بدم؟

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

و سوال دیگه و اینکه میتونم روی پس زمینه سایت از خاصیت گرادیانت استفاده کنم؟ و اگه آره آیا روی سرعت لود سایت تاثیر میذاره؟

ممنون

یا علی

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

برای قرار دادن تصویر در ابتدای ماژول و انتهای ماژول باید طراحی قالب بلد باشید و از فایل module.php در پوشه html قالب خودتون بهره ببرید.این نیاز به شناخت طراحی قالب داره

برای پس زمینه هم اگر بخاید یک تصویر در ابتدا قرار بدید باید یک div در قسمت بالا داشته باشید که تصویر خودتون رو داخلش بارگزاری کنید و بعد در ادامه اون یک تصویر را در div دیگر repeat کنید

گرادیانت را هم میتونید از css استفاده کنید و سرعتی نمیگیره

Share this post


Link to post
Share on other sites

سلام tarantino جان ممنون از پاسختون

نگاه کنید من میدونم کجا باید تصویر رو قرار بدم به کد زیر توجه کنید:

.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/img1.png") repeat-x scroll right top transparent;
}

من تو اینجا

background: url("../images/img1.png") repeat-x scroll right top transparent;

فقط بلدم ی تصویر بذارم که بصورت X تکرار بشه . من میخوام که اول ی تصویر تکی بذارم و بعد از اون این تصویر تکرار شه. حالا باید چیکار کنم؟

ممنون

یا علی

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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