تغییر سایز عکس وسط منو ، با توجه به تغییر سایز منو

AmiR_mM

AmiR_mM

Member
با سلام خدمت دوستان و اساتید محترم انجمن .

من یک سوال داشتم که برای من خیلی خیلی مهمه . البته شاید به درد خیلی دیگه از طراح ها هم بخوره .

عکس زیر رو ببینید :

menu.gif

​


ببینید ، این عکس از سه قسمت تشکیل شده . یک قسمت بالا ، یک قسمت وسط ، یک قسمت هم پایین . من میخواستم طول عکس وسط ، با توجه به بزرگ یا کوچک شدن منو ، تغییر کنه ، اما استایل Gradient اون حفظ بشه .

خیلی ممنون میشم اگر راهنماییم کنین . چون خیلی خیلی ضروریه . :)
پیشاپیش از لطف و کمکتون کمال تشکر رو دارم . :oops:



البته نزنین ها خیلی جستجو کردم پیدا نکردم :-?
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
کد رو نوشتم
تنها کافیه که شما جای عکس ها را قرار دهید، پیش تر از این روش در سایت kazemianart.com استفاده کردم.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 9</title>
<style type="text/css">

</style>

</head>

<body>
	<div style="width:200px; background:blue url('unsaved:///image') no-repeat; padding-top:20px; overflow:hidden;">
		<div style="width:200px; background:red url('unsaved:///image') no-repeat; padding-bottom:20px; overflow:hidden;">
			<div style="width:200px; background:orange url('unsaved:///image') no-repeat;FILTER:  progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000)">
			<p>echessdesign.com</p><p>echessdesign.com</p><p>echessdesign.com</p><p>echessdesign.com</p><p>echessdesign.com</p><p>echessdesign.com</p>
			</div>	
		</div>
	</div>
</body>

</html>
 
AmiR_mM

AmiR_mM

Member
سلام . حالتون خوبه ؟؟ خیلی ممنون از جوابتون .

اما این دقیقا بر عکس این چیزی بود که من میخواستم . چون Grediant ی که شما کار کرده بود افقی بود . من میخواستم مثل عکسی که دادم از بالا به پایین ( یا پایین به بالا ، فرق نمیکنه !!! ) باشه . یعنی عمودی باشه .

من فقط میخواستم بدونم چه کدی بدم که عکس وسط ، با بزرگ و کوچیک شدن کل منو ، کش بیاد ! یعنی وقتی مطلباش زیاده بزرگ بشه ، وقتی هم کمه کوچیک بشه . اما حالت Grediant اون حفظ بشه در همه حالت .

باز هم با تشکر فراوان از شما . :rose:
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
من برای gradiant از StyleFilter مایکروسافت استفاده کردم که در حال حاضر تنها در مرورگر IE نمایش داده می شود.
شما از عکس استفاده نمایید. راه حل همانی است که در بالا اشاره شده است.
پاینده باشید.
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا