MyBB Community Forums

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

Advanced Quote

Short Description

Advanced/New Quote box

Regular Expression

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

Replacement

<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

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

[attachment=15447]
Use the following PNG file & your MyCode will look like this


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

Info

Short Description

Information box

Regular Expression

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

Replacement

<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

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

[attachment=15445]
Use the following PNG file & your MyCode will look like this


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

Warn

Short Description

Warning box

Regular Expression

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

Replacement

<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

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

[attachment=15449]
Use the following PNG file & your MyCode will look like this


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

Nice.

Yeah Really Nice

Thanks

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?

(2009-09-21, 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

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

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

Original quote=Blockquote in the CSS

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 :p

No, I mean the normal quotes is blockquotes

}

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

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