آموزش live icon کردن قالب سایت

با استفاده از این آموزش سرزمین عجایب می توانید قالب خود را لیو آیکون (live icon) نمایید و جلوه ای زیبا به سایت خود ببخشید.با لیو آیکون کردن قالب خود مانند

قالب سرزمین عجایب با رفتن موس بر روی هر آیکون ، آن آیکون به حرکت در می آید.

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

برای شروع کد های زیر را در بخش head قالب خود قرار دهید.

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

کدی که باید جایگزین شود :(کد 1)

<span class="livicon" data-n="notebook" data-s="26" data-c="#ff9600" data-hc="false">

کدی که بایت کد بالا را به جای آن جایگزین نمایید:(کد 2)

<i class="icon-anchor">

در کد 2 قسمت { "=i class"} ثابت بوده و ادامه آن برای هر قسمت تغییر می کند.

در کد 1 قسمت { notebook } متغیر بوده و برای هر آیکون متفاوت می باشد که در آخر این پست سرزمین عجایب می توانید بعضی از آن ها را مشاهده نمایید.

در کد 1 قسمت { "data-s="26 } اندازه هر آیکون را مشخص می کند.

قسمت { "data-s="#ff9600 } رنگ آیکون می باشد.

برای زنده کردن آیکون ها کد 1 را در تمام قسمت هایی که مانند کد 2 هستند جایگزین نمایید و سپس با توجه به شکل آیکونی که می خواهید قسمت notebook را تغییر دهید.

نمونه کد سایت:

<RB:Blog_Archive_Block>
<aside class="block col-lg-12 col-sm-4 col-6">
<h5><i class="icon-anchor"></i>آرشیو</h5>
<div class="block-content">
<ul>
<RB:Blog_Archive_Loop>

که بعد از تغییر مانند کد زیر می شود:

<RB:Blog_Archive_Block>
<aside class="block col-lg-12 col-sm-4 col-6">
<span class="livicon" data-n="notebook" data-s="26" data-c="#ff9600" data-hc="false">آرشیو</h5>
<div class="block-content">
<ul>
<RB:Blog_Archive_Loop>

لیست بعضی از مهم ترین آیکون های زنده:

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

کلیک کنید

اگر مشکلی داشتید در قسمت نظرات یا انجمن سایت بیان نمایید.

ابزار وبمستر

آخرين ارسال هاي تالار گفتمان

آموزش live icon کردن قالب سایت

بخش نظرات اين مطلب