miraziz 26 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 دوستان من اصلا دانشی از جاوا ندارم ولی در مورد کدهای زیر یک سوال دارم.اگر به صفحه ی زیر بروید و موس را بر روی عنوان خبر ها ببرید خواهید دید که پس زمینه ی عنوان و border تصویر بند انگشتی آبی رنگ میشه. در واقع کد زیر میگه اگه موس بر روی عنوان رفت بر روی border تصویر بند انگشتی نیز تاثیر بذاره.http://sayannet.ir/c...ر-و-اطلاعیه-ها/ولی اگه دقت کنید وقتی موس بر روی عنوان یکی از مطالب میره، border تمام تصاویر بند انگشتی اون صفحه آبی میشه.حالا چگونه می توان کاری کرد که تنها تصویر بند انگشتی مربوط به آن مطلب تغییر رنگ دهد و سایر تصاویر بند انگشتی تغییری نکند.<script>$('.posttitle').mouseover(function (){$('.<?php the_ID(); ?> img').css("border", '2px solid #029AFE')});$('.posttitle').mouseout(function (){$('.<?php the_ID(); ?> img').css("border", '2px solid #ededed')});</script> نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 این کد شما بزرگترین مشکلش اینه که باید به تعداد پستهای صفحه تکرار بشه و این باعث کند شدن سایت می شه این کد صحیحتره<script type="text/javascript">$(document).ready(function() {$('.posttitle').hover(function (){$(this).parent(".post").find("img:nth-child(1)").css("border", '2px solid #029AFE');},function() {$(this).parent(".post").find("img:nth-child(1)").css("border", '2px solid #ededed')});})</script> 4 نقل قول لینک به ارسال
miraziz 26 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 (ویرایش شده) ممنون آقای فخار که جواب دادید.ولی این کدی که دادید عمل نکرد و با رفتن موس بر روی عنوان وبلاگ بر border تصویر بند انگشتی تاثیری نمی ذاره.الن کدهای شما را قرار دادم.می تویند در لینک زیر ببینیدhttp://sayannet.ir/c...ر-و-اطلاعیه-ها/ ویرایش شده دی 92 توسط miraziz نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 با css راحت تر نیست ؟#entry .posttitle:hover,#entry .posttitle:hover img {border:2px solid #029AFE;background-color:#029AFE;} 5 نقل قول لینک به ارسال
miraziz 26 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 با css راحت تر نیست ؟#entry .posttitle:hover,#entry .posttitle:hover img {border:2px solid #029AFE;background-color:#029AFE;}آقا قاسم کدی که شما دادید هم کار نکرد و فقط ارتفاع پس زمینه عنوان را زیاد کرد.در عکس زیر ببنید.همچنین این ویژگی مگر در ie8 پشتیبانی می شود. نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 این را امتحان کنید :#entry .posttitle:hover {background-color:#029AFE;}#entry .posttitle:hover #entry img {border:2px solid #029AFE;} 2 نقل قول لینک به ارسال
miraziz 26 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 آقا قاسم این کد هم تنها رنگ پس زمینه را تغییر می دهد و بر روی تصویر بندانگشتی تاثیری ندارد نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 دوست عزیز کد را باید برای قالبتون تنظیم می کردید این کد را در فایل header.php و درست قبل از بسته شدن تگ head بگذارید که به این شکل شود:<script type="text/javascript">$(document).ready(function() {$('.posttitle').hover(function (){$(this).parent(".entry").find(".thumb").find("img").css("border", '2px solid #029AFE');},function() {$(this).parent(".entry").find(".thumb").find("img").css("border", '2px solid #ededed')});})</script></head> 5 نقل قول لینک به ارسال
miraziz 26 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 سلام.آقای فخار دقیقا همین کار را می کنم ولی کار نمیکنه.نمی دونم چرا؟ نقل قول لینک به ارسال
NESTED 4295 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 دوست عزیز کدی جناب فخار قرار دادن تست شده و درست می باشداگز براتون مقدرو هست دسترسی بدین تا براتون بررسی بشه ! 3 نقل قول لینک به ارسال
miraziz 26 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 دوستان توسط کد های زیر درست شد<script>$('.posttitle<?php the_ID(); ?> h2 a').mouseover(function (){$(this).css("color",'#FFF');});$('.posttitle<?php the_ID(); ?> h2 a').mouseout(function (){$(this).css("color",'#000');});$('.posttitle<?php the_ID(); ?>').mouseover(function (){$('.<?php the_ID(); ?> img').css("border", '2px solid #029AFE');$('.posttitle<?php the_ID(); ?>').css("background-color","#029AFE");});$('.posttitle<?php the_ID(); ?>').mouseout(function (){$('.<?php the_ID(); ?> img').css("border", '2px solid #ededed');$('.posttitle<?php the_ID(); ?>').css("background-color","#FFF");});</script> نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .