نیازی به ثبت نام نیست . با اکانت های گوگل, یاهو ... در نیوک لرن عضو شوید راهنما       
چهارشنبه، 19 اسفند، 1388
ورود | عضویت
nukelearn.com • مشاهده مبحث - به كارگيري چند بك گراند مختلف در سايت

به كارگيري چند بك گراند مختلف در سايت

مديران انجمن: گرافیست و طراح, مدیران انجمن, مدیرکل انجمن

به كارگيري چند بك گراند مختلف در سايت

پستتوسط mojahedat در يکشنبه 18 بهمن 1388 11:52:22

آيا امكان تعريف چند بك گراند مختلف براي سايت موجود است ؟
مثلا براي همين قالب 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 فرقي داره ؟
در استايل غير از اين بايد كد ديگه اي هم نوشت؟

فرهاد

نماد کاربر
mojahedat
عضو نسبتا حرفه ای
عضو نسبتا حرفه ای
 
پست ها : 183
تاريخ عضويت: چهارشنبه 3 مهر 1387 00:00:00
محل سکونت: تهران
تشکر: 37
تشکر شده: 5 بار 3 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط amirhosein در يکشنبه 18 بهمن 1388 13:42:09

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

سید امیرحسین نیکوکار

نماد کاربر
amirhosein
تیم پشتیبان
تیم پشتیبان
 
پست ها : 355
تاريخ عضويت: شنبه 26 مرداد 1387 23:00:00
محل سکونت: کاشان
تشکر: 100
تشکر شده: 53 بار 18 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط mojahedat در دوشنبه 19 بهمن 1388 22:18:29

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

فرهاد

نماد کاربر
mojahedat
عضو نسبتا حرفه ای
عضو نسبتا حرفه ای
 
پست ها : 183
تاريخ عضويت: چهارشنبه 3 مهر 1387 00:00:00
محل سکونت: تهران
تشکر: 37
تشکر شده: 5 بار 3 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط pfndesigen در دوشنبه 19 بهمن 1388 22:31:30

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

پیمان فرهمند کیا

نماد کاربر
pfndesigen
عضو حرفه ای
عضو حرفه ای
 
پست ها : 213
تاريخ عضويت: شنبه 17 مرداد 1388 23:00:00
محل سکونت: مشهد
تشکر: 51
تشکر شده: 45 بار 38 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط pfndesigen در دوشنبه 19 بهمن 1388 23:18:30

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

پیمان فرهمند کیا

نماد کاربر
pfndesigen
عضو حرفه ای
عضو حرفه ای
 
پست ها : 213
تاريخ عضويت: شنبه 17 مرداد 1388 23:00:00
محل سکونت: مشهد
تشکر: 51
تشکر شده: 45 بار 38 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط pfndesigen در دوشنبه 19 بهمن 1388 23:30:19

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

پیمان فرهمند کیا

نماد کاربر
pfndesigen
عضو حرفه ای
عضو حرفه ای
 
پست ها : 213
تاريخ عضويت: شنبه 17 مرداد 1388 23:00:00
محل سکونت: مشهد
تشکر: 51
تشکر شده: 45 بار 38 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط mojahedat در سه شنبه 20 بهمن 1388 14:10:56

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

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

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

فرهاد

نماد کاربر
mojahedat
عضو نسبتا حرفه ای
عضو نسبتا حرفه ای
 
پست ها : 183
تاريخ عضويت: چهارشنبه 3 مهر 1387 00:00:00
محل سکونت: تهران
تشکر: 37
تشکر شده: 5 بار 3 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط Aneeshtan در سه شنبه 20 بهمن 1388 14:56:23

تشکر شده توسط: mojahedat, pfndesigen


می بایست در 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://feeds2.feedburner.com/Nukelearn

فرشاد غضنفری

نماد کاربر
Aneeshtan
مدیر کل سایت
مدیر کل سایت
 
پست ها : 1640
تاريخ عضويت: پنج شنبه 24 مرداد 1387 23:00:00
محل سکونت: مشهد
تشکر: 240
تشکر شده: 723 بار 237 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط mojahedat در سه شنبه 20 بهمن 1388 21:52:43

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

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

فرهاد

نماد کاربر
mojahedat
عضو نسبتا حرفه ای
عضو نسبتا حرفه ای
 
پست ها : 183
تاريخ عضويت: چهارشنبه 3 مهر 1387 00:00:00
محل سکونت: تهران
تشکر: 37
تشکر شده: 5 بار 3 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط pfndesigen در سه شنبه 20 بهمن 1388 22:04:37

باید از این کد استفاده کنید :
کد: انتخاب همه
#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;
}
در کل 1 بار ویرایش شده. اخرین ویرایش توسط pfndesigen در سه شنبه 20 بهمن 1388 22:06:03 .

پیمان فرهمند کیا

نماد کاربر
pfndesigen
عضو حرفه ای
عضو حرفه ای
 
پست ها : 213
تاريخ عضويت: شنبه 17 مرداد 1388 23:00:00
محل سکونت: مشهد
تشکر: 51
تشکر شده: 45 بار 38 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط Aneeshtan در سه شنبه 20 بهمن 1388 22:05:09

تشکر شده توسط: pfndesigen


شما دقیقا باید فایل 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>
نیوک لرن را با عضویت در خبرخوان آن دنبال کنید => http://feeds2.feedburner.com/Nukelearn

فرشاد غضنفری

نماد کاربر
Aneeshtan
مدیر کل سایت
مدیر کل سایت
 
پست ها : 1640
تاريخ عضويت: پنج شنبه 24 مرداد 1387 23:00:00
محل سکونت: مشهد
تشکر: 240
تشکر شده: 723 بار 237 پست
بالا

Re: به كارگيري چند بك گراند مختلف در سايت

پستتوسط mojahedat در چهارشنبه 21 بهمن 1388 09:48:48

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

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

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

فرهاد

نماد کاربر
mojahedat
عضو نسبتا حرفه ای
عضو نسبتا حرفه ای
 
پست ها : 183
تاريخ عضويت: چهارشنبه 3 مهر 1387 00:00:00
محل سکونت: تهران
تشکر: 37
تشکر شده: 5 بار 3 پست
بالا


بازگشت به قالب

چه کسي حاضر است ؟

کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 0 مهمان

cron
اعضای حاضر در سایت کاربر حاضر roham  کاربر حاضر narenj  کاربر حاضر Aneeshtan  کاربر حاضر jaddeir  کاربر حاضر e-hesami