PDA

View Full Version : Footer BackGround image


mobster46
02-02-2017, 03:40 PM
https://vborg.vbsupport.ru/external/2017/02/21.png

My footer looks very faint.

https://vborg.vbsupport.ru/external/2017/02/22.png

How do I add a background like this?

MarkFL
02-02-2017, 04:04 PM
To have it show up in all styles, you could create a plugin hooked at "parse_templates" with the following code:

$template_hook['headinclude_css'] .= '<style>.below_body {background: url(image url) no-repeat center;}</style>';

Replace "image url" with the URL of the image you want to use. :)

mobster46
02-02-2017, 04:23 PM
To have it show up in all styles, you could create a plugin hooked at "parse_templates" with the following code:

$template_hook['headinclude_css'] .= '<style>.below_body {background: url(image url) no-repeat center;}</style>';

Replace "image url" with the URL of the image you want to use. :)

I could not do it because I could not understand. How can I add backgrounds only to text?(Not plugin)

MarkFL
02-02-2017, 04:32 PM
If you would rather, you can add the class selector to your "additional.css" template, but you would have to do this for each style. If this is what you would prefer, then add this to the "additional.css" template (in each style you want to affect):

.below_body {
background: url(image url) no-repeat center;
}

Replace "image url" with the URL of the image you want to use. :)

mobster46
02-02-2017, 04:38 PM
If you would rather, you can add the class selector to your "additional.css" template, but you would have to do this for each style. If this is what you would prefer, then add this to the "additional.css" template (in each style you want to affect):

.below_body {
background: url(image url) no-repeat center;
}

Replace "image url" with the URL of the image you want to use. :)

https://vborg.vbsupport.ru/external/2017/02/18.png

Thank you for your help (my english is very bad So ı use translator)

MarkFL
02-02-2017, 04:41 PM
Please post a link to your site so I can inspect the DOM and see what class selector your need on your site. :)

mobster46
02-02-2017, 04:45 PM
Please post a link to your site so I can inspect the DOM and see what class selector your need on your site. :)

travian.forumkeyfim.com

MarkFL
02-02-2017, 04:52 PM
travian.forumkeyfim.com

Okay, we are accessing the correct class, change the selector to:

.below_body {
background: url(images/vb4green/header1.png) repeat center;
}

mobster46
02-02-2017, 04:56 PM
Okay, we are accessing the correct class, change the selector to:

.below_body {
background: url(images/vb4green/header1.png) repeat center;
}

Thanks

It was not as good as I wanted. But it's pretty good for the old look. Do you have a better suggestion?

Also how do I remove some posts / links there?(I partially removed some of them now.)

MarkFL
02-02-2017, 05:13 PM
Thanks

It was not as good as I wanted. But it's pretty good for the old look. Do you have a better suggestion?

My suggestion would be to use a taller image, or perhaps just a background color or gradient.

Also how do I remove some posts / links there?

What posts/links?

mobster46
02-02-2017, 05:23 PM
My suggestion would be to use a taller image, or perhaps just a background color or gradient.



What posts/links?

How I can background color?

this post and links>Image resizer by SevenSkins

MarkFL
02-02-2017, 05:38 PM
How I can background color?

Change the selector to something like (to get a light gray) and to separate it from the body:

.below_body {
background: #CCCCCC;
margin-top: 1em;
}

this post and links>Image resizer by SevenSkins

That link most likely cannot legally be removed unless you have the permission of the style developer. ;)

mobster46
02-02-2017, 06:22 PM
Change the selector to something like (to get a light gray) and to separate it from the body:

.below_body {
background: #CCCCCC;
margin-top: 1em;
}



That link most likely cannot legally be removed unless you have the permission of the style developer. ;)

I will apologize for making you very busy. Thanks for everything.

How i can add background image only this text>Bu forum, i?erisinde bulunan telif hakkına tabii b?t?n materyali Travian Games GmbH ' a ait olan, Travian fan sayfasıdır.

MarkFL
02-02-2017, 06:32 PM
Try adding this selector:

.footer_morecopyright {
background: url(images/vb4green/header1.png) repeat center;
}

mobster46
02-02-2017, 06:56 PM
Try adding this selector:

.footer_morecopyright {
background: url(images/vb4green/header1.png) repeat center;
}

Worked. Thanks for everything

MarkFL
02-02-2017, 07:00 PM
Glad it all worked out! :D