قرار دادن اسکریپت dockmenu در قالب وردپرس!!!
- نویسنده موضوع baxair2
- تاریخ شروع
indol
IAMIR
کاربر عضو
اولا تذکر محمد عزیز کاملا به جاست . قورباقه نارس که نخوردی براردر من که اینقدر عجله داری .
دوم کجای قالب می خوای بذاریش . دستکاری قالب زیاده . اگر توی css3 و jquery نمی تونی ویرایش اعمال کنی پیشنهاد میشه . زیاد قالب را دستکاری نکن . کاری به یک حرفه بسپار .
یک div بساز و داخل فایل head قالب زیر تگ body قرار بده . و خاصیت css تگ div را static بذار . ومکان و اندازه box مورد نظر را توسط css تنظیم کن .
حالا بیا . دو فایل css منو و جاوا اسکریپت منو را داخل head اضافه کن .
اینم داخل div که ساختی بذار ..
اگر نشد div را وردار فقط کد زیر body بذار ..
از قالبت بک آپ بگیر .. احتمالا به مشکل می خوری چون من فقط روش را گفتم . پیشنهاد میشه . اگر در زمینه مورد نظر آشنایی نداری .. بدی یک برات قالب را ویرایش کنه . چون ممکنه اذیت بی .. البته یکم هم خلاقیت خرج کنید ..
دوم کجای قالب می خوای بذاریش . دستکاری قالب زیاده . اگر توی css3 و jquery نمی تونی ویرایش اعمال کنی پیشنهاد میشه . زیاد قالب را دستکاری نکن . کاری به یک حرفه بسپار .
یک div بساز و داخل فایل head قالب زیر تگ body قرار بده . و خاصیت css تگ div را static بذار . ومکان و اندازه box مورد نظر را توسط css تنظیم کن .
حالا بیا . دو فایل css منو و جاوا اسکریپت منو را داخل head اضافه کن .
<script src="core/jquery-1.10.2.min.js"></script>
<script src="core/dockmenu.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#wrapper1').dockmenu({
buttons: [{
'title': 'Settings',
'href': '#settings',
'imgURL': 'icons/Settings.png',
'onClick': function(){
alert('You clicked on the Settings icon');
}
},{
'title': 'App Store',
'href': '#AppStore',
'imgURL': 'icons/AppStore.png',
},{
'title': 'Camera',
'href': '#camera',
'imgURL': 'icons/Camera.png',
},{
'title': 'Games',
'href': '#Games',
'imgURL': 'icons/Games.png',
},{
'title': 'Mail',
'href': '#Mail',
'imgURL': 'icons/Mail.png',
},{
'title': 'Music',
'href': '#Music',
'imgURL': 'icons/Music.png',
'onClick': function(){
alert('You clicked on the Music icon');
}
},{
'title': 'Safari',
'href': '#Safari',
'imgURL': 'icons/Safari.png',
},{
'title': 'Photos',
'href': '#Photos',
'imgURL': 'icons/Photos.png',
}]
});
$('.close').on('click', function()
{
if( $('.menu').position().left === 0 )
{
$('.menu').animate({'left':'-335px'}, 1000);
$(this).html('>');
}
else
{
$('.menu').animate({'left':'0'}, 1000);
$(this).html('x');
}
});
});
</script>
<script src="core/dockmenu.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#wrapper1').dockmenu({
buttons: [{
'title': 'Settings',
'href': '#settings',
'imgURL': 'icons/Settings.png',
'onClick': function(){
alert('You clicked on the Settings icon');
}
},{
'title': 'App Store',
'href': '#AppStore',
'imgURL': 'icons/AppStore.png',
},{
'title': 'Camera',
'href': '#camera',
'imgURL': 'icons/Camera.png',
},{
'title': 'Games',
'href': '#Games',
'imgURL': 'icons/Games.png',
},{
'title': 'Mail',
'href': '#Mail',
'imgURL': 'icons/Mail.png',
},{
'title': 'Music',
'href': '#Music',
'imgURL': 'icons/Music.png',
'onClick': function(){
alert('You clicked on the Music icon');
}
},{
'title': 'Safari',
'href': '#Safari',
'imgURL': 'icons/Safari.png',
},{
'title': 'Photos',
'href': '#Photos',
'imgURL': 'icons/Photos.png',
}]
});
$('.close').on('click', function()
{
if( $('.menu').position().left === 0 )
{
$('.menu').animate({'left':'-335px'}, 1000);
$(this).html('>');
}
else
{
$('.menu').animate({'left':'0'}, 1000);
$(this).html('x');
}
});
});
</script>
کد:
<div id="wrapper1"></div>
کد:
از قالبت بک آپ بگیر .. احتمالا به مشکل می خوری چون من فقط روش را گفتم . پیشنهاد میشه . اگر در زمینه مورد نظر آشنایی نداری .. بدی یک برات قالب را ویرایش کنه . چون ممکنه اذیت بی .. البته یکم هم خلاقیت خرج کنید ..
alifiresoft
کاربر عضو
به نظرم شما داخل قالب اصلی هم دستکاری کردید. فایل قالبتون مشل نداشت. به نظر میاد مشکل از فایل استایل قالب باشه