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

[ahadto 806]

سلام

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

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

[ARS 349]

درود

کدوم آدرس؟

[ahadto 806]

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

http://www.hadith.net/

[isk 4447]

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

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

[imanfakhar 26231]

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

http://www.hadith.net/

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

[imanfakhar 26231]

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>

[ahadto 806]

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>

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

[imanfakhar 26231]

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

متوجه شدم

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

[imanfakhar 26231]

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

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

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