رفتن به مطلب

پنجره دوم داخل خود صفحه


پست های پیشنهاد شده

سلام

توی آدرس زیر یه پنجره هست به اسم حدیث روز که مثل پنجره ویندوز می مونه و میشه اون رو تکون داد و بست و ...، خیلی با حاله

اینجور چیزی رو چطور میشه ساخت؟ آیا کد آماده ای براش وجود داره؟

لینک به ارسال

در light box plus قابلیت قرار گیری هر متن و فرم و تصویری وجود داره

همچنین در آموزش ها درباره ایجاد پاپ آپ ها چیزهایی برای خوندن هست

لینک به ارسال

ببخشید اصلا حواسم نبود :)

http://www.hadith.net/

با کد معمولی css هم می تونید اگر تلاشتون بی نتیجه ماند بفرمایید کد ررا برایتان بنویسم

لینک به ارسال

1. این کدها ربطی به کدها و راهنمایی دوستان ندارد و کلا راهی متفاوت است برای استفاده اش باید همه تغییرات قبلی را به شکل اول برگردونید

2. این کدها را در style.css بگذارید


.imgbox {
position:relative;
display:inline-block;
width:200px;
height:200px;
}
.imgbox .myimg {
opacity:1;
filter:alpha(opacity=1);
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.imgbox:hover .myimg {
opacity:0;
filter:alpha(opacity=0);
}
.imgbox .imgboxtext {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
opacity:0;
filter:alpha(opacity=0);
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.imgbox:hover .imgboxtext {
opacity:1;
filter:alpha(opacity=1);
}

3. عکس ها را در کدهایی شبیه کدهای زیر جاسازی کنید


<div class="imgbox">
<img src="address.jpg" class="myimg" />
<div class="imgboxtext">
text
</div>
</div>

لینک به ارسال

1. این کدها ربطی به کدها و راهنمایی دوستان ندارد و کلا راهی متفاوت است برای استفاده اش باید همه تغییرات قبلی را به شکل اول برگردونید

2. این کدها را در style.css بگذارید


.imgbox {
position:relative;
display:inline-block;
width:200px;
height:200px;
}
.imgbox .myimg {
opacity:1;
filter:alpha(opacity=1);
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.imgbox:hover .myimg {
opacity:0;
filter:alpha(opacity=0);
}
.imgbox .imgboxtext {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
opacity:0;
filter:alpha(opacity=0);
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.imgbox:hover .imgboxtext {
opacity:1;
filter:alpha(opacity=1);
}

3. عکس ها را در کدهایی شبیه کدهای زیر جاسازی کنید


<div class="imgbox">
<img src="address.jpg" class="myimg" />
<div class="imgboxtext">
text
</div>
</div>

خیلی عالی بود، ممنون از راهنماییتون (ولی این جواب رو اشتباهی اینجا نوشتید، جوابتون مربوط به این تاپیک هست)

لینک به ارسال

خیلی عالی بود، ممنون از راهنماییتون (ولی این جواب رو اشتباهی اینجا نوشتید، جوابتون مربوط به اینتاپیک هست)

متوجه شدم

برگشتم درستش کنم که دیدم خوندید

لینک به ارسال

در مورد این سئوالتونم که همونطور که گفتند می تونید افزونه لایت باکس نصب کنید ,

و هم می تونید سری به اینجا بزنید

http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...