قالب وبلاگ | ابزار وبلاگ نویسی | دانلود طرح لایه باز

نام کاربری :

رمز عبور :

عضویت

نام کاربری :

رمز عبور :

تکرار رمز :

ایمیل :

نام اصلی :

کد امنیتی : * کد امنیتیبارگزاری مجدد

X بستن تبلیغات
فروش بک لینک
X بستن تبلیغات
 قالب فارسی وردپرس
سرویس وبلاگدهی رایگان
هتل مشهدسفارش آگهی در پلن A2
قوانین انجمن قالب گراف
مشاهده کامل قوانین
1.1 منع فعالیت تبلیغاتی : هر گونه فعالیت تبلیغاتی در این انجمن بر خلاف قوانین بوده و با کاربر خاطی سریعا برخورد خواهد شد
1.2 منع فعالیت سیاسی : هر گونه فعالیت سیاسی بر خلاف قوانین بوده و با کاربر خاطی سریعا برخورد خواهد شد.
1.3 استفاده از زبان فارسی نه سایر زبان ها: زبان اصلی این انجمن فارسی است ، لطفا در هنگام ارسال مطالب از زبان پینگلیش(نوشتن کلمات فارسی با حروف انگلیسی) استفاده نکنید .
1.4 قالب گراف با دیگر (سایت های مرجع کد و گرافیک و قالب) هیچ کدورتی ندارد بنابراین چنانچه مشاهده شود کاربری بر ضد دیگر مراجع سخن میگوید کاربر مربوطه بار اول اخطار دریافت میکند و بار دوم به صورت کامل اخراج میگردد .
1.5 کپی برداری از دیگر مراجع ایرانی (کد و گرافیک و قالب) حتی با ذکر منبع نیز ممنوع میباشد و تاپیک های از این قبیل سریعا حذف خواهند شد و در صورت تکرار کاربر اخطار دریافت خواهد کرد .
1.6 کپی برداری از مطالب انجمن صحیح نیست چون ممکن است شخص گرد آورنده زحمت زیادی برای آن کشیده باشد و یادآور میشویم که مطالب این انجمن فقط برای استفاده شما هستند و نه کپی و درج در سایت ها و انجمن های خود و دیگران.
1.7 ارتقاء درجات کاربری نسبت به فعالیت مفید ، مستمر و اختصاصی شما توسط مدیران و مدیریت کل در بخش مدیران تصمیم گیری میشود و هرگونه درخواست ارتقاء درجه از طرف کاربر بدون پاسخ میماند ، لذا کاربران نباید درخواست ارتقاء داشته باشند و اینکار توسط مدیران تصمیم گیری خواهد شد .
نرم افزار افزایش بازدید
به دنبال مطلبی هستی ؟ اونو جستجو کن قالب گراف حتما داره ...
ظاهر اسکرول های قالب سایت یا وبلاگتان را با jquery custom content scroller حرفه ای کنید
یکی از محبوب ترین و زیباترین کد های اسکرول حرفه ای با طرح های متنوع و جذاب پلاگین malihu custom scrollbar می باشد.
با این کد شما می توانید اسکرول بخش های مختلف سایت یا وبلاگ خود را در مرورگر های مختلف در نسخه کامپیوتر ، لپ تاپ ، موبایل ، تبلت ، حرفه ای کنید .
برای دیدن پیش نمایش اینجا را کلیک کنید .

امکانات ویژه این اسکرول :
1- پشتیبانی از همه مرورگرها و سازگار با تمام سیستم عامل های موبایل
Internet Explorer 8+ , Firefox, Chrome, Opera, Safari, iOS, Android, Windows Phone
2- واکنشگرا بودن اسکرول در صورت تعیین درست css برای باکس (Responsive)
3- امکان استفاده به جای اسکرول معمولی سایت و هم چنین برای تعداد بی نهایت المنت و یا همان باکس
4- دارای چندین شکل و طرح متنوع برای اسکرول صفحه
5- دارای تنظیمات حرفه ای برای هر اسکرول
6- لمسی بودن اسکرول بار
7- قابلیت اسکرول کردن با دکمه های بالا و پایین و چپ و راست کیبورد

پیش از شروع ، این آموزش اختصاصی می باشد و توسط قالب گراف آماده شده است و از هر گونی کپی و بازنشر پست رضایتی نداریم !
اگر سایت کد دارید و مایل هستید منتشر کنید بسم الله ،خودتان بدون خواندن این آموزش به سایت منبعی که در آخر پست معرفی کرده ایم مراجعه کنید و با درک و فهم خودتان برای کاربرانتان توضیح دهید !


آموزش استفاده از این کد :
1- ابتدا کد استایل زیر را قبل از تگ </head> به قالب سایت یا وبلاگ خود اضافه کنید .

2- به کد <body> قالبتان کلاس mCustomScrollbar را اضافه کنید یعنی به شکل زیر تغییر کند .

3- کد زیر را قبل از تگ </body> به قالبتان اضافه کنید .

4- کد زیر را بعد از کد مرحله 3 به قالبتان اضافه کنید !

در کد بالا به جای #ggscrollbar1 کلاس یا ای دی باکس خود را که بگذارید.
اگر بخواهید برای بیش از یک باکس این کار را انجام دهید سطر مربوطه را دو بار وارد کنید ، مثال پایین برای دو باکس یکی با ای دی #ggscrollbar1 و یکی با کلاس .ggscrollbar2 است .


تنظیمات مربوط به این اسکرول :
اگر در کد 4 ام بالا دقت کنید ما کلماتی با اسم theme و .... داریم که این ها تنظیمات مربوط به هر اسکرول هست .
در این قسمت از آموزش سایت قالب گراف کاربردی ترین تنظیمات مربوط به اسکرول را به شما یاد می دهیم .
theme : این خاصیت نوع اسکرول سایت شما را تعیین می کند. برای دیدن نام طرح هر اسکرول اینجا را کلیک کنید .
autoHideScrollbar : اگر مقدار برابر true باشد به این معنی است که اسکرول مخفی باشد و فقط با آمدن موس روی آن اسکرول ظاهر گردد . به صورت پیش فرض مقدار آن false است یعنی اگر شما میخواهید به حالت عادی باشد لازم به تعیین مقدار false و در کل گذاشتن این تنظیم ندارید.
autoHideScrollbar:true
autoExpandScrollbar : اگر مقدار برابر true باشد به این معنا می باشد که با گرفتن موس روی اسکرول ، عرض آن بزرگتر شود . به صورت پیش فرض مقدار آن false می باشد .
autoExpandScrollbar:true
scrollButtons اگر مقدار برابر true تنظیم باشد ، دکمه های بالا و پایین به اسکرول اضافه می گردد . به صورت پیش فرض مقدار آن false می باشد.
scrollButtons:{enable:true}
setHeight : در صورتی که برای باکس خود در css ارتفاعی تعیین نکرده اید که بعد آن اسکرول شود میتوانید با این مولفه ارتفاعی بر حسب px تعیین کنید.
setHeight:400
setWidth : در صورتی که برای باکس خود در css طولی تعیین نکرده اید که بعد آن اسکرول شود میتوانید با این مولفه طولی بر حسب px تعیین کنید.
setWidth:400
به جای 400 در دو مثال بالا اندازه دلخواهتان را قرار دهید .
axis : تعیین می کند که باکس مربوطه در جهت ارتفاع y یا در طول x یا در هر دو جهت yx اسکرول شود .
axis:"yx"
keyboard : اگر مقدار آن true باشد امکان اسکرول کردن با دکمه های جهت دار کیبورد فراهم می شود . این مقدار به صورت پیش فرض روی true قرار دارد و نیاز به تعریف مجدد آن نیست.
keyboard:{enable:true}
mouseWheel : اگر مقدار آن true باشد امکان اسکرول کردن را با چرخ بین کلیک راست و چپ موس را فراهم می کند . این مقدار به صورت پیش فرض روی true قرار دارد و نیاز به تعریف مجدد آن نیست.
mouseWheel:{enable:true}
contentTouchScroll : امکان اسکرول کردن به صورت لمسی را در دستگاه های لمسی مهیا می کند.
contentTouchScroll:true
setLeft : تعیین می کند که در اسکرول های طولی ، اسکرول بار در کجای باکس باشد (یعنی به جای نمایش باکس از اول ، از میانه نشان دهد)
setLeft:"540px"
setTop : تعیین می کند که در اسکرول های عرضی ، اسکرول بار در کجای باکس باشد (یعنی به جای نمایش باکس از اول ، از میانه نشان دهد)
setTop:"540px"
در دو مثال بالا به جای 540 فاصله از اول باکس را تعیین کنید .
اگر میخواهید در خصوص تنظیمات بیشتر یاد بگیرید به سایت منبع مراجعه کنید .

اسکرول برای کل صفحه :
در بالا در خصوص اضافه کردن این اسکرول به باکس ها توضیح دادیم اما در این قسمت در خصوص اضافه کردن اسکرول به کل صفحه توضیح می دهیم.
ابتدای کار به شما اعلام می کنیم پیشنهاد قالب گراف این است که از این کد برای کل صفحه استفاده نکنید ! و از کد دیگری که در پست های آینده ارائه خواهیم داد ، استفاده کنید .
اما با این حال نحوه اضافه کردن این اسکرول به کل صفحه را توضیح می دهیم .
افزودن اسکرول به کل صفحه نیازمند طی همان 3 مرحله قبل است و اگر طی کرده اید نیاز به طی آن نیست ! فقط کمی متفاوت است آن هم با این تفاوت ها :
1- پس از کد شماره 1 کد زیر را به قالبتان اضافه کنید

2- به جای کد دوم این کد را درج کنید :

در کد بالا 3d-dark نام theme است که می توانید تغییر دهید .


منبع و سخن نهایی :
برگرفته شده از : فارسی سازی آموزش توسط : کپی برداری از متن بالا شرعا حرام می باشد !
این آموزش فقط جهت استفاده کاربران می باشد.


برچسب ها : , , , , , , , , , , , , , , , , ,
افزایش بازدید رایگان
تعداد بازديد : 551
تاریخ انتشار : شنبه 13 شهريور 1395 ساعت: 19:27
نویسنده :
کپی برداری از این پست حرام می باشد و ما رضایتی نداریم !
مطالب مرتبط
نظرات
1395/9/21 - 19:09
مرتضی عیدی
آقا ببخشید من تو قسمت theme مشکل دارم هرچی میزارم فرقی نمی کنه و فقط یک نوع هست چیکار کنم :
اینم کدی که گذاشتم

(function($){
$(window).on("load",function(){
$("#ggscrollbar1").mCustomScrollbar({
axis:"yx",
theme:"dark"
});
});
})(jQuery);

اما هرچی میزارم همش light-2 میاد
پاسخ : طبق آموزش عمل کنید اجرا میشه.
حالا شما بگید کدوم استایل رو میخوایین تا من کدش رو تقدیم کنم
1395/9/19 - 9:53
آرمین
اون تگ body رو پیدا نکردم تو قالب من یه تگ بادی هست که قبلش اسلشه اما body خالی نیست
چه کنممممممممم
پاسخ : قالبتون درست ساماندهی نشده برای این
شما اون کد رو بعد تگ head که قبلش یه اسلش هست قرار بدین
1395/6/20 - 1:56
Mobin
واقعا همچین پستی نیاز بود !
ممنون
پاسخ : بله همینطوره.
ممنون از نظرتون
1395/6/17 - 9:36
رضا
من خیلی مبتدی ام و نتونستم خیلی از اون کدهارو توی قالبم ویرایش کنم . اگه کد قالب رو بهتون بدم میشه برام انجامش بدین؟
پاسخ : بله انجام میدیم.
لطفا به تاپیکی که یکی از کاربران توی نظر قبلی معرفی کردن مراجعه کنید.
با تشکر
1395/6/16 - 16:45
احمدرضا
بفرما گذاشتم بازم جواب نگرفتم

http://ghalebgraph.ir/Forum/Post/19402
پاسخ : پاسخ دادیم.
1395/6/15 - 22:17
احمدرضا
سلام داداش من واقعا ممنونم اما این کد قالبم رو بهم میزنه و یه درخواست دارم میشه لینک اسکورل بار سایتتون رو بدید نگید که اختصاصی هستش چون خیلی از سایت ها دارن ولی من نتونستم نصب کنم
پاسخ : کد سالمه جایی رو هم به هم نمیزنه به شرطی که درست استفاده کنید.
این پست یه جورایی ویژه طراحان قالب هست که اشنایی مختصر با کدنویسی دارن .
شما توی انجمن درخواست بدید ما تو قالبتون این تغییرات رو اعمال میکنیم.
اون کد خودمونم معرفی میکنیم اما دو هفته بعد که لطفا یاداوری کنید.
چون دو پست اسکرول پشت هم نمیشه ! کاربرامون شاکی میشن
1395/6/14 - 18:03
محمدززززز
سلام ممنون از جواب
منظورم فرم ارسال نظر بود
پاسخ : فرق نداره ایده میخواد .
بازم تشکر از نظرتون
1395/6/14 - 17:09
وبلاگ هوادران مهساکامیابی
سلام لطفاچک کنیدایمیلتون مرسی
پاسخ : سلام
پاسخ داده شد
موفق باشید
1395/6/14 - 15:20
مستر محمد اسلامی
خیلی خوب بود بسیار تشکر..
پاسخ : خوشحالیم که خوشتون اومده
با تشکر از نظرتون
1395/6/14 - 14:21
صادق
با سلام
یه درخواست داشتم
میشه یه کد روزشمار تولد درست کنید ؟
واسه سایت های تفریحی و عاشقانه نیاز میشه و استقبال میشه
تو نت هم نیست
پاسخ : سلام
قبلا قرار دادیم با دو کلمه زیر به صورت جدا از باکس جستجو سایت استفاده کنید :
لحظه نگار
روز شمار
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی