[SOLVED] Annoucement Templates?

brandon_g · brandon_g Tue 06 Jan 2015, 10:45

Hi,
I was wondering, does anyone know where I can find annoucement templates or at least how I can make one?

I mean like the ones Forumotion uses for their annoucements, they look professional and I want one. Razz

**Ange Tuteur** · **Ange Tuteur** Tue 06 Jan 2015, 14:41

The one we use on the support is just a few tables put together. Here's an example that you can edit to your liking.

Title

TEXT

CLOSING

Code:: [table style="border: 1px solid #CCC;" cellspacing="0" width="100%"][tr][td style="background:#EEE;" height="100" width="152"] [/td] [td style="background:#EEE;padding-bottom: 15px;"][center][b][size=18]Title[/size][/b][/center] [/td] [td style="background:#EEE;" width="84"] [/td] [/tr] [/table] [table style="border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;" cellspacing="0" width="100%"][tr][td style="padding-left: 5px; padding-right: 5px; background-color: #EEE;"] TEXT [/td] [/tr] [/table] [table style="border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;" cellspacing="0" width="100%"][tr][td style="background: #EEE; text-align: justify; padding-left: 5px;"]CLOSING[/td] [td style="background:#EEE;" height="100" width="140"] [/td] [/tr] [/table]

Edit the style attributes to change the colors, or add background images.

brandon_g · brandon_g Tue 06 Jan 2015, 23:00

Thanks Ange, I will edit this template tommorow, I am on my tablet and for some reason it never lets me copy and paste in the post boxs.

Thanks again.

**Ange Tuteur** · **Ange Tuteur** Wed 07 Jan 2015, 00:47

You're welcome. Wink

I'm not sure about that tablets, because I don't have one.

brandon_g · brandon_g Thu 08 Jan 2015, 13:11

Hello again,
So after a couple days of experimentation I have come up with this much, I think it is nearing completion:

Broadcasting Duo Announcement!

What do you think?

-Broadcasting Duo Administration

**Ange Tuteur** · **Ange Tuteur** Thu 08 Jan 2015, 16:36

It looks fine, if you need any help let me know. Wink

brandon_g · brandon_g Thu 08 Jan 2015, 18:20

I was thinking this afternoon.... if you remmeber those Gradients you made me on support forum, I plugged the plug on them for now, i was thinking of trying to use them to color the background a bit, do you this would work? I always get scared messi g with code, itmis not the coding itself, it iz removing things to re-add them that scares me, you remove the wrong thing you can screw everything up, you have to be 100% sure of your doing, I have just starting getting into the coding thing just a little i am not 100% sure of myself yet. lol!

**Ange Tuteur** · **Ange Tuteur** Thu 08 Jan 2015, 20:15

Where you see background:#EEE; add url() before #EEE, so you get.

Code:: background:url() #EEE;

#EEE is shorthand hex for #EEEEEE, you can change this to any hex color you want. It can be shorthand or regular.

Between the parenthesis of url() paste the link of your image. If you don't want the image to repeat, add no-repeat after url(). Example

Code:: background:url(/someimg.gif) no-repeat #225577;

See this for additional information : http://www.w3schools.com/css/css_background.asp

Don't be afraid to experiment, the best form of learning is from mistakes. Plus you can always backup your content in documents.

brandon_g · brandon_g Fri 09 Jan 2015, 11:15

Thanks Ange, I did not mean the template so much as website/forum coding, I can always reset the template, I can reset the forum, but I do not wish to screw it up in the 1st place, do you remember my fm topic for Topic icons not showing in the topic title, you gave me a code to insert then remove a different piece, I spent a half hour skimming through that code with no specific match, I had near matches, that's not good enough though, eventually I gave up. Thanks for the help with the template by the way! Smile

**Ange Tuteur** · **Ange Tuteur** Fri 09 Jan 2015, 16:06

I recall, if you cannot find something you can always say so, and provide your template. That way I can make the modification for you.

Anyway, you're welcome. Smile

brandon_g · brandon_g Fri 09 Jan 2015, 17:14

Here is what I got so far! The middle section was being stubborn.

Broadcasting Duo Announcement!

What do you think?

-Broadcasting Duo Administration

here is the code itself:

Code:: [table style="border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid" cellspacing="0" width="100%"][tr][td style="background: url(http://i39.servimg.com/u/f39/18/21/41/30/f6010.png) #eee no-repeat" height="100" width="152"] [/td] [td style="background: url(http://i39.servimg.com/u/f39/18/21/41/30/f6010.png) #eee no-repeat; padding-bottom: 15px" height="" width=""][center][b][size=18][url=http://www.servimg.com/view/16037260/109][img]http://i38.servimg.com/u/f38/16/03/72/60/bd_log12.jpg[/img][/url][/size][/b][/center] [center][b][size=18][color=#000000]Broadcasting Duo Announcement![/color][/size][/b][/center] [/td] [td style="background: url(http://i39.servimg.com/u/f39/18/21/41/30/f6010.png) #eee no-repeat" height="" width="84"] [/td] [/tr] [/table] [table style="border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid" cellspacing="0" width="100%"][tr][td style="padding-left: 5px; padding-right: 5px" height="" width=""] [color=#000000]What do you think?[/color] [/td] [/tr] [/table] [table style="border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid" cellspacing="0" width="100%"][tr][td style="background: url(http://i39.servimg.com/u/f39/18/21/41/30/f6010.png) #eee no-repeat; text-align: justify; padding-left: 5px" height="" width=""][justify][color=#000000]-Broadcasting Duo Administration[/color] [/justify] [/td] [td style="background: url(http://i39.servimg.com/u/f39/18/21/41/30/f6010.png) #eee no-repeat" height="100" width="140"] [/td] [/tr] [/table]

Here what the code was BEFORE I tried putting it in:

Code:: [table style="border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid" cellspacing="0" width="100%"][tr][td style="background: #eee" height="100" width="152"] [/td][td style="background: #eee; padding-bottom: 15px" height="" width=""][center][b][size=18][url=http://www.servimg.com/view/16037260/109][img]http://i38.servimg.com/u/f38/16/03/72/60/bd_log12.jpg[/img][/url][/size][/b][/center] [center][b][size=18][color=#000000]Broadcasting Duo Announcement![/color][/size][/b][/center] [/td][td style="background: #eee" height="" width="84"] [/td][/tr] [/table] [table style="border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid" cellspacing="0" width="100%"][tr][td style="padding-left: 5px; padding-right: 5px; background-color: #eee" height="" width=""] [color=#000000]What do you think?[/color] [/td][/tr] [/table] [table style="border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid" cellspacing="0" width="100%"][tr][td style="background: #eee; text-align: justify; padding-left: 5px" height="" width=""][justify][color=#000000]-Broadcasting Duo Administration[/color] [/justify] [/td][td style="background: #eee" height="100" width="140"] [/td][/tr] [/table]

**Ange Tuteur** · **Ange Tuteur** Fri 09 Jan 2015, 21:57

It's a bit patchy, if you're only going to use 1 image, I'd recommend sticking with a single cell.

Like the following.

Header

Content
Content
Content
Content
Content
Content

Footer

Code:: [table style="width:100%;border:1px solid #257;background:#F7F7F7;border-spacing:0;"] [tr] [td style="text-align:center;border-bottom:1px solid #257;padding:3px;background:#FFF;"][b][color=#225577][size=24]Header[/size][/color][/b][/td] [/tr] [tr] [td style="padding:3px;background:#FFF;"] Content Content Content Content Content Content [/td] [/tr] [tr] [td style="border-top:1px solid #257;padding:3px;background:#FFF;"]Footer[/td] [/tr] [/table]

That way you only have to focus on modifying 3 sections. The header, content, and footer.

brandon_g · brandon_g Sat 10 Jan 2015, 09:59

@Ange Thanks for that suggestion, I just wanted let you know I appericate all your help so far, I will not just 1 image all time, I want to be be flexible with it, I will make a bunch set in stone ones for my members and the like, but for me and my announcements it would be nice to flexible. I will start tinkering with that second template you gave as soon as I can. Me and my staff are quite busy, we are holding a raffle to giveaway 4 free VIP Memberships (that's a new thing too).

-Brandon

**Ange Tuteur** · **Ange Tuteur** Sun 11 Jan 2015, 02:20

Okie dokie, if any questions you can let me know. Wink

Rhino.Freak · Rhino.Freak Sun 11 Jan 2015, 08:24

Nice template thing here! Very Happy

I'll use it for sure Smile

thanks!

**Ange Tuteur** · **Ange Tuteur** Sun 11 Jan 2015, 23:28

@Rhino.Freak Thanks, you're welcome ^^

brandon_g · brandon_g Tue 13 Jan 2015, 08:56

Here is what some tinkering as got me so far:

Broadcasting Duo

Test

-The Broadcasting Duo Administraton

I have not tested it with images yet, I have been busy with all kinds of things on forum, between adding new features and a whole bundle of other things, it has been hectic and I have been unable to reply.
Thanks Brandon

**Ange Tuteur** · **Ange Tuteur** Tue 13 Jan 2015, 09:28

Not a problem, you can reply whenever possible. Smile

I think your forum theme is dark, no ? Maybe a color that fits with it, like a light black with a black border. I also added the image which you wanted to use for the last template I provided you with. Surprised

Test

-The Broadcasting Duo Administraton

And the bbcode :

Code:: [table style="color:#EEE;border:1px solid #000;background:url(http://i39.servimg.com/u/f39/18/21/41/30/f6010.png) repeat-y left top #333; border-spacing: 0;width: 100%"][tr][td style="border-bottom: 1px solid #000; padding:10px 3px;"][center][b][size=24][img]http://i38.servimg.com/u/f38/16/03/72/60/bd_log12.jpg[/img][/size][/b][/center] [/td][/tr] [tr][td style="padding:3px;"] Test [/td][/tr] [tr][td style="border-top:1px solid #000;padding:25px 3px;"]-The Broadcasting Duo Administraton[/td][/tr] [/table]

brandon_g · brandon_g Wed 14 Jan 2015, 08:25

Thanks Ange looks awesome, and yes my background Is essentially black so it works great! Thanks again Ange!

-Brandon

**Ange Tuteur** · **Ange Tuteur** Wed 14 Jan 2015, 16:08

You're welcome !

See you Smile

brandon_g · brandon_g Wed 14 Jan 2015, 17:56

Hey ange,
I mentioned you in my forumotion ad, as a thank you. I apperciate all the help I really do.

**Ange Tuteur** · **Ange Tuteur** Wed 14 Jan 2015, 18:29

Why thank you. Smile

If you ever need any help you're more than welcome to ask here. Do you need anymore help with the announcement template ?

brandon_g · brandon_g Wed 14 Jan 2015, 19:16

I think that covers, all of it, I think I can take from here, if If worst ever came to worst I have got plenty of templates to reset to.

If you meant if proble is solved, then you can consider it,solved Smile

**Ange Tuteur** · **Ange Tuteur** Wed 14 Jan 2015, 19:47

Well, you're welcome once again. I'll go ahead and move this to the archives now. Wink

Have a nice day. Smile

Sponsored content · Sponsored content

IMPORTANT

[SOLVED] Annoucement Templates?

[SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Re: [SOLVED] Annoucement Templates?

Create an account or log in to leave a reply

Create an account

Log in