PDA

View Full Version : چگونه دو طرف بالای سایتم شفافیت های مختلف داشته باشه



alibabaei2
دوشنبه 06 خرداد 1392, 19:10 عصر
با سلام
قسمت بالای سایتم به این صورت gradient شده که یک طرف اون کم رنگه و طرف دیگه اش پر رنگ تره و وسط هم لوگو قرار گرفته
کاری که من کردم اینه که یک div با ویژگی های زیر گذاشتم
width:980px;
margin: 0 auto;

و کل 980px رو اون تصویری که می خواستم باشه رو background دادم
و دو طرف این div دوتا دیو دیگه گذاشتم که به یکی float:right دادم و به دیگری float:left و به اون ها هم background خودشون رو دادم اما دیو هایی که در طرفین هستند در سایت نمایش داده نمی شوند
اصلا راهی که دارم میرم درسته ؟ باید چی کار کنم؟

moalla
دوشنبه 06 خرداد 1392, 20:48 عصر
توی دوتا فیلم تقسیم بندی هایی که میخواین رو توضیح دادم. شماره یک (http://quicklearn.ir/?q=node/35)و شماره دو (http://quicklearn.ir/?q=node/36)

alibabaei2
دوشنبه 06 خرداد 1392, 21:59 عصر
ببینید فرض کنید نوار نارنجی که بالای سایت ایران هاست هستش از سمت چپ که شروع می شد کم رنگ بود و به آخر که می رسید پر رنگ می شد برای این کار باید چه کرد

moalla
دوشنبه 06 خرداد 1392, 22:06 عصر
عذر میخوام مثل اینکه منظورتون رو درست نفهمیده بودم
برای کاری که گفتید میتونید از css استفاده کنید. البته یه سایت عالی در این زمینه است که کد آماده بهتون میده.
http://www.colorzilla.com/gradient-editor/
خیلی شبیه قسمت رنگ فتوشاپ طراحی شده

alibabaei2
دوشنبه 06 خرداد 1392, 22:27 عصر
اگه بیشتر کمک کنید ممنون میشم
میخوام بالای صفحه مثل عکس زیر باشه
http://arashwatch.ir/Images/Advertisments/ghaleb.jpg

alibabaei2
دوشنبه 06 خرداد 1392, 22:31 عصر
می خوام این عکس کل عرض صفحه ام باشه و قسمت وسط که لوگو قرار میگیره دقیقا وسط باشه
برای این کار 980px وسط رو جدا کردم و درون یک دیو که وسط صفحه بود گذاشتم اما برای اطراف این دیو موندم چه کنم
یک background به دیوی که به عنوان پدر دیو وسط هست دادم و repeat-x کردم اما چون دو طرف این دیو وسطی یک شکل نیست از یه طرف شبیه این عکس می شد اما از طرف دیگر نا متعارف میشد

moalla
دوشنبه 06 خرداد 1392, 23:10 عصر
فکر کنم کاری که دارید انجام میدید خیلی شبیه کاری باشه که الان مشغولش هستم:
pureislam.org
هنوز تکمیل نشده و خیلی قسمتهاش مونده اما اون قسمت بالاش شبیه اونیه که شما گذاشتین. میتونید باابزارهای بروزر css هاش رو ببینید
اونی که شما توی طرح اوردین سمت راست و چپش هم فرق داره و باید جدا تعرف بشه
تقسیم بندی هایی که نیاز دارید رو اینجا (http://jsfiddle.net/moalla/Y3dN7/)درست کردم. امیدوارم به دردتون بخوره

alibabaei2
سه شنبه 07 خرداد 1392, 12:07 عصر
دوستان من همچنان به نتیجه نرسیدم
ممنون میشم اگه کسی وقتش رو داشت این قسمت رو واسم بسازه

moalla
سه شنبه 07 خرداد 1392, 14:18 عصر
برای چی به نتیجه نرسیدید؟ فقط کافیه عکستون رو به سه قسمت کنید و بذارید توی اون divها.
وسطی کاملا اندازه عکس وسط شما
طرف سمت راست و چپ هم یه قسمت قابل تکرار رو میذارید.