انجمن کدستانMoisrex

<script language="javascript" type="text/javascript">

$(document).ready(function() {

$(".click").hide();

$(".open").click(function(){

$(".click").slideToggle(1000);

});

});

</script>

<style type="text/css">

.style-download{

width:346px;

padding:8px;

border-radius:8px;

text-align:right;

font-family:Tahoma, Geneva, sans-serif;

font-size:11px;

direction:rtl;

margin-bottom:4px;

text-shadow:#666 1px 1px 2px;

}

.box{

width:366px;

padding:10px;

background-color:#F4F4F4;

border:#999 1px dashed;

border-radius:8px;

box-shadow:#999 0px 0px 4px;

}

#name-file{

background-color:#0CC;

color:#FFF;

border:#099 1px dashed;

}

#size-file{

background-color:#0CF;

color:#FFF;

border:#09F 1px dashed;

}

#down-file{

background-color:#FC6;

color:#FFF;

border:#F93 1px dashed;

}

#down-file a{

background-color:#FC6;

color:#C00;

border:#F93 1px dashed;

text-decoration:none;

border:none;

}

.open{

width:24px;

font-family:Tahoma, Geneva, sans-serif;

font-size:12px;

padding:2px 10px 4px 10px;

background-color:#F06;

border-radius:8px;

color:#FFF;

margin-bottom:6px;

margin-left:auto;

text-decoration:none;

}

.open:hover{

background-color:#F09;

}

</style>

<div class="box">

<div class="open">دانلود</div><div class="click">

<div id="name-file" class="style-download">نام فایل : </div>

<div id="size-file" class="style-download">حجم فایل : </div>

<div id="down-file" class="style-download">دانلود فایل : </div>

</div>