Replies

Jul 25, 2022 3 years ago
Major
Gingerayl
User Avatar
Grubinns

Wanted to add a background image to my profile and that’s it, but can’t find a page to edit the layout with sCode.

Does anyone have a link to it?

you’ve got your good things, and i’ve got mine

Jul 25, 2022 3 years ago
Phoenix
is a PUNKin
User Avatar
ColdFire

You can edit your profile code on this page. Make sure you have a "Profile" section already on your profile - if you need to, you can add it via the toolbox ('Edit Your Profile' link) on your profile itself. (I believe this link should work; otherwise you can access it by way of the 'personal' dropdown and select 'Edit Profile' toward the bottom)

Also, you'll use CSS, not sCode there, so the basic code will look like <style type="text/css"> body{background:url('https://IMAGE LINK');} </style>

[box=#509b91]


Ping, sMail or comment me, I'll craft anything!
Looking for a guide to alchemy? Please visit:
Trajan
[/box]

Jul 25, 2022 3 years ago
Major
Gingerayl
User Avatar
Grubinns

Added a profile section and added the CSS code in the box, but it is generating a white background and doesn’t appear to be working otherwise.

Do you know what I might be doing wrong? Thanks for the help

you’ve got your good things, and i’ve got mine

Jul 25, 2022 3 years ago
Phoenix
is a PUNKin
User Avatar
ColdFire

Easy fix! :) I took a peek at your code, and just needed to rearrange a couple of characters. Put that background line like this: body{background:url('https://cdn.wallpapersafari.com/6/30/ryhoi4.jpg');}

It will automatically blow it up a fair bit, so you can try resizing or repositioning it. One easy option here is to do it like this: body{background:url('https://cdn.wallpapersafari.com/6/30/ryhoi4.jpg'); background-position:center;} Try swapping out that 'center' with left or right and see if any of those options does it for you ^^

[box=#509b91]


Ping, sMail or comment me, I'll craft anything!
Looking for a guide to alchemy? Please visit:
Trajan
[/box]

Jul 25, 2022 3 years ago
Major
Gingerayl
User Avatar
Grubinns

Alright! :) got it working, thank you so much for the help. Do you know if there is any way to create a repeating pattern of the image in question on there, or will it always be one solid image?

you’ve got your good things, and i’ve got mine

Jul 25, 2022 3 years ago
Phoenix
is a PUNKin
User Avatar
ColdFire

background-repeat:repeat; will make it repeat (whereas 'no-repeat' will instead prevent it from doing so) You can also constrain it to repeat vertically or horizontally by specifying repeat-y or repeat-x, and it will use the positioning you specified as its starting point.

You can also set the background size in order to play differently with repeating. For ease of use, you can set it by percentage since that will preserve the aspect ratio, but you can also set it by pixel size as well. For example: background-size:60%; background-size:600px 400px;

[box=#509b91]


Ping, sMail or comment me, I'll craft anything!
Looking for a guide to alchemy? Please visit:
Trajan
[/box]

Please log in to reply to this topic.