ahadto

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

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

سلام

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

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

0

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


لینک به پست

درود

کدوم آدرس؟

0

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


لینک به پست

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

http://www.hadith.net/

0

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


لینک به پست

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

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

3

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


لینک به پست

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

http://www.hadith.net/

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

2

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


لینک به پست

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>

3

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


لینک به پست

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>

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

0

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


لینک به پست

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

متوجه شدم

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

1

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


لینک به پست

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

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

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

1

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


لینک به پست

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

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

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

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


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

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

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


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