|
Canimia
|
Feb 19 2010, 07:29 PM
Post #1
|
Parachute? This is obviously a Hot Air Balloon!
- Posts:
- 293
- Group:
- Members
- Member
- #344,543
- Joined:
- May 21, 2008
- I'm Browsing With
- Other
- Latest Design
- http://resources.zetaboards.com/topic/5150472/1
- My Board URL
- http://www.thegeekzone.org
|
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.
|
|
Pete B-ZNR
|
Mar 13 2010, 08:54 PM
Post #2
|