افزونه باکس دانلود و ایجاد دکمه دانلود

[babakmohamadi 10]

با سلام

من دنبال یه پلاگینی هستم که لینکها دانلودم رو به صورت دکمه دانلودی که از سی اس اس های متنوعی استفاده شده, در محتوای وبسایتم استفاده کنم. آیا یه چنین پلاگینی هست ؟؟؟

اما سوال دوم اینکه من چطوری میتونم یه باکسی رو جهت دانلود فایلها ایجاد کنم نمونش مثل این سایت البته کمی بهتر از این هم باشه که چه بهتر؟؟؟؟

بسیار سپاسگذار خواهم بود که دوستان و اساتید راهنماییم کنم

با تشکر

[Vahid Taheri 74]

اصلا نیازی به پلاگین نیست.کد css مورد نظر رو میسازید و در متن هاتون با استفاده از کدهای html از اون استایل بهره مند میشید.

اگر دکمه خواستید این سایت کد هاشو در اختیارتون میزاره : CSS Button Generator

اگر هم باکس میخواهید و تسلط زیادی به css ندارید از سایت هایی مثل CSS3 Generator میتونید استفاده کنید

اگر هم خواستید یه نمونه قرار بدین تا اون نمونه رو براتون توضیح بدیم که چطوری بسازیدش

[babakmohamadi 10]

ممنون از پاسختان .

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

[ATTACH]7459[/ATTACH]

بسیار سپاسگذارم....

[babakmohamadi 10]

از دوستان و اساتید, لطفا به این سوال ما هم جواب بدین!!!

[babakmohamadi 10]

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

شاید هم از کم لطفی بنده باشه

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

لطفا ببه این تایپیک هم جواب بدین .... التبه شک بی مورد دارم که سوالم برای اساتید این انجمن مشکل باشه!!!!

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

[Vahid Taheri 74]

فایل component.css و سه فایل js درون پوشه رو به فایل هایی که در قالب فراخوانی میشوند اضافه کنید و برای استفاده از دکمه ها از سورس html اونه استفاده کنید.

برای مثال سورس نمونه fill horizontal به شکل زیر هست :

<button class="progress-button" data-style="fill" data-horizontal>Submit</button>

لازم به ذکره که هرجا خواستید از این دکمه ها استفاده کنید ، باید کد زیر رو هم بعدش قرار بدین :

<script>
		[].slice.call( document.querySelectorAll( 'button.progress-button' ) ).forEach( function( bttn ) {
			new ProgressButton( bttn, {
				callback : function( instance ) {
					var progress = 0,
						interval = setInterval( function() {
							progress = Math.min( progress + Math.random() * 0.1, 1 );
							instance._setProgress( progress );

							if( progress === 1 ) {
								instance._stop(1);
								clearInterval( interval );
							}
						}, 200 );
				}
			} );
		} );
	</script>

موفق باشید

[babakmohamadi 10]

درود بر شما

واقعا گل کاشتین

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

بسیار ممنون...

تحسین بر شما ....