کد جعبه دانلود فول css

زمان جاریtime : شنبه 16 تیر 1403 - 8:21 بعد از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / کد های جدید سی اس اس (CSS) / کد جعبه دانلود فول css

ارسال پاسخ جدید

تعداد بازدیدvisits : 894

mohsen15

ارسال هاAnswers :	93
عضویتRegistration date :	3 /8 /1391
تعداد اخطارWirnings :	-2
حمایت کردهThanks :	80
حمایت شدهThanked :	26

کد جعبه دانلود فول css

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

کد استایل (بعد ازhead)

کد:

<style type="text/css">
.dl-p2g a, .dl-p2g li{
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
div.dl-p2g{
margin:0;
padding:0;
  background-color: #000;
 
  box-shadow:0 0 0px 2px #000;
width:500px;
display:block;
margin:5px;
padding:0;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
overflow:hidden;
font-family: "B Yekan",Arial, tahoma, Sans-Serif;
text-shadow:1px 1px 0px #fff;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
div.dl-p2g:hover{
margin:0;
padding:0;
  background-color: #000;
 
  box-shadow:0 0 0px 2px #000;
width:500px;
display:block;
margin:5px;
padding:0;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
overflow:hidden;
font-family: "B Yekan",Arial, tahoma, Sans-Serif;
text-shadow:1px 1px 0px #fff;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
div.dl-p2g-bg{
width:496px;
margin:0;
padding:0;
border:2px #00FFFF dashed;
box-shadow:0 0 25px 0px #00FFFF inset;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
background:url('http://icons.iconarchive.com/icons/webiconset/blogging/128/Download-icon.png') no-repeat left bottom;
overflow:hidden;
display:block;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
div.dl-p2g-bg:hover{
width:496px;
margin:0;
padding:0;
border:2px #fff dashed;
box-shadow:0 0 25px 0px #fff inset;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
background:url('http://icons.iconarchive.com/icons/fruityth1ng/stark/128/Downloads-icon.png') no-repeat  left bottom;
overflow:hidden;
display:block;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.dl-p2g p:first-child{
font-size:20px;
padding:0 35px 0 100px;
margin:8px;
background:#00FFFF url('http://icons.iconarchive.com/icons/custom-icon-design/office/32/info-icon.png') no-repeat right top;
  border:2px #000 dashed;
  box-shadow:0 0 0px 2px #00FFFF;
  border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.dl-p2g p:first-child:hover{
font-size:20px;
padding:0 45px 0 0;
margin:8px;
background:#fff url('http://icons.iconarchive.com/icons/custom-icon-design/office/32/info-icon.png') no-repeat right top;
  border:2px #000 dashed;
  box-shadow:0 0 0px 2px #fff;
  border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.dl-p2g ul{
list-style:none;
padding:0;
margin:0;
}
.dl-p2g ul li{
margin:8px;
padding:2px 35px 2px 2px;
  background-color: #00FFFF;
  border:2px #000 dashed;
  box-shadow:0 0 0px 1px #00FFFF;
max-width:250px;
background-position:right top;
background-repeat:no-repeat;
font-size:20px;
height:30px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.dl-p2g ul li:hover{
margin:8px;
padding:2px 5px 2px 2px;
  background-color: #fff;
  border:2px #000 dashed;
  box-shadow:0 0 0px 1px #fff;
max-width:320px;
background-position: left top;
background-repeat:no-repeat;
font-size:20px;
height:30px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.dl-p2g ul li.dl{
background-image:url('http://icons.iconarchive.com/icons/deleket/3d-cartoon/32/Download-icon.png');
}
.dl-p2g ul li.dl2{
background-image:url('http://icons.iconarchive.com/icons/deleket/3d-cartoon-vol2/32/Download-icon.png')
}
.dl-p2g ul li.hajm{
background-image:url('http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/canvas-size-icon.png');
}
.dl-p2g ul li.pas{
background-image:url('http://icons.iconarchive.com/icons/double-j-design/origami-colored-pencil/32/blue-lock-icon.png');
}
.dl-p2g ul li.manba{
background-image:url('http://icons.iconarchive.com/icons/mart/glaze/32/source-icon.png');
}
.dl-p2g ul li a{
color:#000;
text-decoration:none;
border:0;
}
.dl-p2g ul li a:hover{
color:#0000FF;
text-shadow:0px 0px 2px #000;
}

</style>

کد دیو کلاس (هرجایی که میخاهید نمایش داده شود)

کد:

<div class="dl-p2g"><div class="dl-p2g-bg"><p>دانلود + توضیحات</p>
<ul>
<li class="dl"><a href="/">دانلود مستقیم</a></li>
<li class="dl2"><a href="/">دانلود غیرمستقیم</a></li>
<li class="hajm">حجم : 254 کیلو بایت</li>
<li class="pas">رمز عبور : www.iapps98.tk</li>
<li class="manba">منبع : <a href="/">آی اپس</a></li>

</ul></div></div>

دمــــــــــــــــــــــــو

پنجشنبه 05 اردیبهشت 1392 - 21:09

ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شدهThanks :

سپاس هاThanks (2) : erfan-pwd - armandost -

erfan-pwd

ارسال‌هاAsnwers :	1520
عضویتRegistration date :	21 /10 /1391
حمایت کردهthanks :	296
حمایت شدهThanked :	332

پاسخAnswer 1 : کد جعبه دانلود فول css

ممنون

http://www.uploadtak.com/images/h3415_learn.swf

پنجشنبه 05 اردیبهشت 1392 - 21:16

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : mohsen15 -

abzar-web

[avatar_answerabzar-web]

[starsabzar-web]

[rankingabzar-web]

ارسال‌هاAsnwers :	[Count_Allabzar-web]
عضویتRegistration date :	[registerdateabzar-web]
محل زندگیLiving position :	[cityabzar-web]
سنAge :	[age_answerabzar-web]
شناسه یاهوYahoo ID :	[yahooabzar-web]
تعداد اخطارWarnings :	[warningabzar-web]
حمایت کردهthanks :	[thanksabzar-web]
حمایت شدهThanked :	[thanksabzar-web]

پاسخAnswer 2 : کد جعبه دانلود فول css

جالب بود ولی یکم سبک بود به هرحال

[emzaabzar-web]

پنجشنبه 05 اردیبهشت 1392 - 21:40

وب کاربرUser's blog

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

benben

ارسال‌هاAsnwers :	3189
عضویتRegistration date :	29 /8 /1391
حمایت کردهthanks :	792
حمایت شدهThanked :	947

پاسخAnswer 3 : کد جعبه دانلود فول css

منم از این استفاده میکرم

حالا چون منتشر شد مجبورم اختصاصی کنم

یاد روزای جوونی بخیر
کدستان کجایی...؟!
My Language: Html5 Css3 Android
++Learning PHP & c

پنجشنبه 05 اردیبهشت 1392 - 21:51

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

ahm

ارسال‌هاAsnwers :	0
عضویتRegistration date :	4 /5 /1393
تعداد اخطارWarnings :	-2147483648
حمایت شدهThanked :	426

پاسخAnswer 4 : کد جعبه دانلود فول css

خیلی خوب بود

خیلی استفاده شد

پنجشنبه 05 اردیبهشت 1392 - 22:17

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

connor

ارسال‌هاAsnwers :	253
عضویتRegistration date :	8 /11 /1391
حمایت کردهthanks :	71
حمایت شدهThanked :	330

پاسخAnswer 5 : کد جعبه دانلود فول css

دیو نیست مجید جان

دایو هست

پنجشنبه 05 اردیبهشت 1392 - 23:08

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (1) : ali -

armandost

ارسال‌هاAsnwers :	684
عضویتRegistration date :	12 /12 /1391
حمایت کردهthanks :	74
حمایت شدهThanked :	186

پاسخAnswer 6 : کد جعبه دانلود فول css

تشکر

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

اما رنگ این به دلم نزد

من تضادم
*هیچ وقت کپی بردار نباش که به جای نمی رسی خودت باش

پنجشنبه 05 اردیبهشت 1392 - 23:13

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

dehkadedl

ارسال‌هاAsnwers :	1516
عضویتRegistration date :	10 /11 /1391
حمایت کردهthanks :	101
حمایت شدهThanked :	278

پاسخAnswer 7 : کد جعبه دانلود فول css

نقل قول از connor
دیو نیست مجید جان
دایو هست

بله دایو

یعنی دایورت

سایت جدید زدم بیخیاله همه چی
novel98.ir

پنجشنبه 19 اردیبهشت 1392 - 00:28

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

dehkadedl

ارسال‌هاAsnwers :	1516
عضویتRegistration date :	10 /11 /1391
حمایت کردهthanks :	101
حمایت شدهThanked :	278

پاسخAnswer 8 : کد جعبه دانلود فول css

ی مقدار تند و عجق وجق وخشن

بود

توهم و بهم ریخته بود

حرفه ایه ولی شیک نیست!

باکسای ساده تر خیلی بهترن

سایت جدید زدم بیخیاله همه چی
novel98.ir

پنجشنبه 19 اردیبهشت 1392 - 00:30

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

santaver

ارسال‌هاAsnwers :	329
عضویتRegistration date :	15 /2 /1392
حمایت کردهthanks :	42
حمایت شدهThanked :	81

پاسخAnswer 9 :

خوب بود اما همین طور که دوستمان گفت باکس های سبک تر بهترند.

اولین سایتی که در سرور رزبلاگ مترجم متن آنلاین ساخت رو ببینیند.

با امکاناتی باور نکردنی

در کمتر از 10 ثانیه کتاب های خود را ترجمه کنید.

پنجشنبه 19 اردیبهشت 1392 - 13:10

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

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

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

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

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

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