رفتن به مطلب

حسین وندائی

مـدیـر بازنشـسته
  • تعداد ارسال ها

    247
  • تاریخ عضویت

  • آخرین بازدید

  • روز های برد

    4

حسین وندائی آخرین بار در روز 6 شهریور ۱۳۹۴ برنده شده

حسین وندائی یکی از رکورد داران بیشترین تعداد پسند مطالب است !

درباره حسین وندائی

مشخصات کاربری

  • علاقه مندی ها
    Music

آخرین بازدید کنندگان نمایه

1875 بازدید کننده نمایه

دستاورد های حسین وندائی

Collaborator

Collaborator (7/14)

  • Week One Done
  • One Month Later
  • One Year In
  • Conversation Starter
  • First Post

نشان‌های اخیر

21

اعتبار در سایت

  1. با سلام برای اضافه کردن پیشرفت پروژه ها یا همون ( Progress Bar ) ابتدا باید افزونه ی IPS4 php Text Widget رو نصب و فعال کنید. بعد از فعال سازی به قسمت زیر برید Edit HTML and CSS < شخصی سازی > ظاهر > پوسته ها > پوسته ی مورد نظر و در فایل custom.css در مسیر CSS > core > front > custom > custom.css این کدها رو به انتهای اون اضافه کنید. .container{ width:250px; display:block; line-height: 150%; font-family: comic sans ms,cursive; } .progress { overflow: hidden; height: 20px; background-color: #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-bottom: 20px; } .progress-bar { width: 0; height: 100%; color: #fff; text-align: center; background-color: #ee303c; } .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; } .progress-bar.progress-bar-danger.blue { background-color: #2D2DC3; } .progress-bar.progress-bar-danger.green { background-color: green; } .progress-bar.progress-bar-danger.orange { background-color: rgb(230, 155, 17); } span#mytext { line-height: 22pt; } .progress-bar.progress-bar-danger.blue, .progress-bar.progress-bar-danger.red, .progress-bar.progress-bar-danger.green, .progress-bar.progress-bar-danger.orange { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } ذخیر کنید . و در قسمت مد یریت بلوک ها Custom Text رو به سابد بار اضافه میکنیم در قسمت Widget Contents کد زیر رو وارد میکنیم <div class="container"> <span id="mytext">نسخه تست متن شماره یک</span> <div class="progress progress-striped"> <div class="progress-bar progress-bar-danger red" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> <span>40% </span> </div> </div> <span id="mytext">تست متن شماره دو</span> <div class="progress progress-striped"> <div class="progress-bar progress-bar-danger blue" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> <span>80% </span> </div> </div> <span id="mytext">نسخه تست متن شماره سه </span> <div class="progress progress-striped"> <div class="progress-bar progress-bar-danger green" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 58%"> <span>58% </span> </div> </div> <span id="mytext">نسخه تست متن شماره چهار</span> <div class="progress progress-striped"> <div class="progress-bar progress-bar-danger orange" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> <span>40% </span> </div> </div> <p></p> </div> و ذخیره میکنیم. برای تغییر عرض باید wide اون رو به در صد وارد کنیم ( مثلا 40 درصد ) style="width: 40% و در قسمت <span> Complate 40% </span> هم متن برای نمایش رو تعیین می کنیم ( مثلا Complate 40% ) و در سر اخر موفق باشید.
  2. شما باید نسخه نال شده رو نصب کنید ! http://ipsfarsi.com/files/category/21-%D8%AF%D8%B1%DB%8C%D8%A7%D9%81%D8%AA-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%87%D8%A7%DB%8C-%D8%B1%D8%B3%D9%85%DB%8C-IPS-%D8%B3%D8%B1%DB%8C-3/ این نسخه مخصوص کسانی هست که لایسنس دارند.
  3. آموزش خیلی خوب بود فقط برای تغییر سایز ایکون هم میتونید جلوی اسم ایکون مورد نظر مثلا ( fa fa-cog ) fa-2x <i class="fa fa-cog fa-2x"></i> وارد کنید ( از 2 تا 5 ) عدد بزرگتر سایز بیشتر میشه برای چرخش ایکون هم باید جلوی اسم ایکون مورد نظر مثلا ( fa fa-cog ) fa-spin <i class="fa fa-cog fa-spin"></i> در ضمن شما میتونید با استفاده از Css و قرار دادن id برای هر کدوم به دلخواه ویرایش کنید (رنگ و... )
  4. حسین وندائی

    آواتار پیشفرض + PSD

    نام فایل: آواتار پیشفرض + PSD ارسال کننده: Hσssειπ فایل ارسال شده: شنبه ۲۶ ارديبهشت ۹۴ - ۱۵:۲۵ بخش فایل: نماد ها با سلام ، این اولین کارم با فتوشاپ هست امیدوارم خوشتون بیاد . سایز 260*170 برای تغییر اواتار پیشفرض هم میتونید از هوک Default-avatar استفاده کنید ! موفق باشید اطلاعات بیشتر و دانلود فایل
×
×
  • اضافه کردن...