Forums

Page Border (3 posts)

  1. thatcrazyolgoth
    Member
    Posted 3 years ago #

    Hello,
    Sorry if this question has been answered but I could not really find anything on the sbubject
    To make my background a little less boring I want to add a border around the blog, is it a case of adding a <div> around the content in index.php and then adding the id info to the css?
    For an example check this out its just the first thing i found in my bookmarks http://www.devian.se/
    Thanks for any help

  2. drewactual
    Member
    Posted 3 years ago #

    they made that look a lot harder than it is...

    without looking at their code, the easiest way to do it is this:

    body {background-image: url(addy-to-pic) fixed;}

    wrapper {background-image: url(add-to-same-pic_or-complementing-pic); background-position: 0,0; }

    the entire page has a pic from wall to wall, which remains fixed when you scroll the page.. the wrapper has an image which is anchored at 0,0 or top left.. which does scroll... pretty cool effects huh? If used wisely it makes a page pop- overdone it looks like crap.

  3. jonimueller
    Member
    Posted 3 years ago #

    If all you want is a border around your entire layout, just create a wrapper container and center it from left to right:

    #wrapper {
       margin: 0 auto 0 auto;
       border: 1px solid #f00;
    }

    Style the border however you want as far as pixel size, border style (solid, dotted, dashed) and color.

    In your header, under the body but before everything else, add this:

    <div id="wrapper">

    At the end, after the closing footer division and before the closing </body> tag, add this:

    </div><!-- /wrapper -->

    That should do it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.