PDA

View Full Version : ایجاد پنجره شیشه ای



tux-world
دوشنبه 09 اسفند 1389, 12:04 عصر
یه همچین پنجره ای رو چطور میشه ساخت؟
66941

hamiii
دوشنبه 09 اسفند 1389, 20:24 عصر
کادر کلی پنجره از سه عکس بالایی ،میانی و پایینی استفاده کرده.از ویژگی Transparent هم برای شفافیت اون استفاده کرده،که البته در ie6پشتیبانی نمیشه.
دکمه های close,minimum,maximum هم از کلاس hover بهره می برند.
جزییات خیلی زیادی داره که بشتر به گرافیکش مربوط میشه نه کدنویسیش. البته تا جایی که یادمه طراح این وبسایت از jquery UI استفاده کرده.

tux-world
سه شنبه 10 اسفند 1389, 00:32 صبح
درسته. من نه ویندوز دارم نه ie . مشکلم اینه که نتونستم از Transparent استفاده بکنم. پنجره ای که درست میکنم رو نتونستم این خاصیت رو بهش اضافه کنم
این عکس رو ببین. اون عکسبک گراند رو می خوام Transparent باشه ولی بقیه قسمتها نه
.66957
این کد css3 من هستش :
.block{
background-image:url('images/bg__2.gif' ) Transparent ;
border:.1px solid #ffffff;

margin-top:10px;
top:145px;
width:420px;
height:250px;
-moz-border-radius:7px;
-moz-box-shadow:-0.1em 0.3em 1em rgba(0, 0, 0, 0.4);
}

hamiii
سه شنبه 10 اسفند 1389, 09:21 صبح
دوست عزیز اینجا من یه چیزی رو فراموش کردم توضیح بدم.
اگه در بکگراند از عکس استفاده کنی نمیتونی اونو شفاف کنی که پشتش پیدا باشه مگه اینکه خود عکس این خصوصیت رو داشته باشه. یه عکس با فرمت png تو فتوشاپ باید بسازی که و اونجا شفافیت رو کمتر از 100 کنی.بعد توی کدهای css کلمه transparent رو اضافه کنی تا پشتش پیدا باشه.ضمناً transparent از ویژگی های css3 نیست چون تو ie هم پشتیبانی میشه(بجز 6).

اگه در بکگراند فقط یک رنگ تعریف کرده باشی.مثلاً سیاه،میتونی با استفاده از ویژگی opacity که متعلق به css3 هستش استفاده کنی و شفافیت اونو تا 0درصد پایین بیاری.

اگه درست توضیح ندادم بگین تا یه مثال کامل بزنم.(الان یه کمی وقت ندارم:چشمک:)
موفق باشی

Keramatifar
سه شنبه 10 اسفند 1389, 12:03 عصر
برای اینکار پیشنهاد می کنم از jQuery استفاده کنید.
من توی سایت خودم برای نمایش Ballon پایین صفحه استفاده کردم
http://keramatifar.ir/jquery.php