Adding a background skin to all pages

SilverBeetle
SilverBeetle
edited January 2013 in Campaign Portal Building
Hi everyone,

Looking for the easiest way to add a background skin to my campaign like the cityscape and stars on:

http://www.obsidianportal.com/campaigns/dfd

http://www.obsidianportal.com/campaigns/melekar

Please advise step-by-step how to do this.

Thanks,

Grimjack

Comments

  • GamingMegaverse
    GamingMegaverse
    Posts: 3,001
    Go to the "CSS forum":http://forums.obsidianportal.com/comments.php?DiscussionID=2637&page=1 , or go to the "FAQ":http://forums.obsidianportal.com/comments.php?DiscussionID=1114&page=1 . Many sites, like my own, Arsheesh' great "Age of Legends":http://www.obsidianportal.com/campaigns/age-of-legends , and the awesome "Dresden File Dallas":http://www.obsidianportal.com/campaigns/dfd have site appearance sections as well.
    Or, just pm a gm of some site that you like and ask them how they did it.
    killervp
    "A God...Rebuilt":http://www.obsidianportal.com/campaigns/a-god-rebuilt
    "Duskreign's First Ever COTM":http://www.obsidianportal.com/campaigns/wyrmshadow/wiki_pages/112011
    "OP's COTM April 2012":http://blog.obsidianportal.com/a-god-rebuilt-aprils-cotm/

    Just trying to help out.

  • ImmortalDM
    ImmortalDM
    Posts: 17
    I second everything killervp just said. I noticed you haven't put up a background yet so just to get you started on this particular question:

    1) Access the custom CSS field by clicking on "Edit Setting" in the right side bar on the main page of your campaign.

    2) Scroll down to the text box labeled "Custom CSS" just below the OP selection of background images.

    3) Paste the following into that text box:

    /* Furthest background image */
    body { background: url('http://i.imgur.com/2inW0.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

    4) Change the background url to the address of whatever image you want to use.

    5) Scroll down and click "update" to save the changes.

    Feel free to PM me if you have any trouble or if you see anything on my site that you would like to use. I was a little reluctant to bother people with coding questions that I figured were basic but I found that everyone I contacted on OP was really cool about helping out and sharing code.

    ImmortalDM
    "Myyth Realm Legacy":http://www.obsidianportal.com/campaigns/myyth-realm-legacy
Sign In or Register to comment.

April 2024
Season of Strife

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions