رفتن به مطلب

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


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

سلام

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

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

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

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

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


<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}

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

با تشکر

لینک به ارسال

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

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


#box_download
میشه
.box_download

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


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

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

یا اینکه کلا

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

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

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

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


میشه

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

سلام

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

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

لینک به ارسال

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

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

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

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

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

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

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

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

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