سلامی دوباره خدمت کاربران و همراهان عزیز سایت کدنویس ، در این مطلب باکس دانلود فلت رو براتون آماده کردم تا از اون در وبلاگ و یا سایت هاتون استفاده کنید و برای دانلود محتوای وب سایتتون ظاهر زیبا و کاربر پسندی داشته باشید.
باکس دانلود آلفا توسط خودمون ( سایت کدنویس ) طراحی و کدنویسی شده و چند دفعه ای قبلا اون رو انتشار دادم که تمام سایت هایی که درون اون ها انتشار دادم متاسفانه منسوخ شدن!
اما این دفعه این باکس دانلود رو در این سایت خدمتتون منتشر میکنم تا از اون استفاده کنید و به ظاهر سایت خودتون این جعبه دانلود زیبا رو اضافه کنید!
باکس دانلود آلفا از چند رنگ تشکیل شده که این ویژگی باعث شده که به جعبه دانلود جذاب و کاربر جذب کن تبدیل بشه ، و اصلا نگران حجم Css باکس دانلود آلفا نباشید چون با آخرین ورژن Css یعنی Css3 نوشته شده و برای رنگهای مختلف از nth-child استفاده شده که کد کمتری نوشته بشه و در نهایت حجم زیادی رو به قالبتون اضافه نکنه!
من جعبه دانلود آلفا رو به دو صورت کد Html و مخصوص رزبلاگ آماده کردم!حتی این جعبه دانلود برای وردپرس هم آماده هستش اما قبلش باید آموزشی مبنی بر ساخت جعبه دانلود و افزونه های لازم برای اون رو در سایت قرار بدم و بعد در همین پست اون جعبه دانلود رو اضافه میکنم!
بعد از اینکه دیدم این باکس دانلود طرفداران زیادی داره تصمیم گرفتم یک سری انیمیشن به جعبه دانلود آلفا اضافه کنم و ورژن دوم این باکس دانلود محبوب رو بدم تا با استفاده ازش قسمت دانلود رو در ساتتون زیبا تر کنید!
یک سایت برای جذب کاربر باید از اول تا آخرش به صورت حرفهای طراحی بشه و این شامل جعبه دانلود هم میشه که ما با دادن ورژن دوم باکس دانلود آلفا در این کار بهتون کمک میکنیم.
افزونه وردپرس هم برای این کار فکر میکنم باشه اما هیچی یک جعبه دانلود چیز اختصاصی و زیبا با افکتهای انیمیشنیه زیبا نمیشه 🙂
تغییراتی که در ورژن دوم باکس دانلود آلفا ایجاد کردن شامل اضافه کردن افکت اینیمیشنی زیبا به دکمههای باکس دانلود هستش که کاربر با رفتن روی دکمهها شاهد تغییر شکل هستش!
خب این خیلی از کاربرهارو جذب خودش میکنه و واسشون جالب میشه که سایت شما جعبه دانلود متحرک داره! پس حتما توصیه میکنم ازش استفاده کنید در این ورژن هم باکس دانلود آلفا فقط به صورت Html و برای سیستم رزبلاگ طراحی شده اما بهتون ایندفه قول میدم با وردپرس هم براتون قرار بدم
یک آموزش هم مبنی بر اینکه چطوری جعبه دانلود آلفا رو در وردپرس قرار بدید براتون آماه میکنم و آموزش رزبلاگیها رو هم تصویری میکنم تا راحت تر باشن!
فعلا از روشهای زیر برای قرار دادن جعبه دانلود آلفا در سایتهاتون استفاده کنید و لذت ببرید.
دمو و کد ورژن دوم باکس دانلود آلفا رو هم براتون در پایین مطلب قرار میدم.
اول از فایل Box.txt کد استایل رو برداشته و توی قسمت head قالبتون جایگذاری کنید.
برای استفاده از باکس دانلود میتونید فایل Box.txt رو باز کنید و محتوای او رو شخصی سازی کنید.
متن و لینکهاتون رو قرار بدید و قسمت کد رو کپی کنید و به ویرایشگر مطلب توی سایتتون بیاید
از ویرایشگر دیداری به ویراشگر متن یا کد یا همچین چیزهایی برید و اون کد رو اونجا Paste کنید.
بعد از اینکه انجامش دادین مطلب رو ارسال کنید و مشاهده کنید میبینید که در همونجایی که باکس دانلود رو جایگذاری کردید نشان داده میشود.
در این روش مثل دفعه قبل اول از همه کد استایل رو از فایل Box_Rozblog.txt برداشته و در قسمت head قالب وبلاگتون جایگذاری میکنید
این روش بسیار آسون و بدون دردسر هستش ، اول از همه از خدمات حرفهای رزبلاگ امکان زمینه مطلب رو به قیمت بسیار ناچیزی میخرید
بعد از اون در تنظیماتش به ترتیب این گزینه هارو وارد میکنید
دقت کنید که حتما به همین ترتیب باشه وگرنه درست کار نمیکنه ، بعد از اینکه این کار رو کردید به ویرایش قالب برید و قسمت کد جعبه دانلود رو در قالب ادامه مطلبتون جایگذاری کنید و از اون لذت ببرید
در آینده نزدیک آموزش کامل کار با زمینه مطلب رزبلاگ رو هم خدمتتون میزارم تا کامل باهاش آشنا بشید و بعد ها به مشکل نخورید.
کد استایل
<link rel="stylesheet" type="text/css" href="http://dl.codenvis.ir/coding/download-box-alfa/style-v2.css" >
کد Html جعبه دانلود آلفا
<div class="boxdownload"> <div class="boxtop"> <ul> <li>نام فایل : دانلود قالب یک </li> <li>حجم فایل : ۲۰۰ مگابایت </li> <li>رمز فایل : codenvis.ir </li> <li><a href="#">دانلود فایل </a></li> <li><a href="#">نمایش فایل </a></li> <li><a href="#">گزارش خرابی </a></li> </ul> </div> <div class="clear"></div> <div class="boxhelp"> <span>راهنما:</span> متن راهنما را اینجا بنویسید </div> </div>
کد جعبه دانلود آلفا مخصوص رزبلاگ
<div class="boxdownload"> <div class="boxtop"> <ul> <RB:Custom_Field_Block=1> <li>نام فایل : [Custom_Field_Content] </li> </RB:Custom_Field_Block> <RB:Custom_Field_Block=2> <li>حجم فایل : [Custom_Field_Content] </li> </RB:Custom_Field_Block> <RB:Custom_Field_Block=3> <li>رمز فایل : [Custom_Field_Content] </li> </RB:Custom_Field_Block> <RB:Custom_Field_Block=4> <li><a href="[Custom_Field_Content]">دانلود فایل </a></li> </RB:Custom_Field_Block> <RB:Custom_Field_Block=5> <li><a href="[Custom_Field_Content]">نمایش فایل </a></li> </RB:Custom_Field_Block> <RB:Custom_Field_Block=6> <li><a href="[Custom_Field_Content]">گزارش خرابی </a></li> </RB:Custom_Field_Block> </ul> </div> <div class="clear"></div> <div class="boxhelp"> <span>راهنما:</span> <RB:Custom_Field_Block=7> [Custom_Field_Content] </RB:Custom_Field_Block> </div> </div>
امیدوارم که این مطلب هم مورد استفادتون قرار بگیره و از اون لذت برده باشید!فقط اگه از مطالب سایت ما راضی هستید حتما ما رو به دوستانتون معرفی کنید!میتونید مطالب ما رو در شبکههای اجتماعیتون به اشتراک بزارید ، یا اینکه در کانال تلگرام کدنویس و صفحه اینستاگرام کدنویس عضو بشید و از اونجا ما رو دنبال کنید 🙂
یا علی ♥
سایت کدنویس در سال 1395 برای کمک به پیشرفت وبمستران در چندین موضوع تاسیس شد و تا به حال پیشرفت چشمگیری در ارائه خدمات به کاربران خود داشته ، امیدواریم هر سال بهتر از سال قبل بتوانیم نیازهای وبمستران را در تمامی زمینهها بر طرف کنیم
حسین رازقندی / مدیریت سایت
دیدگاههای کاربران
۹ دیدگاهجعبه دانلود خلاقانه ای ساختید موفق باشید
عالی بود
خیلی ممنون طرح جالبیه
عالی ، برای نصربلاگ هم خواهشن کدشو بدید
فکر میکنم نصربلاگ از تگهای رزبلاگ پشتیبانی میکنه اگر که نکرد بنده پیگیری میکنم و براتون قرار میدم
عالی بود خوشمان آمد
ممنون ♥
باکس راهنما رو نمیاره
هم متنش رو به عنوان پیش فرض پذاشتم نیاورد
متن رو توی کد قالب هم گذاشتم نیاورد
سلان
در انجام تنظیمات دقت کنید و مراجل رو دوباره چک کنید