• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Simple Forum Alerts In XenForo

ShadyX

Well-known member
#1
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

Code:
.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

Code:
<p class="alertgreen">alert message</p>
Blue Alert

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

Code:
<xen:include template="ad_above_top_breadcrumb" />
Add this code above it

Code:
<xen:include template="forum_alerts" />
you should then see something like this