-Ali-

مشکل با نمایش استایل های tooltip

6 پست در این موضوع قرار دارد

سلام

من با این کد tooltip های سایت رو استایل دهی میکنم :


a:after {
content: attr(title);
position: absolute;
height: 20px;
padding: 7px;
color: #FFF;
background: rgba( 0, 0, 0, 0.5 );
white-space: nowrap;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
opacity: 0;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
a:hover:after {
opacity: 1;
}

فقط یه مشکلی وجود داره اونم اینه که لینک هایی که title هم ندارند این استایل رو میگیرند و وقتی موس رو روشون نگه میدارم با این که توضیحات ندارند tooltip کوچیکو و خالی بالاشون هست !

میشه با js یا چیزی کاری کرد فقط لینک هایی که title دارند این tooltip رو بگیرند ؟

0

به اشتراک گذاری این پست


لینک به پست

شما فورس رو روی a گذاشتید و بدیهیه که این اتفاق میافته

میتونید از custom data استفاده کیند. (*-data) و بعد در js شرط بذارید.

1

به اشتراک گذاری این پست


لینک به پست

آموزش چیزی در اینباره دارید ؟

سایت ایران فیلم : http://iranfilm206.com/ این کارو کرده روی عکسا , اسلایدر , یا لینکایی که title دارند فقط اجرا میشه


<script type='text/javascript' src='http://iranfilm206.com/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type='text/javascript' src='http://iranfilm206.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://iranfilm206.com/wp-content/plugins/pe_estro_slider/resources/pe.kenburns/jquery.pixelentity.kenburnsSlider.min.js?ver=1.0'></script>

<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/jquery.liquidcarousel.pack.js"></script>
<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/script.js"></script>
<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/menu.js"></script>
<script type="text/javascript" src="http://iranfilm206.com/wp-content/themes/iranfilm/js/MTForum.js"></script>
<script src="http://iranfilm206.com/wp-content/themes/iranfilm/js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
//$(".Workers li a.Media").FooterWorkers("<span><br><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/browser.png\" /></span>");
$(".Workers li a.Design").FooterWorkers("<span><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/pcboy.png\" /></span>");
$(".Workers li a.Desktop").FooterWorkers("<span><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/xtar.png\" /></span>");
//$(".Workers li a.Ranking").FooterWorkers("<span><img src=\"http://iranfilm206.com/wp-content/themes/iranfilm/images/iranfilm.png\" /></span>");
});
</script>
<script type='text/javascript' src='http://iranfilm206.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.js?ver=3.09'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/iranfilm206.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"\u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644 ..."};
/* ]]> */
</script>
<script type='text/javascript' src='http://iranfilm206.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.2'></script>

کدوم js هست دقیقا ؟؟!!

js که ریپ حساب نمیشه که خلاف قوانین باشه ؟؟ :huh:

0

به اشتراک گذاری این پست


لینک به پست

می تونی به جای استفاده از استایل از tooltip عادی HTML استفاده کنی:

title="shown tooltip"

0

به اشتراک گذاری این پست


لینک به پست

:| دوست عزیز اون که پیشفرض هست من میخوام بهش استایل بدم و با این مشکل بر خوردم که اونایی که titile ندارند هم این استایلو میگیرند !

0

به اشتراک گذاری این پست


لینک به پست

:| دوست عزیز اون که پیشفرض هست من میخوام بهش استایل بدم و با این مشکل بر خوردم که اونایی که titile ندارند هم این استایلو میگیرند !

ببین شما الان مشکلت این هست که سایر لینک ها هم این کلاس را میگیرن، به خاطر Type یا id مشترک هست احتمالا!

راح حلش اینه که شما برای اون لینکهایی که نمیخوای این استایل را بگیرن یک کلاس جدید تعریف کنی و اون کلاس را به همشون تخصیص بدی...

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری