رفتن به مطلب

درخواست کد tooltip


پست های پیشنهاد شده

سلام.من دنبال یک کدی هستم که بتونم پنجره تولیتیپ رو به شکل زیر داشته باشم

Untitled.jpg

می خوام در ابزارک سایت لینک سایتهایی رو معرفی کنم و لینک بدم و توضیحات مربوط به اون سایت وقتی موس میره روی لینک به صورت بالا کنارش در سمت چپ نشون بده..

----------------

درصورت امکان در تاپیک زیر هم یک راهنمایی بکنید

http://forum.wp-parsi.com/topic/7997-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%AA%D8%A8-%D8%B2%DB%8C%D8%A8%D8%A7-%D8%A8%D8%A7-%D8%AC%DB%8C%E2%80%8C%DA%A9%D9%88%D8%A6%D8%B1%DB%8C/#entry109157

ویرایش شده توسط M.A.H.D.Y
لینک به ارسال

ممنون خیلی کامل این اما چطوری کد هاش رو باید بدست بیارم؟ سر درنیاوردم متاسفانه..

مثلا در صفحه http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html کد دستوری مربوط به مثال Content from attribute تقریبا میشه گفت همون چیزی که مد نظرم هستش با فقط کادری دور اون لینک نباشه و بتوتم توی پنجره تولیپیت متن زیادی بنویسم

لینک به ارسال

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

لینک به ارسال

فایلهای رو در پوشه پوسته قرار دهید و فراخوانی کنید

در بخش head سایت


<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/jcarousel.css" type="text/css" media="screen"/>

لینک به ارسال

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

ممنون بابت پاسخ گویی

لینک به ارسال

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

jQuery(سلکتور موردن نطر)....

فقط برای همون بخش اجرا میشه

لینک به ارسال

ممنون اقا مرتضی .

این راهنمایتون مربوط به گفته اقا پارسا هستش یعنی مربوط به اون تولیتیپ هستش ؟

---------------------------------------------------------------

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

کد مربوط به head این بود

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>BeautyTips Demo Page</title>
<meta name="author" content="Jeff Robbins">

<!-- STUFF YOU NEED FOR BEAUTYTIPS -->
<script src="http://www.lullabot.com/files/bt/bt-latest/other_libs/jquery-1.3.2.min.js" type="text/javascript" charset="utf-
8"></script>
<script src="http://www.lullabot.com/files/bt/bt-latest/other_libs/jquery.hoverIntent.minified.js" type="text/javascript"
charset="utf-8"></script>
<script src="http://www.lullabot.com/files/bt/bt-latest/other_libs/bgiframe_2.1.1/jquery.bgiframe.min.js" type="text/javascript"
charset="utf-8"></script>
<!--[if IE]><script src="../other_libs/excanvas_r3/excanvas.js" type="text/javascript"
charset="utf-8"></script><![endif]-->
<script src="http://www.lullabot.com/files/bt/bt-latest/jquery.bt.min.js" type="text/javascript" charset="utf-8"></script>
<!-- /STUFF -->

<!-- cool easing stuff for animations -->
<script src="http://www.lullabot.com/files/bt/bt-latest/other_libs/jquery.easing.1.3.js" type="text/javascript" charset="utf-
8"></script>
<!-- /easing -->

<!-- just for demo -->
<script src="http://www.lullabot.com/files/bt/bt-latest/DEMO/demofiles/demo.js"
type="text/javascript" charset="utf-8"></script>
<link href="http://www.lullabot.com/files/bt/bt-latest/DEMO/demofiles/demo.css" rel="stylesheet"
type="text/css">
<!--[if IE]><link href="demofiles/demo-ie-fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!-- /demo stuff -->

</head>

و کد مروبط به خود اون استایل تولیتیپ هم این بود

<div class="example" id="content-from-attribute">
<h3>Content from attribute</h3>
<div class="ie-fix"><a id="example3" href="http://www.lullabot.com" title="" class="target" bt-
xtitle="link to Lullabot">hover</a></div>
<div class="desc">
<p>This example uses the contentSelector attribute to determine where the content comes from. In
this case the selector is <code>$(this).attr('href')</code> and the content is the href attribute of
the hovered link. Other options define a red balloon with bold white text. The box will be a variable
width up to 400px ("width: 'auto' in cssStyles makes text box shrink-to-fit) with rounded corners. The
script will try to position the box to the left, then to the right, and finally it will place it on
the bottom if it does not fit elsewhere.</p>
<div class="source">
<div class="html-link"><a href="#">html</a></div><div class="html-source" style="display: none;
"><textarea style="width: 100%; height: 32px; " bt-xtitle="" title=""><a id="example3"
href="http://www.lullabot.com" title="link to Lullabot"
class="target">hover</a></textarea></div><div class="html-link"><a
href="#">javascript</a></div><div class="js" style="display: none; "><textarea style="width: 100%;
height: 158px; " bt-xtitle="" title="">$('#example3').bt({
contentSelector: "$(this).attr('href')",
fill: 'red',
cssStyles: {color: 'white', fontWeight: 'bold'},
shrinkToFit: true,
padding: 10,
cornerRadius: 10,
spikeLength: 15,
spikeGirth: 5,
positions: ['left', 'right', 'bottom']
});</textarea></div>
</div></div>
</div>

جالا کدوم قسمت این کدها نیاز هستش و کدوم قسمت ها باید حذف بشه تا بتونم تولیتیپ رو درست فراخوانی کنم ؟ اصلا این کدها استخراج شده درسته؟

لینک به ارسال

فایل استایل رو فراخوانی کنید به شیوه گفته شده


<span class="simptip-position-top" data-tooltip="I'm in top">position top</span>

لینک به ارسال

مرسی دوستان با این کد و اون سری کد قبلی تقریبا به چیزی که می خواستم رسیدم اما یک مشکلی دارم اینه که چون توضیحات من برای پنجره تولیپیت زیاده نوشته به صورت خطی در یک ردیف میاد و از کادر سایت میزنه بیرون برای اینکه بتونم پنجره تولیتیپ رو طوری تنظیم کنم که بشه متن بلند رو توش گزاشت و متن توی چند خط توی پنجره تولیتیپ قرار بگیره .. آیا باید توی استایل دست برد یا میشه اون متن طولانی رو توی چند سطر با یک کد درست کرد؟

کد به همراه متنی که می خوام بزارم...


<span class="simptip-position-left" data-tooltip="
سایت WEBEE ارائه کننده اطلاعات و اخبار در زمینه مهندسی برق و الکترونیک می باشد . در سایت به آخرین پیشرفت ها و رویداد ها پرداخته می شود
. همچنین می توان مطالبی به عنوان خودآموز الکترونیک را در این سایت مشاهده نمود و از آنها استفاده کرد ، ماشین های محاسب ONLINE در سایت
برای محاسبات تخصصی مدارات الکترونیکی قرار داده شده اند ، از انتشارات و مجلات موسسه نیز می توان در سایت بهره برد . مطالب دیگر سایت تحت
عناوین آموزش ، LINK ها ، DOWNLOADS و امکانات جستجو ارائه می شوند
"><a href="http://www.web-ee.com" target="_blank">http://www.web-ee.com</a></span>

لینک به ارسال

باید خروجی رو ادرس بدید تا بتونیم ببینیم و مشکل رو بهتون بگیم

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...