dtmcl
Well-known member
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
Here is the html that controls the baloons
Green Alert
Blue Alert
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
Add this code above it
you should then see something like this
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