We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
[ ! ] Boarder around the whole board
Topic Started: Feb 19 2010, 07:29 PM (319 Views)
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
Board Address: http://z7.invisionfree.com/cityofstrays
Type of Request: idk...
Description: I'd like to be able to put an image/boarder all the way around this board, but I can't figure out how! I already tried something, but the bottom is screwed up... (I'm actually trying to convert Lokyr's "Terminal Velocity" theme to invisionfree, and this is one of the only things I'm really having trouble with...)

This is all the coding I've use so far:
Board Wrappers > Header and Body
Code:
 
<div id="main_content"><div id="header"><div id="header_l"><!-- top left corner --></div><div id="header_r"><!-- top right corner --> </div></div><div id="side_l"><div id="side_r">
<div id="wrap">

<body bgcolor="#007F0E" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'> <table width="756px" align="center" bgcolor= "#282D33">
<tr><td style="padding: 0px 0px 0px 0px">

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

</div></div></div>


Board Wrappers > Footer
Code:
 
<div id="footer"><div id="footer_l"><!-- bottom left corner --></div><div id="footer_r"><!-- bottom right corner --></div></div></div>


Manage Style Sheets > CSS
Code:
 
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #788390; margin:0px 10px 0px 10px; background-color:#bdc3ca; background-image: url(http://i50.tinypic.com/17e6p1.jpg) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #788390; }
a:link, a:visited, a:active { text-decoration: underline; color: #788390}
a:hover { color: #d6dadd; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid; background-color: #3860BB; background-image:url(http://i50.tinypic.com/17e6p1.jpg); padding:0px; margin:0px; }
#submenu { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px }

.pformstrip { background-color: #D1DCEB; background-image: url(http://i46.tinypic.com/j13hn6.jpg); color:#bdc3ca; font-weight:bold; padding:3px; margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB; padding:7px; margin-top:1px; font-size:10px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_sub.gif) }

.row1 { background-color: #F5F9FD }
.row2 { background-color: #353A41}
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #353A41}

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-image: url(http://i45.tinypic.com/1rr8cl.jpg); background-color: #BCD0ED; color:#3A4F6C; padding:3px }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#bdc3ca; padding:3px; margin:0px; background-image: url(http://i46.tinypic.com/j13hn6.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle; text-align: center; font-weight:bold; color:#000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i48.tinypic.com/4zurf8.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #282D33;background-color:#282D33}
.tableborder { border:1px solid #282D33;background-color:#282D33; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #282D33;background-color:#282D33;padding:6px; }
.tablepad { background-color:#F5F9FD;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#bdc3ca}
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px; border-top:1px solid #282D33; border-bottom:1px solid #282D33}

/******* BORDERS ********/#main_content {width:80%;margin:0px auto;}/* repeating background image of the header */#header {background:url(http://z3.ifrm.com/62/36/0/p95994/top.gif);height: 33px; width:100%;}/* top left corner */#header_l {background:url(http://z3.ifrm.com/62/36/0/p98836/topleft.gif);height: 33px; width: 87px; float:left;}/* top right corner */#header_r {background:url(http://z3.ifrm.com/62/36/0/p98837/topright.gif);height: 33px;width: 87px;float:right;}/* left side border */#side_l {background:url(http://z3.ifrm.com/62/36/0/p95992/left.gif) repeat-y left;}/* right side border */#side_r {background:url(http://z3.ifrm.com/62/36/0/p95993/right.gif) repeat-y right #272c32;margin-left:40px;padding-right:40px;}/* repeated footer background */#footer {background:url(http://z3.ifrm.com/62/36/0/p95989/bottom.gif);height:68px; width:100%;}/* bottom left corner */#footer_l {background:url(http://z3.ifrm.com/62/36/0/p95990/bottomleft.gif); height: 68px; width: 87px; float:left;}/* bottom right corner */#footer_r {background:url(http://z3.ifrm.com/62/36/0/p95991/bottomright.gif); height: 68px; width: 87px; float:right;}

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }


I'm also not sure why the boards's not center across my screen anymore. But that's not as important, I guess...
Any help would be greatly, greatly appreciated!
Edited by Canimia, Feb 19 2010, 09:52 PM.
Offline Profile Goto Top
 
Pete B-ZNR
Member Avatar
Member
[ *  *  * ]
Ticket Incomplete

This is due to inactivity of over two weeks.

If you have any questions regarding this topic, feel free to PM me. :)

Have a nice day. ^_^
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Locked Topic