fantome0 40 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 افزونه ای هست که تصاویری که به صورت گالری تو سایت قرار میدم رو به صورت سیاه و سفید نشون بده و وقتی با موس میرم رو عکسا رنگی بشه و وقتی رو تصاویر کلیک بشه تو همون صفحه عکس ها باز بشن نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 (ویرایش شده) ظاهرا پلاگینی واسه این کار وجود نداره!من یه کدی پیدا کردم که نوشته تصاویر رو سیاه و سفید میکنه منتها برای وبلاگه.میشه تو ای کد تغییراتی انجام داد که بشه تو وردپرس هم ازش استفاده کرد؟----------------------------البته من میخوام به یه دسته از تصاویر تو یه برگه جدا که به صورت گالری گذاشتم این افکت رو بدم نه به کل تصاویر سایت ویرایش شده شهریور 92 توسط fantome0 نقل قول لینک به ارسال
Farid 2281 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سلامشما باید بگردید دنبال یه پلاگین گالری که این استایل رو داشته باشه // ولی پلاگین های جاوا رایگانی هستن که روی عکس افکت هایی ایجاد میکنن ( مثلا سیاه سفید ، یا blur کردن ) ، با سرچ در گوگل این پلاگین ها رو پیدا کنید و با وردپرس ست کنید 1 نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 فرید جان خیلی سرچ کردم ولی پلاگین خاصی واسه این کار پیدا نکردم. فقط یکسری آموزش هست که با css هست. نقل قول لینک به ارسال
Farid 2281 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 من یک نمونه براتون پیوست کردم که افکت های مختلف روی عکس رو داره jquery_hover.zip 3 نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 میشه یه توضیحی بدی چجوری این فایلا رو رو وردپرس ست کنم؟الان تو این فایل که دادی 3 تا فایل داره :picanim.cssjquery-1.7.2.min.jsjquery.picanim.min.jsاینهارو باید کجا قرار بدم ؟ نقل قول لینک به ارسال
alimir 795 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 این سه فایل رو در قالبتون بارگذاری و سپس فراخوانیشون کنید.اما بخش اصلی کار استفاده از اسکریپت در نوشته هاست.با یک کد ساده هم این کار عملیه، به عنوان نمونه:$(document).ready(function(){$('.full-post-content img').picanim({initEf:'grayscale',hoverEf:'foldLeft'});});فقط حواستون باشه که نام سکلتور رو با سلکتور متون قالب خودتون ست کنید. 2 نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 (ویرایش شده) $(document).ready(function(){$('.full-post-content img').picanim({initEf:'grayscale',hoverEf:'foldLeft'});});این کد رو تو کدوم بخش سایت قرار بدم؟ قبل از head یا تو body ?کد رو داخل تگ php قرار بدم یا script؟من چون میخوام فقط واسه یه برگه جدا این افکت رو اعمال کنم احتیاجی به تغییر نام سلکتور هست؟ ویرایش شده شهریور 92 توسط fantome0 نقل قول لینک به ارسال
alimir 795 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 فرقی نمیکنه، اما چون فایل جاوااسکریپتی هست، بهتره در فوتر (یا همون body) قرارش بدید.مسلما باید داخل تگ Script باشه. البته میتونید یک فایل با فرمت js هم بسازید و آدرس دهیش کنید.صد در صد، چرا که این سلکتور رو من به صورت فرضی نوشتم و ممکنه در قالبتون این سلکتور وجود نداشته باشه. بنابراین حتما اون رو باید با قالب خودتون ست کنید. 1 نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 من الان این 3 فایل رو به این صورت فراخوای کردم تو هد سایت:<link href="css/picanim.css" rel="stylesheet" type="text/css"/><script src="js/jquery.picanim.min.js" type="text/javascript"></script><script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>و کدی که شما دادی رو تو بادی به یان صورت قرار دادم:<script>$(document).ready(function(){$('.full-post-content img').picanim({initEf:'grayscale',hoverEf:'foldLeft'});});</script>الان فقط نمیدونم سلکتور متون قالبم چی هست. چطور پیداش کنم؟این آدرس سایت موردنظر هست: سایت نقل قول لینک به ارسال
alimir 795 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 نکته اول:این شکلی که شما آدرس دهی کردید در Html کاربرد داره، اما در وردپرس ما نمیتونیم به این صورت آدرس دهی کنیم، چرا که لینک سایت رو دربرنخواهد داشت.باید از تابع Get_template، پیش از آدرس دهی ها استفاده کنید. به عنوان نمونه:<link href="<?php echo get_template_directory_uri(); ?>/css/picanim.css" rel="stylesheet" type="text/css"/>برای سلکتور هم کلاس cntnt_sec_news رو تست کنید. 1 نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 (ویرایش شده) علی جان به همین صورتی که گفتی انجام دادم ولی کار نمیکنه.الان من به اینصورت قرار دادم:<link href="<?php echo get_template_directory_uri(); ?>/css/picanim.css" rel="stylesheet" type="text/css"/><script type="text/javascript" src="<?php bloginfo( 'stylesheet_directory' ); ?>js/jquery.picanim.min.js"></script><script type="text/javascript" src="<?php bloginfo( 'stylesheet_directory' ); ?>js/jquery-1.7.2.min.js"></script><script>$(document).ready(function(){$('.cntnt_sec_news').picanim({initEf:'grayscale',hoverEf:'foldLeft'});});</script>من تصاویر رو به صورت گالری قرار دادم.شاید به این خاطره که کار نمیکنه ویرایش شده شهریور 92 توسط fantome0 نقل قول لینک به ارسال
alimir 795 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 تو آدرس دهی اسکریپت ها، اسلش "/" رو قبل از نام فولدر js جا انداختی به همین خاطر فایلها به درستی در سورس قالب بارگذاری نشدن.* راستی درستش اینه که کتابخانه جی کوئری قبل از بقیه اسکریپت ها قرار بگیره، بنابراین بهتره جای دو اسکریپت رو عوض کنی. 1 نقل قول لینک به ارسال
fantome0 40 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 الان درست شده ولی تصاویری که تو صفحه گذاشت بودم دیگه نمایش داده نمیشن(وقتی صفه رو رفرش میکنم عکس خیلی سریع نمایش داده میشه بعد یهو غیب میشه)لطفا یه نگاهی بکنید: سایت نقل قول لینک به ارسال
alimir 795 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 الان که کلا هیچی رو نشون نمیداد! این مشکل به خاطر حذف تگ img.سلکتور رو باید به صورت زیر به کار ببرید:.cntnt_sec_news img 2 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .