آيا امكان تعريف چند بك گراند مختلف براي سايت موجود است ؟
مثلا براي همين قالب usv علاوه بر اون page-BgGlare كه در بالا لود ميشه من دوست دارم يه تصوير مثلا page-Bgfooter.png هم در پايين به صورت تكرار در عرض به كار بگيرم.
من در استايل اينگونه تعريف كردم :

.usv-PageBackgroundGlarefooterImage{background-image:url('../images/Page-Bgfooter.png'); background-repeat:repeat-x; height:148px; width:200px; margin:0; background-attachment: fixed; background-position: bottom left}

بعدش در فايل Header.html اينگونه معرفي كردم :

<div class="usv-PageBackgroundGradient"></div>
<div class="usv-PageBackgroundGlare">
<div class="usv-PageBackgroundGlarefooterImage">
<div class="usv-PageBackgroundGlareImage"></div></div>
</div>

اما عكس لود نميشه .
آيا براي به كارگيري در بك گراند در نوع فايل jpg يا png فرقي داره ؟
در استايل غير از اين بايد كد ديگه اي هم نوشت؟

فرقی نمی کند که از فایل jpg استفاده کنید یا png . در مورد بک گراند هم اگر منظورتان کل صفحه است فقط یک پشت زمینه می تواند داشته باشد اما اگر یک محدوده را بخواهید تغییر دهید باید از div استفاده کنید و پشت زمینه اش را تغییر دهید.

آقا پیمان
اگه فرصت کردی در مورد این سئوال و اون مورد بک گراند متغیر آموزش بدی ممنون میشم

جان آقا پیمان
چشم به روی چشم
من مراقب این پست بودم دیدم دیگه سوال نکردی چیزی نگفتم
الان اگر نیاز داری توضیح بدم ؟

خوب دوست من برای ساخت چند بگراند برای قالب باید قالب را خودت طراحی کنی
میدونی چرا ؟
نگاه کن برای ساخت چند بگراند باید هر عکس را دقیق کنار هم قرار بدی که با ادیت نمیشه
یعنی اول عکس ها را کنار هم قرار میدی بعد قالب اصلی را روش سوار میکنی
یا میتونی بگراند را بسازی و استاتیل را جدا کنی و به جای کد بگراند قالب بگذاری
اینکار شدنی است اما در ویرایش فقط خودت را خسته میکنی
اما اگر بخوای که بگراند مختلف باشه باید بگراند را راندوم کنی
که کار آسونی است
باید کد بگراند را اسکریپ بدهی و آدرسش را به اسکریپ مربوطه بدی
اسکریپ مورد نظر هم توی سایت های ارائه دهنده موجود است
امدیوارم کمکی کرده باشم
واقعا معذرت میخواهم از این همه تاخیر
قربانت
یا علی

کد بالا هم کلا اشتباه است
چون شما وقتی کد class میزنی باید قبل اسم نقطه یا همون ( . ) بزاری
برای id باید # بزاری
بعد هم اسم کلاس باید برابر اسم استاتیل باشد
اگر هم میخوای یک استاتیل را چندبار تکرار کنی یا بگراند باید آن را چند با کپی پیست کنی و اسمش با بقیه فرق کند
در ضمن من برای اینکه بفهمم باید چکار کنم یا چی بگم باید بدونم شما چکار میخوای بکنی
آخر چند بگراند زیاد یا اصلا استفاده نمیشود

ضمن تشكر از لطفت

من اين نمونه طراحي رو ديدم:
http://demo.creativeblogdesigns.com/?wp ... weet+Diary
كه در بالا يك عكس ثابت داره
در پايين سايت هم يك تصوير ديگر

من همچين چيزي مي خوام درست كنم . حالا اگه منظورم رو بد رسوندم شايد با اين عكس بهتر بشه !

می بایست در footer.html قالب این کدها رو قرار بدهید :

کد: انتخاب همه

<style type="text/css">

#footer {
   width: 1100px;
   height: 221px;
   margin: 0 auto;
   overflow: hidden;
   text-align: left;
   background: url('http://demo.creativeblogdesigns.com/wp-content/themes/my-sweet-diary/images/footer.jpg');
}

#footer p {
   margin: 190px auto auto 190px;
   color:#516999;
   font-size: 13px;
}

#footer p a {
   color:#516999;
   font-size: 13px;
   text-decoration: none;
}
</style>

<div id="footer">
<p>[copyright]</p>
</div>


ضمن تشکر از لطفت
من کدها رو در انتهای فایلی که گفته بودی قرار دادم و به شکل زیر درآمد :
http://ample.se/share-ADBA_4B719451.html

حالا سئوالم اینه برای اینکه عکس مورد نظر تمام عرض صفحه رو بگیره ( با علامت ضربدر قرمز مشخص کردم ) باید چیکار کرد ؟
2- برای اینکه عکس به زیر کار بره و فاصله ای که با رنگ سبز مشخص کردم نباشه باید چی کار کرد ؟

باید از این کد استفاده کنید :

کد: انتخاب همه

#footer {
   width: 1100px;
   height: 221px;
   margin: 0 auto;
   overflow: hidden;
   text-align: left;
   background: url('http://demo.creativeblogdesigns.com/wp-content/themes/my-sweet-diary/images/footer.jpg');
background-repeat:repeat-x;
}


شما دقیقا باید فایل footer.html با این محتوا داشته باشید :

کد: انتخاب همه

   </div><div class="clear"><!-- --></div><style type="text/css">

#footer2 {
   width: 1100px;
   height: 221px;
   margin: 0 auto;
   overflow: hidden;
   text-align: left;
   background: url('http://demo.creativeblogdesigns.com/wp-content/themes/my-sweet-diary/images/footer.jpg');
}

#footer2 p {
   margin: 190px auto auto 190px;
   color:#516999;
   font-size: 13px;
}

#footer2 p a {
   color:#516999;
   font-size: 13px;
   text-decoration: none;
}
</style>

<div id="footer2">
<p>[footer_message]</p>
</div>

خيلي ممنون
منتهي مشكلي كه روش فوق هم داره اينه كه اولا اون بخش پاييني فوتر اصلي سايت حذف ميشه و همچنين عرض صفحه رو 1100 در نظر گرفته و از چپ پر ميكنه تا به 1100 برسه . البته من 100% هم كردم ولي دوباره فقط همون قسمت پايين جدول اصلي سايت پر شد .

http://ample.se/share-303F_4B725135.html

من دقيقا مي خوام يه عكس زير همين بخش فوتر سايت قرار بگيره .