رفتن به مطلب

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


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

سلام

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

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

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


<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;

}

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

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

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

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

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

لینک به ارسال

بلی آقا مرتضی

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

باتشکر

لینک به ارسال

+


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


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

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

+


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

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

لینک به ارسال

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

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

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

لینک به ارسال

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

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

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

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

لینک به ارسال

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

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

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

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

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

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

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

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

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