مشکل با توییتر بوت استرپ

[ialireza 841]

سلام

من میخوام از تولتیپهای توییتر بوت استرپ استفاده کنم اما وقتی اضافه میکنم ، هیچ اتفاقی نمی افتد.

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

توی تگ هد کد زیر را وارد کردم :

<script type="text/javascript" src="js/bootstrap-tooltip.js"></script>

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

<li><a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a></li>

و استایل زیررا وارد کردم :

.tooltip {

position: absolute;

z-index: 1030;

display: block;

padding: 5px;

font-size: 11px;

opacity: 0;

filter: alpha(opacity=0);

visibility: visible;

}

.tooltip.in {

opacity: 0.8;

filter: alpha(opacity=80);

}

.tooltip.top {

margin-top: -3px;

}

.tooltip.right {

margin-left: 3px;

}

.tooltip.bottom {

margin-top: 3px;

}

.tooltip.left {

margin-left: -3px;

}

.tooltip-inner {

max-width: 200px;

padding: 3px 8px;

color: #ffffff;

text-align: center;

text-decoration: none;

background-color: #000000;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

.tooltip-arrow {

position: absolute;

width: 0;

height: 0;

border-color: transparent;

border-style: solid;

}

.tooltip.top .tooltip-arrow {

bottom: 0;

left: 50%;

margin-left: -5px;

border-top-color: #000000;

border-width: 5px 5px 0;

}

.tooltip.right .tooltip-arrow {

top: 50%;

left: 0;

margin-top: -5px;

border-right-color: #000000;

border-width: 5px 5px 5px 0;

}

.tooltip.left .tooltip-arrow {

top: 50%;

right: 0;

margin-top: -5px;

border-left-color: #000000;

border-width: 5px 0 5px 5px;

}

.tooltip.bottom .tooltip-arrow {

top: 0;

left: 50%;

margin-left: -5px;

border-bottom-color: #000000;

border-width: 0 5px 5px;

}

نمیدونم چرا کار نمی کنه

ممنون میشم کمکم کنید.

ویرایش شده آذر 91 توسط Morteza
کدهای بلند در longbox

[ialireza 841]

+ کتابخانه ی جی کوئری رو هم پیوست کردم اما کار نمی کنه ، نمیدونم چه مرگشه

[Morteza 34190]

بنظر شما فایلها رو درست آدرس ندادید.

الان فایلهای js رو کجا گزاشتید؟ توی پوشه پوسته؟

[ialireza 841]

بلی آقا مرتضی

کتابخانه جی کوئری و فایل جاوااسکریپت تولتیپ توی این آدرس هستند : themeV1>js و فایل ایندکس هم توی این آدرس :.themeV1>index

باتشکر

[oMid 2114]

+

http://twitter.github.com/bootstrap/javascript.html#tooltips

http://phpflow.com/css/how-to-use-bootstrap-tooltip/

ویرایش شده آذر 91 توسط oMid

[ialireza 841]

+

http://phpflow.com/css/how-to-use-bootstrap-tooltip/

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

[oMid 2114]

فقط کتابخانه ای که نیاز دارید...#

bootstrap-tooltip.js

[ialireza 841]

بفرمایید ، توی یک فایل دیگه وارد کردم کد هارو ، کار نمیکنه

tooltip.rar

[Morteza 34190]

شما باید آدرس های فایلها رو به اینصورت بدی:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/bootstrap-tooltip.js"></script>

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

[ialireza 841]

شما باید آدرس های فایلها رو به اینصورت بدی:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/bootstrap-tooltip.js"></script>

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

مرتضی جان فعلا قالب استاتیکِ و هنوز html - css هستش ، هنوز به مرحله ی تبدیل به وردپرس نرسیدیم.

[Morteza 34190]

پیوست رو بررسی کنید.

bootstrap.rar

[ialireza 841]

مرسی ، مشکل حل شد.