Page background?
TappedOut forum
Posted on Jan. 12, 2016, 5:25 p.m. by ninjaclevs13
I've seen a couple decklists with sweet background pictures, and I was wondering how to do that. Btw, I have a fairly large amount of knowledge in HTML5 and CSS3.
If you can help me, thank you very much!
ninjaclevs13 says... #3
< link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/fqxpobte7n2g7wh/TappedOutProfileCustom.css?dl=0" / >
< img src="http://media.wizards.com/images/magic/daily/boab/ertfyghjdsjkdgsgdjhgvbnakmsdfd.jpg" style="position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:-1;" / >
This is the code I'm using, but all it does is make a picture appear in my description. Help?
January 12, 2016 7:37 p.m.
FAMOUSWATERMELON says... #4
Well first off, never use code that you don't know what it does. That's never a good idea.
Second of all, there's a short tutorial here.
January 12, 2016 8:22 p.m.
Epochalyptik figured I'd tag you. As far as I remember you're not big on this sort of thing.
January 12, 2016 8:27 p.m.
Femme_Fatale says... #6
I'm in a similar boat to Epoch, I prefer it kept to profiles only as that isn't really a page that most are going to see or check on a regular basis, and profiles are really a reflection of yourself. A decklist draws attention of many users and serves the primary purpose of displaying the deck and getting the information of how it functions across to the users. Background images don't grant any benefit to this.
ninjaclevs13, if you don't have access to that css file then don't use that code. Like Famous said, if you don't know what it is, don't use it.
January 13, 2016 3:41 a.m.
Generally the only time that it's truly acceptable is when it's providing functionality otherwise unobtainable through the site :)
January 13, 2016 8:31 a.m.
ninjaclevs13 says... #8
I now have this code in place:
< link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B5rOLqW7X_r3SVVKaU5RU2pjeXc/view?usp=sharing" / >
Code links to a drive document with the css styles FAMOUSWATERMELON told me to in his tutorial, but it still isn't working. Is there any additional code I need? It's still not working.
January 14, 2016 11:56 a.m.
That url is invalid - google 'host website on google drive', as you need to get a host.googledrive.com address in order for it to work :)
Or use a different host like filedropper to host it :) Can you send me a share link to the folder?
rorofat says... #2
Usually, one uses a IMG tag, sets the z-index to -1 and sets it to position:fixed; and width:100%; height100%; :)
Hope it helps! Though it is discouraged by many in the community as it increases load times.
January 12, 2016 6:34 p.m.