رفتن به مطلب

تایتل برای قالب


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

سلام می خواستم بدونم نحوه ایجاد تایتل برای قالب چطوریه؟ تایتل زیبا با جی کوئری داریم؟

لینک به ارسال

سلام

تایتل یعنی چی؟ یک نمونه بگید یا توضیحی بدید.

منظورتون لوگو هست؟

تاپیک منتقل شد./

لینک به ارسال

وقتی موس رو روی لینک میبریم توضیحی در مورد لینک رو نشون میده؟ من می خوام اون عنوان که به نمایش در میاد رو تغییر بدم به چیزی که مد نظر خودم هستش نمونه (title="عنوان از لینک یا پست") اسم تایتل شاید اشتباه بگم بعضی مواقع alt هم بکار میاد

لینک به ارسال

برای لینک همون تایتل هست.

اما فکر کنم شما دنبال tooltip هستید.

لینک به ارسال

ي نمونه از Tooltip كه ميتونيد خودتون تغييرات بديد

اول استايل تول تيپ هست كه به شكل زير هست :

#tooltip{
position:absolute;
border:1px solid gray;
background:#FFFFFF;
min-width:40px;
min-height:14px;
text-direction:rtl;
text-align:center;
padding:2px 5px;
filter:alpha(opacity=75);
opacity:0.7;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color:#000000;
shadow:5px 5px 0 #FFF;
font-size:8pt;
font-family: tahoma;
text-shadow:1px 0px 1px #565656;
display:none;
}

و بعد براي استفاده بايد به اين صورت استفاده بشه

<a class="tooltip" title="تماس با من" href="www.site.com</a>

البته بيد از فايل tooltip.js كه پيوست كردم هم استفاده كنيد تا نماي بهتري پيدا كنه و آجاكس نمايش بده

براي استفاده از فايل Tooltop.js هم اين كد رو در هدر قرار بديد تا فايلتون فراخوان بشه :

<script language="javascript" src="js/Tooltip.js"></script>

موفق باشيد....

tooltip.rar

ویرایش شده توسط Farhad
لینک به ارسال

چطوری توی قالب تنظیم کنم

<script language="javascript" src="js/Tooltip.js"></script>

قرار دادم توی هدر و اون کدی css هم توی فایل style.css قرار دادم و برای لینک مورد نظرم تگ تایتیل رو گذاشتم طبف نمونه که شما قرار دادید ولی کار نکرد

لینک به ارسال

دوست عزيز اين هم يك آموزش كامل و كاربردي از اين‌كار توسط آقا علي عزيز ..


http://aliha.ir/2009/06/04/easiest-tooltip-using-jquery/

لینک به ارسال

دوستان من هر کاری میکنم تولیپ اعمال نمیشه؟ چیکار باید بکنم؟ توی کد ها این # مگه معرف تگ Id نیست چرا توی صفحه نمایش از class استفاده شده؟

لینک به ارسال

لينك آنلاين از كاري كه انجام داديد قرار بديد تا ببينيم مشكل از كجاست ..

لینک به ارسال

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

http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

دوستانی که اشنای دارند کمک کنند که باید چیکار کنم

لینک به ارسال

برای هر کدوم کدهای نمونه رو داده.

کجای کار مشکل دارید؟

لینک به ارسال

گزینه های Complex Animation و Simple Animation رو مد نظرم هست کد جی اس اون و css و نحوه قرار دادن توی قسمت مورد نظر نحوه توی قالب ممنون میشم مرتضی عزیز برام توضیح بدی

ویرایش شده توسط OfflineBaz
لینک به ارسال

برای نمونه Simple Animation:

کد html:

<div type="text" id="example21" class="target" title="Animations are a bit complicated, but very flexible.">hover</div>

type رو برای این تولتیپ باید روی text قرار بدید.

id و class برای شناسایی المان به تولتیپ هست.

id برای شناسایی اون المان و تولتیپ شدن توضیحاتش هست.

در title هم متن تولتیپ قرار میگیره.

کد js:

$('#example21').bt({
showTip: function(box){
$(box).fadeIn(500);
},
hideTip: function(box, callback){
$(box).animate({opacity: 0}, 500, callback);
},

shrinkToFit: true,
hoverIntentOpts: {
interval: 0,
timeout: 0
}
});

در کد بالا #example21 همون id یی هست که به المان html دادیم.

لینک به ارسال

کدهای id و class رو لطفی کن برام دربیار کدهای Complex Animation اینو برام دربیاری ممنون میشم

توی این تولتیب فایل js اون میشه همین چند خط احتیاج به معرفی فایل جی کوری نیست؟ همین چند خط رو میشه بریزم توی یه فایل و مسیر فایل رو توی هدر وارد کنم؟

ویرایش شده توسط OfflineBaz
لینک به ارسال

نیاز به در آوردن نیست! شما کافیه جاگذاری کنی. هر دو هم مثل هم هستن.

فایل جی کوئری نیاز هست.

در ضمن باید فایل این تولیتپ رو هم از آدرس زیر بگیرید و در صفحه در هد بزارید.

http://archive.plugins.jquery.com/project/bt

اون چند خط رو هم میتونید در یک فایل قرار بدید و در هد بزارید.

لینک به ارسال

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

امکان داره یه نمونه فارسی شده دمو قرار بدی؟ یعنی با همون id , class که مدنظر من هستش

ویرایش شده توسط OfflineBaz
لینک به ارسال

درسته ریلیز رسمی نشده.

این هست:

http://www.lullabot.com/files/bt/bt-latest/jquery.bt.js

لینک به ارسال

امکان داره یه نمونه فارسی شده دمو قرار بدی؟ یعنی با همون id , class که مدنظر من هستش

لطف کنید یه نمونه بزارید که منم توی قالب مورد نظر خودم قرار بدم

لینک به ارسال

http://jsfiddle.net/cdxM3/

نکته: با جی کوئری تا 1.7 سازگار هست.

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

لینک به ارسال

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

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

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

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

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

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

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

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

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