Page Design





User

CSS Code

The_Dragonmaster
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/5f99b5wj9g0d1ko/style.css">
Jack-Frost
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/zvtiqdy0hq44ww5/Jack-Frost.css">
dragonhunter
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/whp2iipcfkn8if8/dragonhunter.css">
Tacticsninja16782
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/fq8drj51b2zxwpk/Tacticsninja16782.css">
Serra_Sentinel
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/ylkvrq22xm3msvc/serra_sentinel.css">
Devinske
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/saspfi6xwzkp315/devinske.css">
SwaggyMcSwagglepants
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/r493jj3etlu0sm2/swaggymcswagglepants.css">
MoonBoyIrish
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/7ie8yqj4au8p09m/MooneBoyIrish.css">
MogisMtg
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/qbfk54s6jpl26mu/mogis_mtg.css">
Maringam
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/qbfk54s6jpl26mu/mogis_mtg.css">
S i l v e r f 1 s h <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/pwb0hxepwiiaimy/silverf1sh.css">
PepsiAddicted <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/k7275q1t3box9zr/PepsiAddicted2.css">




Background Images

Background images use the basic HTML image tag which looks something like this. <img src="URL GOES HERE">

First find your image online
Then right click on it
Then click one of three things. Copy Image Address/Location/URL.

Whichever of these shows up for you depends on your browser. Each Image on the internet has it's own address called a URL, websites use these url's to link to an image on a page. Once you have done the above step, you will have the image copied to your clipboard. Now you can CTRL+V (Command+V for macs) to paste it.

So now you have your URL in between the quotes in the code above so it looks like this:

<img src="LongURL.jpg">

But if you put that code in your tappedOut profile text, you'll notice it is not big. To fix that, we'll need to implement more code.

Now we are getting into inner CSS styling to make the image do what we want. We will use these four things: height, width, position, and z-index.

Height and Width are self explanatory, Position we are going to set to fixed so the image follows us as we scroll down, and z-index determines if it is in the front or the back.

So now we decide the values and other things inside the inner css to decide where it goes on the page.

<img src="LongURL.jpg" style="height: 100%; width: 100%; position: fixed; z-index: -1;">

This is our finalized code. Paste the above code into your profile page or deck, then put the URL of your image inside. You can also upload images to imgur or tinypic if you want an image from your computer.