1tools
کاربر تازه وارد
- تاریخ عضویت
- 3 ژانویه 2014
- نوشته‌ها
- 72
- لایک‌ها
- 14
- سن
- 15
این بار با یک زیباساز که توسط دیزاینر طراحی شده ، در خدمتتون هستیم! این زیباساز یه نوار رنگی زیبا در بالای وبلاگ شما ایجاد میکنه و افکت جالبی نسبت به اسکرول ( Scroll ) صفحه داره. این زیباساز بر خلاف بیشتر زیباساز های دیگه ای که مانع خوندن متن میشن ، این زیباساز بدون هیچ مزاحمتی برای بازدید کننده وب شما ، به اون زیبایی خاصی میبخشه. در ادامه با نحوه قرار دادن این زیباساز در وبلاگ آشنا میشین.
پیشنمایش
مراحل اضافه کردن نوار رنگی
ابتدا وارد بخش ویرایش قالب بشید.
اول از همه باید کتاب خانه جی کوئری ( jQuery ) رو و استایل و کدهای جاوا اسکریپت این زیباساز رو به وبلاگتون اضافه کنید ( این کدها رو قبل از </head> بذارید ) :
HTML:
<link href="http://www.designr.ir/wp-content/uploads/2014/08/style1.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.designr.ir/wp-content/uploads/2014/08/scripts.js">نکته : اگه از قبل جی کوئری رو به وبلاگتون اضافه کردید لازم نیست این کار رو تکرار کنید.
بعد این کد رو بعد از <body> قرار بدید :
HTML:
<div class="nav" style="background-position: 0% 0%;"></div>موفق باشید .
منبع مقاله : http://www.designr.ir/نوار-رنگی-به-عنوان-زیباساز-وبلاگ/