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

Design and development for Forumotion forums.

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
See more
Top posting users this month

Top Achievers
Ange Tuteur
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
SLGray
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Valoish
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Luffy
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Wilson
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Van-Helsing
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Niko!
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Ace 1
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
JerriLeah7
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Rhino.Freak
[SOLVED] Post background problem Poll_c10[SOLVED] Post background problem Poll_m10[SOLVED] Post background problem Poll_c10 
Who is online?
In total there are 14 users online :: 0 Registered, 0 Hidden and 14 Guests :: 1 Bot

None

[ View the whole list ]


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

translations  fa_theme_selector  FireFox  Version  tool  Update  chatBox  options  46-0-1  search  French  js  fa_personal_emoticons_list  beta-testers  editor  1  text_editor_textarea  plugin  line-break  fa_night_container  left  German  Dutch  Mozilla  message  phpBB3  


[SOLVED] Post background problem

 :: Coding, Resources, and Plugins :: Coding & General Questions :: Questions Archive

View previous topic View next topic Go down

[SOLVED] Post background problem Empty [SOLVED] Post background problem

#1618
Ape
Ape

Gender : Male
Age : 49
Posts : 136
Points : 3822
Reputation : 29
Location : UK kent
Language : English i think
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://missingpeople.darkbb.com

PostApe Tue 20 Jan 2015, 18:53

Hi @Ange Tuteur

I have been making a thread that will post the background in a table but i just can't work out how to make the background Change to the size of the box on its own

here is the Code i am using
Code:
[table class="posting-table" style="border: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="background-image: url(http://i39.servimg.com/u/f39/12/23/10/57/ann_to11.png); background-repeat: no-repeat;" height="100" width="152"][/td]
[td style="background: transparent url(http://i39.servimg.com/u/f39/12/23/10/57/ann_ce11.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-bottom: 15px;"][center][color=#1675bc][b][size=16][img(50px,50px)]http://i38.servimg.com/u/f38/19/05/63/16/movies10.png[/img]  New Movie's and TV forum Now open[/size][/b][/color]  [img(40px,40px)]http://i38.servimg.com/u/f38/19/05/63/16/icon_f11.png[/img][/center]
[/td]
[td style="background-image: url(http://i39.servimg.com/u/f39/12/23/10/57/ann_ri12.png); background-repeat: no-repeat;" width="84"][/td]
[/tr]
[/table]
[table class="posting-table" style="border-left: 1px solid rgb(0, 114, 149); border-right: 1px solid rgb(0, 114, 149); border-bottom: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="padding-left: 5px; padding-right: 5px; background-image: url(http://i38.servimg.com/u/f38/19/05/63/16/stock-10.jpg); background-repeat: no-repeat;" width="100%"]







[/td]
[/tr]
[/table]
[table class="posting-table" style="border-left: 1px solid rgb(0, 114, 149); border-right: 1px solid rgb(0, 114, 149); border-bottom: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="background: rgb(247, 247, 247) none repeat scroll 0% 0%; text-align: justify; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 5px;"][center][b]                                           A[color=#0066cc] chat World[/color] Official Announcement[/b][/center]
[/td]
[td style="background: transparent url(http://i39.servimg.com/u/f39/12/23/10/57/bottom13.png) No-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" height="100" width="140"][/td]
[/tr]
[/table]

Much Thanks for any help you can give me Wink

Bob

[SOLVED] Post background problem Empty Re: [SOLVED] Post background problem

#1621
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12044
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 20 Jan 2015, 20:09

Here try this :
Code:
[table class="posting-table" style="border: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="background-image: url(http://i39.servimg.com/u/f39/12/23/10/57/ann_to11.png); background-repeat: no-repeat;" height="100" width="152"][/td]
[td style="background: transparent url(http://i39.servimg.com/u/f39/12/23/10/57/ann_ce11.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-bottom: 15px;"][center][color=#1675bc][b][size=16][img(50px,50px)]http://i38.servimg.com/u/f38/19/05/63/16/movies10.png[/img]  New Movie's and TV forum Now open[/size][/b][/color]  [img(40px,40px)]http://i38.servimg.com/u/f38/19/05/63/16/icon_f11.png[/img][/center]
[/td]
[td style="background-image: url(http://i39.servimg.com/u/f39/12/23/10/57/ann_ri12.png); background-repeat: no-repeat;" width="84"][/td]
[/tr]
[/table]
[table class="posting-table" style="border-left: 1px solid rgb(0, 114, 149); border-right: 1px solid rgb(0, 114, 149); border-bottom: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="padding-left: 5px; padding-right: 5px; background-image: url(http://i38.servimg.com/u/f38/19/05/63/16/stock-10.jpg); background-repeat: no-repeat;background-size:cover;" width="100%"]







[/td]
[/tr]
[/table]
[table class="posting-table" style="border-left: 1px solid rgb(0, 114, 149); border-right: 1px solid rgb(0, 114, 149); border-bottom: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"][tr][td style="background: rgb(247, 247, 247) none repeat scroll 0% 0%; text-align: justify; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 5px;"][center][b]                                          A[color=#0066cc] chat World[/color] Official Announcement[/b][/center]
[/td]
[td style="background: transparent url(http://i39.servimg.com/u/f39/12/23/10/57/bottom13.png) No-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" height="100" width="140"][/td]
[/tr]
[/table]

Use the background-size property to manipulate the size of the background image. You can find some info on it here, if you want. Smile

I used cover which scales the image to cover the entire background area. You can also use percentages, like so :
Code:
body { background-size:100% 100% }

[SOLVED] Post background problem Empty Re: [SOLVED] Post background problem

#1622
Ape
Ape

Gender : Male
Age : 49
Posts : 136
Points : 3822
Reputation : 29
Location : UK kent
Language : English i think
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://missingpeople.darkbb.com

PostApe Tue 20 Jan 2015, 20:26

Thank you Wink that worked

[SOLVED] Post background problem Empty Re: [SOLVED] Post background problem

#1623
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12044
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 20 Jan 2015, 20:29

You're welcome, Ape ! ^^

[SOLVED] Post background problem Empty Re: [SOLVED] Post background problem

#1624
Ape
Ape

Gender : Male
Age : 49
Posts : 136
Points : 3822
Reputation : 29
Location : UK kent
Language : English i think
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://missingpeople.darkbb.com

PostApe Tue 20 Jan 2015, 20:41

Ange Tuteur wrote:You're welcome, Ape ! ^^

[SOLVED] Post background problem Shakin10

[SOLVED] Post background problem Empty Re: [SOLVED] Post background problem

#1628
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12044
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 23 Jan 2015, 04:53

Archived

[SOLVED] Post background problem Empty Re: [SOLVED] Post background problem

#0
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Similar topics
» [SOLVED] Topic preview problem
» [SOLVED] category toggle problem
» [SOLVED] problem in my footer
» [SOLVED] "No Post Mode Specified"
» [SOLVED] Editor code problem.

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

FM Design :: Coding, Resources, and Plugins :: Coding & General Questions :: Questions Archive

 
Permissions in this forum:
You cannot reply to topics in this forum
Free forum | Computers and Internet | Internet | ©phpBB | Free forum support | Report an abuse | Forumotion.com
Terms of service | Founder tools | Tutorials | Affiliates