MyBB Community Forums
Make Body half Image and half Color? - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Make Body half Image and half Color? (/thread-163259.html)



Make Body half Image and half Color? - Kioshi - 2014-11-23

I would like to have my Body like this:

[Image: vxGPvoy.png]

Like this image, where the first half is a Picture, and the bottom half is a color.. I would also like the parting to look nice, maybe a drop shadow or something would work?

How would I go about doing this?


RE: Make Body half Image and half Color? - .m. - 2014-11-23

you can try using this method (external site link)


RE: Make Body half Image and half Color? - Kioshi - 2014-11-23

(2014-11-23, 06:21 PM).m. Wrote: you can try using this method (external site link)

body {

 background: #000000;
        background-image: url(images/diversebox/bg1.jpg);
        background-size: 100% 50%;
        background-repeat:no-repeat
color: #000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
text-align: center; /* IE 5 fix */
line-height: 1.4;
}

Would this be correct?


RE: Make Body half Image and half Color? - alirex - 2014-11-23

correct background-repeat:no-repeat;

it is fine working i tested.


RE: Make Body half Image and half Color? - Kioshi - 2014-11-24

My only problem is, I want it to tile where the image shows. But it's just stretching the image to fit instead of doing so, how do I fix this?

EDIT:

Figured it out myself. :3


RE: Make Body half Image and half Color? - Kioshi - 2016-10-10

(2014-11-24, 03:12 AM)Kioshi Wrote: My only problem is, I want it to tile where the image shows. But it's just stretching the image to fit instead of doing so, how do I fix this?

EDIT:

Figured it out myself. :3

Kind of having this issue again, I don't remember what I did to fix the stretching issue. How can I get it to just tile/repeat?