We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
[ C ] Custom announcements box
Topic Started: Sep 8 2015, 01:45 AM (517 Views)
Devourz
Member Avatar
Member
[ *  *  * ]
is it possible to get an announcement box like this ----> http://i.imgur.com/EWToRxn.png <---- for the top of my forums (without the X i DON'T want it to be X'able




URL to the site with this box: https://hyperion-rsps.co.uk
Edited by Devourz, Sep 8 2015, 01:45 AM.
Offline Profile Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
Add the following code to the Above The Board section of your Board Template:
Code:
 
<dl class="notice info"><dt>Info</dt><dd>This is an info message.</dd></dl>
Replace the text inside the coding with whatever you want it to say. Now find the following coding in your theme appearance:
Code:
 
dl.info {
background:#f6f6f6;
border-color:#3a5197;
}

.info dt {
background:#5a70b3;
color:#fff;
}
Alter the colour codes as you see fit to suit the theme.
Offline Profile Goto Top
 
Devourz
Member Avatar
Member
[ *  *  * ]
Works as a charm is there anyway to put the (!) sign infront of Info example: http://i.imgur.com/8jQwZny.png (i put a black mark infront of info where i want the (!) but obviously i dont want it all cramped up so)




The (!) i want before it is : http://fortawesome.github.io/Font-Awesome/icon/exclamation-triangle/ ( the littlest one that you see on that page :) )





EDIT: WHEN I GO TO MAKE EDITS TO THE NAME OF THE BOX "INFO" THE BOX JUST GOES WHITE... Could you fix this and give me a new code where the title of the box is editable as well as the news box itself?
Edited by Devourz, Sep 9 2015, 07:06 AM.
Offline Profile Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Quote:
 
<dl class="notice info"><dt>Info</dt><dd>This is an info message.</dd></dl>
Only the stuff in RED may be removed/changed/edited. Everything else must stay the same. You can recopy the above and start making your announcement box from scratch again.

Also, for the future, it would be helpful if you had the link to your board in your mini profile (it can be added through Preferences).
Offline Profile Goto Top
 
Devourz
Member Avatar
Member
[ *  *  * ]
DaPizzaMan
Sep 9 2015, 10:23 AM
Quote:
 
<dl class="notice info"><dt>Info</dt><dd>This is an info message.</dd></dl>
Only the stuff in RED may be removed/changed/edited. Everything else must stay the same. You can recopy the above and start making your announcement box from scratch again.

Also, for the future, it would be helpful if you had the link to your board in your mini profile (it can be added through Preferences).
Works now... but is there any way i could get the (!) i supplied above before the "Info"




Also: Sorry to be a bug but is it possible to use BBCodes in the Main description box? where you put the news
Edited by Devourz, Sep 9 2015, 11:28 AM.
Offline Profile Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
Code:
 
<dl class="notice info"><dt><i class="fa fa-exclamation-triangle"></i>Info</dt><dd>This is an info message.</dd></dl>
I've not used FA before, so I'm assuming you have to install something first? I don't see why the code above shouldn't work.

And no, BBCode won't be allowed, but HTML is. If you need help setting something up, ask :)
Offline Profile Goto Top
 
Devourz
Member Avatar
Member
[ *  *  * ]
-The-
Sep 9 2015, 12:08 PM
Code:
 
<dl class="notice info"><dt><i class="fa fa-exclamation-triangle"></i>Info</dt><dd>This is an info message.</dd></dl>
I've not used FA before, so I'm assuming you have to install something first? I don't see why the code above shouldn't work.

And no, BBCode won't be allowed, but HTML is. If you need help setting something up, ask :)
Works like a charm only one problem the (!) and "Important News" are squished together anyway to space the (!) from the "Important" a tad bit?





URL: http://s15.zetaboards.com/realityscape






Thanks
Offline Profile Goto Top
 
Quozzo
Member Avatar
By the blood of Sanguinius!
[ *  *  *  *  * ]
You have two Font Awesome scripts on your board, you should remove one.
Offline Profile Goto Top
 
Devourz
Member Avatar
Member
[ *  *  * ]
Quozzo
Sep 9 2015, 12:57 PM
You have two Font Awesome scripts on your board, you should remove one.
Done still need the (!) spacing as previously mentioned in the post above
Offline Profile Goto Top
 
Quozzo
Member Avatar
By the blood of Sanguinius!
[ *  *  *  *  * ]
Have you tried adding a space?
Offline Profile Goto Top
 
Devourz
Member Avatar
Member
[ *  *  * ]
Where exactly in the coding do i place the space? (sorry new to this)
Offline Profile Goto Top
 
Quozzo
Member Avatar
By the blood of Sanguinius!
[ *  *  *  *  * ]
In front of the text you want a space.
Offline Profile Goto Top
 
Devourz
Member Avatar
Member
[ *  *  * ]
Quozzo
Sep 10 2015, 02:48 AM
In front of the text you want a space.
Ugh! This is actually pissing me off... the fact I have no experience in coding and no idea what to start on (like 3% acknowledge legit).... how did I not know where to place that space lol.












P.S from a horrible coder to a good one thanks. :3
Offline Profile Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Completed!

Your request has been completed. If you have any questions or concerns regarding the state of your request, please feel free to contact me via PM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Locked Topic