iMajid7

راهنمایی در ساخت جعبه دانلود

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

سلام

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

می خوام کاری کنم که نشانگر موس وقتی روی باکس سبز رنگ رفت کادر زیر باز شود. الان نشانگر موس هنگامی که نزدیک باکس سبز رنگ میشود باز می شود و وقتی دو باکس زیر هم قرار بگیرند کادرهای زیر هی باز و بسته میشوند.

همچنین کاربرای سایت نمیتونن بر روی لایک که زیر همین باکس ها هست کلیک کنند چون باکس لینکها باز میشود.

شاید منظور حرف هامو نفهمید پس لطفا به این ادرس مراجعه کنید تا متوجه مشکل من بشید

سورس کدها هم بدین صورت هست:


<div id="box_download" >
<ul><strong>%file_display_name%</strong>
<br>
<br>
<li >دانلود <strong><a href="%file_url%" title=" %file_display_name%">%file_display_name%</a></strong> با کیفیت %file_custom_cf1%</li>
<li>حجم کلیپ %file_size% و مدت زمان آن %file_custom_cf2% می باشد.</li>
<li>این کلیپ %file_hits% بار دانلود شده است.</li>

</ul>
</div>



<div id="box_download">
<ul><strong>%file_display_name%</strong>
<br>
<br>
<li>دانلود <strong><a href="%file_url%" title=" %file_display_name%">%file_display_name%</a></strong> با کیفیت %file_custom_cf1%</li>
<li>حجم کلیپ %file_size% و مدت زمان آن %file_custom_cf2% می باشد.</li>
<li>این کلیپ %file_hits% بار دانلود شده است.</li>

</ul>

</div>


#box_download {font-family:"B yekan"; font-size:13px;}
#box_download ul {
margin:10px auto;
width:95%;
height:30px;
padding:10px;
background:#E6FFB2;
border:1px solid #B8EB59;
border-bottom:3px solid #B8EB59;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
}
#box_download ul:hover {
height:200px;
transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
}
#box_download ul:hover li {
opacity:1;
padding-right:25px;
transition:1.0s;
-moz-transition:1.0s;
-webkit-transition:1.0s;
}
#box_download ul li {
padding:5px;
list-style:none;
opacity:0;
transition:.1s;
-moz-transition:.1s;
-webkit-transition:.1s;
}
#box_download ul li a {text-decoration:none}

منتظر راهنمایی دوستان هستم

با تشکر

0

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


لینک به پست

والا نگاه کردم دیدم آره مشکل داره ، فکر میکنم مشکل از ID ها باشه ، چون آیدی های هر Div بصورت یونیک باید باشن یعنی توی 1 پیج یکبار باید تکرار بشه ، 2 تا راه پیشنهاد میدم

اول از همه استایل هارو همه رو به Class تبدیل کن


#box_download
میشه
.box_download

همه # هارو باید با . عوض کنی ، بعد توی HTML Codes باید


<div id="box_download">
میشه
<div class="box_download">

ببین درست میشه یا نه

یا اینکه کلا

یه Div باز کن هرکدوم رو بزار توی DIv جدید بهشون float بده ببین درست میشن یا نه

البته اینا فقط یه پیشنهاده فعلا چیزی بیشتر از این به ذهنم نمیرسه

1

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


لینک به پست
والا نگاه کردم دیدم آره مشکل داره ، فکر میکنم مشکل از ID ها باشه ، چون آیدی های هر Div بصورت یونیک باید باشن یعنی توی 1 پیج یکبار باید تکرار بشه ، 2 تا راه پیشنهاد میدم اول از همه استایل هارو همه رو به Class تبدیل کن
 #box_download میشه .box_download 

همه # هارو باید با . عوض کنی ، بعد توی HTML Codes باید


میشه

ببین درست میشه یا نه یا اینکه کلا یه Div باز کن هرکدوم رو بزار توی DIv جدید بهشون float بده ببین درست میشن یا نه البته اینا فقط یه پیشنهاده فعلا چیزی بیشتر از این به ذهنم نمیرسه

سلام

روش اول تبدیل id‌ به class جواب نداد

روش دوم هم کار نکرد

0

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


لینک به پست

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

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

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

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


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

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

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


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