ialireza

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

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

سلام

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

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

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


<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

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


لینک به پست

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

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


لینک به پست

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

الان فایلهای 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/

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

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


لینک به پست

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

bootstrap-tooltip.js

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


لینک به پست

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

tooltip.rar

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


لینک به پست

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

<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 هستش ، هنوز به مرحله ی تبدیل به وردپرس نرسیدیم.

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


لینک به پست

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

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


لینک به پست

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

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

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

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


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

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

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


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