jQuery Подсказки плагинов qtip2 - Как определить пользовательские стили любит qtip1?

Question

Я использую большой jQuery tooltip plugin qtip 2. Проверьте это, если вы еще этого не сделали. http://craigsworks.com/projects/qtip2/

Кто-нибудь знает, как определить свой собственный пользовательские CSS (подсказка цвет, границы, фоны, радиус и т.д.) для всплывающей подсказки в отличие от использования их предопределенных стилей подсказок?

Что я пробовал:

• Я рассмотрел их стиль руководства, но у него не было ничего на определении собственных стилей. http://craigsworks.com/projects/qtip2/docs/style/
• Пробовал свои форумы, но они были вниз (назад до сих пор)
• Чтобы создать свои собственные классы подсказок и ссылаться на них
• Для преобразования над моей QTIP определения версии 1 типа (неудачная)

Если этот вопрос помог вам, пожалуйста, дайте мне знать!

Answer 1

Я просто положил это в свою таблицу стилей. Использование любых свойств, вам нужно ...

.ui-tooltip .ui-tooltip-content, 
.ui-tooltip p, 
.ui-tooltip ul, 
.ui-tooltip li, 
.ui-tooltip, 
.qtip { 
    max-width: 280px; 
    min-width: 50px; 
    font-size: 17px; 
    line-height: 19px; 
    text-align: center; 
    border-color: #666; 
} 

Вы также можете просто создать свой собственный, потянув один из jquery.qtip.css листа и его редактирование. Используйте mystyle так же, как и один из предопределенных стилей qTip2.

/*! mystyle tooltip style */ 
.ui-tooltip-mystyle .ui-tooltip-titlebar, 
.ui-tooltip-mystyle .ui-tooltip-content{ 
    border-color: #303030; 
    color: #f3f3f3; 
} 
.ui-tooltip-mystyle .ui-tooltip-content{ 
    background-color: #505050; 
} 

.ui-tooltip-mystyle .ui-tooltip-titlebar{ 
    background-color: #404040; 
} 

.ui-tooltip-mystyle .ui-tooltip-icon{ 
    border-color: #444; 
} 

.ui-tooltip-mystyle .ui-tooltip-titlebar .ui-state-hover{ 
    border-color: #303030; 
} 

Answer 2

У меня лично есть 5 тем на моем сайте. Для этого я использую jQuery UI's ThemeRoller. jQuery UI и qTip2 используют те же имена классов.

Единственное предостережение, которое я нашел, - это порядок, в котором вы включили файлы CSS. Вам необходимо переопределить стили qTip2, поэтому просто добавьте файл CSS jQuery UI после файла CSS qTip2.

делая это таким образом позволяет тянуть вниз обновления qTip2 без необходимости беспокоиться о пользовательских стилей qTip2 быть переопределены, а также, что дает вам приятный графический интерфейс для создания вашей темы в.