Background in Messages (Like Forumotion Notice)

Go down

Background in Messages (Like Forumotion Notice)

Post by reinforcez on December 19th 2011, 7:12 pm

Hi, I want make some announcement post that have a background in it
something like this https://help.forumotion.com/t11386-forumotion-maximum-security-for-your-forums
it's have a background , header, and icon next to the header.

i tried using this tutorial.https://help.forumotion.com/t87870-notice-using-css-and-table

but it's just a background that fit to the text. i want a full size background.
just like in forumotion forum.

i think it's using this image


the point is. i want my notice table just like in forumotion forum,i will replace the image later.

Im sorry my english is bad. Sad
avatar
reinforcez
Forumember

Female Posts : 31
Reputation : 1
Language : Indonesian
Location : At Home

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Re: Background in Messages (Like Forumotion Notice)

Post by Guest on December 19th 2011, 7:58 pm

So, you want to replace background color from that tutorial to this image, or you want to do the same as in this topic - https://help.forumotion.com/t11386-forumotion-maximum-security-for-your-forums Smile

Guest
Guest


Back to top Go down

Re: Background in Messages (Like Forumotion Notice)

Post by reinforcez on December 19th 2011, 10:02 pm

i just want exactly same as https://help.forumotion.com/t11386-forumotion-maximum-security-for-your-forums or other forumotion announcement.

the teks is inside the image
avatar
reinforcez
Forumember

Female Posts : 31
Reputation : 1
Language : Indonesian
Location : At Home

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Re: Background in Messages (Like Forumotion Notice)

Post by Mike on December 19th 2011, 10:15 pm

It's table as CSS code... we cannot give you the exact image since we own it at forumotion, but the CSS would be something like this:

Code:
[table style=" "][tr style="background: url(" ") repeat-x; padding: 20px !important; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"][td style="padding: 20px;"][/td][/tr][tr][td][/td][/tr][tr][td]][/td][/tr][/table]
avatar
Mike
Hyperactive

Male Posts : 4251
Reputation : 468
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Re: Background in Messages (Like Forumotion Notice)

Post by reinforcez on December 19th 2011, 11:15 pm

No, ~ I am not Using the Image, It's just a sample.
I Just Want to make Something like that with my own Image

So, After we Add that CSS
what should i do next to put it into bbcode
and how can we edit the title and the content of that notice

thanks.

avatar
reinforcez
Forumember

Female Posts : 31
Reputation : 1
Language : Indonesian
Location : At Home

http://lostsagaforum.indonesianforum.net/

Back to top Go down

Re: Background in Messages (Like Forumotion Notice)

Post by Guest on December 20th 2011, 3:01 pm

A little mistake taken by Drog:
Code:
[table style=" "][tr style="background: url(" ") repeat-x; padding: 20px !important; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"][td style="padding: 20px;"][/td][/tr][tr][td][/td][/tr][tr][td][/td][/tr][/table]
There was [td]], double "]" Razz

This code add in your post, not in CSS Stylesheet. Wink

Guest
Guest


Back to top Go down

Back to top


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