Simple Forum Alerts In XenForo

[dtmcl]

Well i was just playing around with making alert balloons and i made some simple professional ones
and thought i would share them here for others to use.



Add this to the end of EXTRA.CSS

.alertgreen
{
	margin: 10px 0;
	color: @secondaryDarker;
	background-color: #f8fde5;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #99cc00;
}

.alertgreen a
{
	font-weight: bold;
	color: #99cc00;
}

.alertblue
{
	margin: 10px 0;
	color: @secondaryDarker;
	background-color: #f5fafe;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #176093;
}

.alertblue a
{
	font-weight: bold;
	color: #176093;
}

Here is the html that controls the baloons


Green Alert

<p class="alertgreen">alert message</p>

Blue Alert

<p class="alertblue">alert message</p>

To add the alerts above the forum list and breadcrumb make a new template and call it forum_alerts then add your alerts inside. Save the template and open PAGE_CONTAINER and find

<xen:include template="ad_above_top_breadcrumb" />

Add this code above it

<xen:include template="forum_alerts" />

you should then see something like this

 

[darkrounge]

This is nice, how did you add the "link" to the end of the alert message?

 

[Vincent]

This is nice, how did you add the "link" to the end of the alert message?

<a href="yourlink">yourtext</a>

Example:
<a href="http://www.xenforo.com">XenForo</a>

 

[dtmcl]

<a href="yourlink">yourtext</a>

Example:
<a href="http://www.xenforo.com">XenForo</a>

Beat me to it

 

[Digital Doctor]

would this alert go away if I clicked the link ?

 

[Vincent]

would this alert go away if I clicked the link ?

Nope, it's hardcoded

 

[dtmcl]

No, TBH the Notices introduced in 1.1 would be a better bet than using this. This is just simple CSS.

 

[Vincent]

No, TBH the Notices introduced in 1.1 would be a better bet than using this. This is just simple CSS.

The code you set here in EXTRA.css can be used for the notice system

 

[dtmcl]

Indeed it could.

I will update my first post with styling for the notice system later on tonight, I'm a little bit wrapped up in client work atm

 

[darkrounge]

I prefer this one as it stands out on my forum.
Unlike the 1.1 notice, that is hard to differentiate both the forum and the notice..