jQuery工具提示插件qtip2 - 如何定義自定義樣式喜歡qtip1？

我正在使用偉大的jQuery工具提示插件qtip 2.如果你還沒有，請檢查它。 http://craigsworks.com/projects/qtip2/jQuery工具提示插件qtip2 - 如何定義自定義樣式喜歡qtip1？

有誰知道如何定義自己的自定義CSS（提示顏色，邊框，背景，半徑等）的提示，而不是使用自己的預定義的工具提示樣式？

我的嘗試：

我回顧自己的風格指南，但對定義自己的風格罷了。 http://craigsworks.com/projects/qtip2/docs/style/
試過他們的論壇，但他們（現在的備份）下跌
創建自己的工具提示類和引用它們
要通過我的qtip 1版風格定義轉換（失敗）

如果這個問題幫助你，請讓我知道！

來源

2012-04-13 chainwork

過了好一會兒但他們的論壇現在正在發佈。 – Sparky 2012-04-13 18:39:32

我只是把它放在我的樣式表中。無論使用哪種屬性，需要...

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

來源

2012-04-13 18:30:37 Sparky

謝謝Sparky這絕對有效。我差點沒事了我忘了在qtip2 css之後調用自定義css。 – chainwork 2012-04-13 20:25:15

我個人有5個主題到我的網站。我碰巧用jQuery UI's ThemeRoller來做到這一點。 jQuery UI和qTip2使用相同的類名。

我發現的唯一警告是你包含CSS文件的順序。您需要重寫qTip2樣式，因此只需在 qTip2 CSS文件之後包含jQuery UI CSS文件即可。

這樣做，這樣可以讓你拉下更新qTip2，而不必擔心您的自定義qTip2風格被覆蓋，以及，給你一個很好的圖形界面來創建你的主題。

來源

2012-04-13 18:35:44

感謝您的提示斯科特確保您的順序包括您的CSS包括權利。 – chainwork 2012-04-13 20:26:01

沒問題= D qTip2非常棒。我已經有一年多了。只有克雷格解決的一個錯誤與IE6有關。 – 2012-04-13 20:27:12

jQuery工具提示插件qtip2 - 如何定義自定義樣式喜歡qtip1？

回答

相關問題