ahadto

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

9 پست در این موضوع قرار دارد

سلام

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

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

به اشتراک گذاری این پست


لینک به پست

درود

کدوم آدرس؟

به اشتراک گذاری این پست


لینک به پست

در 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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری