رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

PRGAME

عضو سایت
 نمایش نمایه  مشاهده فعالیت های این کاربر

  • تعداد ارسال‌ها

    414

  • تاریخ عضویت

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

  • روز های برد

    1

 نوع محتوا 

نوشته‌ها ارسال شده توسط PRGAME

  8. نحوه كدنويسي قالب خبري مشابه نمونه

    در برنامه نویسی داینامیک

    ارسال شده در

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

  13. هاور افکت

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

    ارسال شده در · ویرایش شده توسط PRGAME

    بله . کد استایل به صورت زیر میشه : 

    
.logo{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
opacity:0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.logo:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
opacity:1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

    میتونید با تغییر 0.3 سرعت انجام شدن افکت رو تنظیم کنید .

    • امتیاز 2

  15. هاور افکت

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

    ارسال شده در · ویرایش شده توسط PRGAME

    چشم . 

    ببینید کلا برای اینکه عکسی رو بزارید توی یک صفحه باید از تگ img استفاده کنید که برای ادرس شما بصورت زیر هست : 

    <img src="http://localhost/wordpress/wp-content/uploads/2016/03/logo-sam-1.jpg" alt="logo" width="tool" height="ertefa">

    که در کد بالا بجای کلمه ی tool باید طول عکستون رو بزارید و بجای ertefa هم باید ارتفاع عکستون رو بزارید .

    حالا برای اینکه به عکس استایل بدیم به صورت زیر میشه (این کد رو کپی کنید جایی که میخاید عکس نمایش داده بشه ): 

    <style>
.logo{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
opacity:0.2;
}

.logo:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
opacity:1;
}
</style>
<img class="logo" src="http://localhost/wordpress/wp-content/uploads/2016/03/logo-sam-1.jpg" alt="logo" width="tool" height="ertefa">

     

    اگر فایل style.css دارید ، کد های موجود در تگ style رو در اخرین قسمت فایل style.css کپی کنید و اگر هم همچین فایلی ندارید در قالبتون ( که فکر نمیکنم اینطور باشه !) فقط کافیه کد بالا رو در جایی که میخاید لوگو به نمایش در بیاد کپی کنید .

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

    مشکلی بود بنده در خدمتم .

    • امتیاز 3

  23. هاور افکت

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

    ارسال شده در · ویرایش شده توسط PRGAME

    با استفاده از 2تا عکس میشه این کارو کرد .

    ولی روش حرفه ای تر این هست که از کد استفاده کنید که بازم هم روش های بسیار مختلفی داره . من روشی غیر از روش سایت همیار وردپرس رو میگم :

    میتونید همون لوگوی اصلی رو به صورت عکس بزارید و استایل زیر رو براش تعریف کنید : 

    .logo{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
opacity:0.2;
}

.logo:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
opacity:1;
}

     

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

    • امتیاز 2
×
×
  • اضافه کردن...