MyBB

Orbital Shark · (This post was last modified: 09-21-2009 07:01 AM by Orbital Shark.)

Hi all, I thought i'd share some MyCodes that i've put together.

They are 'Advanced Quote', 'Warning' and 'Info.

Advanced Quote
Add a new MyCode with the following attributes....
Title

Code:

Advanced Quote

Short Description

Code:

Advanced/New Quote box

Regular Expression

Code:

\[quote1](.*?)\[/quote1\]

Replacement

Code:

<fieldset class="quote1"><legend><strong>Quote</strong></legend><br/><strong>Quote</strong>: $1<br /><br /></fieldset>

Now edit the global CSS for your theme and add at the bottom

Code:

.quote1 {

    background: #FFE9AC url(images/DarkOrange/quotes.png) center left no-repeat;

    width: 80%;

    color: #465584;

    background-color: #FFE9AC;

    border-left: 0px solid #FFCB3D;

    border-right: 3px solid #FFCB3D;

    border-top: 0px dotted #000;

    border-bottom: 6px solid #FFCB3D;

    padding: 4px;

    padding-left: 50px;

    margin: 0px auto 8px auto;

}

Use the following PNG file & your MyCode will look like this
[Image: Quote1.png]

Info
Add a new MyCode with the following attributes....
Title

Code:

Info

Short Description

Code:

Information box

Regular Expression

Code:

\[info\](.*?)\[/info\]

Replacement

Code:

<fieldset class="info"><legend><strong>Info</strong></legend><br/><strong>Message</strong>: $1<br /><br /></fieldset>

Now edit the global CSS for your theme and add at the bottom

Code:

.info {

    background: #BBE0CE url(images/darkorange/info.png) center left no-repeat;

    width: 80%;

    color: #465584;

    background-color: #BBE0CE;

    border-left: 0px solid #1E00FF;

    border-right: 3px solid #1E00FF;

    border-top: 0px solid #1E00FF;

    border-bottom: 6px solid #1E00FF;

    padding: 4px;

    padding-left: 55px;

    margin: 0px auto 8px auto;

}

Use the following PNG file & your MyCode will look like this
[Image: Info.png]

Warn
Add a new MyCode with the following attributes....
Title

Code:

Warn

Short Description

Code:

Warning box

Regular Expression

Code:

\[warn\](.*?)\[/warn\]

Replacement

Code:

<fieldset class="warn"><legend><strong>Warning</strong></legend><br/><strong>Message</strong>: $1<br /><br /></fieldset>

Now edit the global CSS for your theme and add at the bottom

Code:

.warn {

    background: #FFDDDD url(images/DarkOrange/warn.png) center left no-repeat;

    width: 80%;

    color: #465584;

    background-color: #FFDDDD;

    border-left: 0px solid #FF0000;

    border-right: 3px solid #FF0000;

    border-top: 0px solid #FF0000;

    border-bottom: 6px solid #FF0000;

    padding: 4px;

    padding-left: 50px;

    margin: 0px auto 8px auto;

}

Use the following PNG file & your MyCode will look like this
[Image: Warning.png]

Note: All PNG files are transparent so you can change the colour of the boxes as you see fit. Don't forget the change the images/DarkOrange/......PNG to the location where you choose to put your images.

Happy MyCoding Big Grin

ecanikajo · 09-21-2009, 12:32 PM

Nice.

Rafael · 09-21-2009, 01:38 PM

Yeah Really Nice Smile

Orbital Shark · 09-21-2009, 01:40 PM

Thanks

aledTH · (This post was last modified: 09-21-2009 05:56 PM by aledTH.)

This is great; my members are enjoying this a lot!
Thanks!

EDIT:
1. I want to replace the normal quote box with this; how would I do it?
2. I want to add the Info & Warning box to the formatting bar (the place where Bold is); how would I add them?

Orbital Shark · 09-21-2009, 06:01 PM

(09-21-2009 05:54 PM)aledTH Wrote: This is great; my members are enjoying this a lot!
Thanks!

EDIT:
1. I want to replace the normal quote box with this; how would I do it?
2. I want to add the Info & Warning box to the formatting bar (the place where Bold is); how would I add them?

Hi, you're very welcome Smile

I've been looking for how to edit the original 'quote' MyCode, it must be embedded in a file somewhere, i don't know yet Sad

I'm looking into how to add onto the edit bar and wil post back any results i find.

FullMetalBabe · 09-21-2009, 06:01 PM

Original quote=Blockquote in the CSS

Orbital Shark · 09-21-2009, 06:10 PM

Thanks but there's no Blockquote in the CSS, only '.quote_head' and '.quote_body'.

I'm looking at changing those, but not just yet Toungue

FullMetalBabe · 09-21-2009, 06:13 PM

No, I mean the normal quotes is blockquotes

Code:

}

blockquote {

    border: 1px solid #ccc;

    margin: 0;

    background: #fff;

    padding: 4px;

}

blockquote cite {

    font-weight: bold;

    border-bottom: 1px solid #ccc;

    font-style: normal;

    display: block;

    margin: 4px 0;

}

blockquote cite span {

    float: right;

    font-weight: normal;

}

blockquote cite span.highlight {

    float: none;

    font-weight: bold;

    padding-bottom: 0;

}

Ajdija · 09-21-2009, 06:42 PM

nice=] but I like better that ones from MyBB code pack