• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
OfflineBaz

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

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

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

0

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


لینک به پست

سلام

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

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

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

1

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


لینک به پست

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

0

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


لینک به پست

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

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

2

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


لینک به پست

اره همون تولتیپ اسمش یادم رفته

0

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


لینک به پست

ارسال شده در (ویرایش شده)

ي نمونه از 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
5

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


لینک به پست

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

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

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

1

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


لینک به پست

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


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

3

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


لینک به پست

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

0

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


لینک به پست

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

0

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


لینک به پست

درست شد

0

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


لینک به پست

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

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

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

0

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


لینک به پست

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

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

0

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


لینک به پست

ارسال شده در (ویرایش شده)

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

ویرایش شده در توسط OfflineBaz
0

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


لینک به پست

برای نمونه 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 دادیم.

3

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

ویرایش شده در توسط OfflineBaz
0

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


لینک به پست

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

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

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

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

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

1

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

ویرایش شده در توسط OfflineBaz
0

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


لینک به پست

دارن ي سري تغييرات ميدن تو سايت ، اعلاميه هم زده

كمي صبر كنيد

0

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


لینک به پست

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

این هست:

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

1

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


لینک به پست

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

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

0

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


لینک به پست

از کدوم؟ همین تولتیپ؟

0

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


لینک به پست

آره و دومی که دادم

0

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


لینک به پست

http://jsfiddle.net/cdxM3/

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

1

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


لینک به پست

http://jsfiddle.net/cdxM3/

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

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

0

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


لینک به پست

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

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

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

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


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

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

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


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