Author Archive
Aug
05
Change CKEditor Colors to Match Style (for 4.1.4 and above)
Posted by: | CommentsAdd this code to your additional.css template to match the colors of the editor to the style you are using:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
Aug
05
Change CKEditor Colors to Match Style (for 4.1.4 and above)
Posted by: | CommentsAdd this code to your additional.css template to match the colors of the editor to the style you are using:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
Aug
05
Change CKEditor Colors to Match Style (for 4.1.4 and above)
Posted by: | CommentsAdd this code to your additional.css template to match the colors of the editor to the style you are using:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
Aug
05
Change CKEditor Colors to Match Style (for 4.1.4 and above)
Posted by: | CommentsAdd this code to your additional.css template to match the colors of the editor to the style you are using:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}
Note: Fixed typo, thanks to RS_Jelle.
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}
Note: Fixed typo, thanks to RS_Jelle.
Aug
05
Change CKEditor Colors to Match Style (for 4.1.4 and above)
Posted by: | CommentsAdd this code to your additional.css template to match the colors of the editor to the style you are using:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}
Note: Fixed typo, thanks to RS_Jelle.
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}
Note: Fixed typo, thanks to RS_Jelle.
Aug
05
Change CKEditor Colors to Match Style (for 4.1.4 and above)
Posted by: | CommentsAdd this code to your additional.css template to match the colors of the editor to the style you are using:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}
Note: Fixed typo, thanks to RS_Jelle.
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}
/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}
The additional.css template can be found here:
Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css
Note: If you want to change these to your own custom colors, then use this code instead:
/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}
...with xxxxxx being the hexcode of the color you wish to use.
/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}
Note: Fixed typo, thanks to RS_Jelle.
Aug
03
Custom BB Codes Used on vBulletin.com
Posted by: | CommentsAs requested, here are two of the Custom BB Codes that we use on these forums.
Title: Warning
BB Code Tag Name: warning
Replacement: <div class="contentnote" style="border: 1px solid #F00;color:#000;background-color:#F5FFFF;padding:5px;"><span style="color:#F00;background:transparent;"><b>Warning:</b></span> {param}</div>
Example: [warning]Before you upgrade your forums make sure you have a full and complete backup of your database[/warning]
Description: Allows content writers to place warnings within their content.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Title: Note
BB Code Tag Name: note
Replacement: <div class="contentnote" style="border: 1px solid #0B1986;color:#000;background-color:#F5FFFF;padding:5px;"> {param}</div>
Example: [note]This is a note placed within the content.[/note]
Description:Primarily used for documentation. Allows the author to add notes and have them stand out.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Title: Warning
BB Code Tag Name: warning
Replacement: <div class="contentnote" style="border: 1px solid #F00;color:#000;background-color:#F5FFFF;padding:5px;"><span style="color:#F00;background:transparent;"><b>Warning:</b></span> {param}</div>
Example: [warning]Before you upgrade your forums make sure you have a full and complete backup of your database[/warning]
Description: Allows content writers to place warnings within their content.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Title: Note
BB Code Tag Name: note
Replacement: <div class="contentnote" style="border: 1px solid #0B1986;color:#000;background-color:#F5FFFF;padding:5px;"> {param}</div>
Example: [note]This is a note placed within the content.[/note]
Description:Primarily used for documentation. Allows the author to add notes and have them stand out.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Aug
03
Custom BB Codes Used on vBulletin.com
Posted by: | CommentsAs requested, here are two of the Custom BB Codes that we use on these forums.
Title: Warning
BB Code Tag Name: warning
Replacement: <div class="contentnote" style="border: 1px solid #F00;color:#000;background-color:#F5FFFF;padding:5px;"><span style="color:#F00;background:transparent;"><b>Warning:</b></span> {param}</div>
Example: [warning]Before you upgrade your forums make sure you have a full and complete backup of your database[/warning]
Description: Allows content writers to place warnings within their content.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Title: Note
BB Code Tag Name: note
Replacement: <div class="contentnote" style="border: 1px solid #0B1986;color:#000;background-color:#F5FFFF;padding:5px;"> {param}</div>
Example: [note]This is a note placed within the content.[/note]
Description:Primarily used for documentation. Allows the author to add notes and have them stand out.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Title: Warning
BB Code Tag Name: warning
Replacement: <div class="contentnote" style="border: 1px solid #F00;color:#000;background-color:#F5FFFF;padding:5px;"><span style="color:#F00;background:transparent;"><b>Warning:</b></span> {param}</div>
Example: [warning]Before you upgrade your forums make sure you have a full and complete backup of your database[/warning]
Description: Allows content writers to place warnings within their content.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
Title: Note
BB Code Tag Name: note
Replacement: <div class="contentnote" style="border: 1px solid #0B1986;color:#000;background-color:#F5FFFF;padding:5px;"> {param}</div>
Example: [note]This is a note placed within the content.[/note]
Description:Primarily used for documentation. Allows the author to add notes and have them stand out.
Use {option}: No
Button Image (Optional): <blank>
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No
