FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 18 users online :: 0 Registered, 0 Hidden and 18 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

[SOLVED] Annoucement Templates?

View previous topic View next topic Go down

brandon_g
brandon_g

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

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


[SOLVED] Annoucement Templates? Bd_log12
Broadcasting Duo Announcement!



What do you think?

-Broadcasting Duo Administration



Last edited by brandon_g on Fri 09 Jan 2015, 17:42; edited 4 times in total
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 08 Jan 2015, 16:36

It looks fine, if you need any help let me know. Wink
brandon_g
brandon_g

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_g Fri 09 Jan 2015, 17:14

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


[SOLVED] Annoucement Templates? Bd_log12
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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 11 Jan 2015, 02:20

Okie dokie, if any questions you can let me know. Wink
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4228
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 11 Jan 2015, 23:28

@Rhino.Freak Thanks, you're welcome ^^
brandon_g
brandon_g

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_g Tue 13 Jan 2015, 08:56

Here is what some tinkering as got me so far:

[SOLVED] Annoucement Templates? Bd_log12
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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

[SOLVED] Annoucement Templates? Bd_log12

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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 14 Jan 2015, 16:08

You're welcome !

See you Smile
brandon_g
brandon_g

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

Gender : Unspecified
Age : 26
Posts : 458
Points : 4047
Reputation : 67
Location : USA
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://broadcastingduo.forumotion.com

Postbrandon_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
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge 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

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum