Welcome Guest [Log In] [Register]
Search Members Calendar | Rules ZB Code Index IF Code Index
ZBCode
  • Navigation
  • ZBCode
  • Coding Support
  • Code University
  • Need help with my IF site
Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ;)

Interested in joining? Click here.


If you are already a member of ZBCode, feel free to login right here:

Username:   Password:
Locked Topic
Need help with my IF site; Something that needs fixing...
Tweet Topic Started: Nov 12 2008, 12:33 PM (236 Views)
AmethystSkies Nov 12 2008, 12:33 PM Post #1


Posts:
6
Group:
Member
Member
#1,517
Joined:
Nov 12, 2008
I dunno if this is the right place or not...

Anyway,

I'm new to using Invision Free boards, and I need some help. I'm okay with HTML codes (meaning that I know how they work) but I just can't figure out one thing.

Problem: I want to make my invisionfree board smaller. The board itself is as big as the page and simply makes it look bad. I'd prefer not having to post the url code here, but here's the CSS I'm using.



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: #6F8342; margin:0px 10px 0px 10px;background-color:#8EA16C }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #6F8342; }
a:link, a:visited, a:active { text-decoration: underline; color: #6F8342 }
a:hover { color: #505D2B; 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: #6F8342; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#6F8342; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#6F8342 }

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:#6F8342 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#6F8342;background-image:
url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greentm.gif);
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 #6F8342;background-color: #E9F0BF }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #E9F0BF; border:1px solid #6F8342;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #6F8342;background-color: #C0CD9A;background-image:url();padding:0px;margin:0px; }
#submenu { border:1px solid #6F8342;background-image: url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greenabstmlong.gif);
font-size:10px;margin:3px 0px 3px 0px;color:#36F8342;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #6F8342; }
#userlinks { border:1px solid #6F8342; background-image:
url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greendr2.gif)}

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

.activeuserstrip { background-image:
url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greendr2.gif); padding:6px }

.pformstrip { background-image:
url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greentm.gif);
font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #E9F0BF; padding:6px; margin-top:1px;width:25%; border-top:1px solid #6F8342; border-right:1px solid #6F8342; }
.pformleftw { background-color: #E9F0BF; padding:6px; margin-top:1px;width:40%; border-top:1px solid #6F8342; border-right:1px solid #6F8342; }
.pformright { background-color: #E9F0BF; padding:6px; margin-top:1px;border-top:1px solid #6F8342; }

.post1 { background-color: #E9F0BF }
.post2 { background-color: #E9F0BF }
.postlinksbar { padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greentm.gif) }

.row1 { background-color: #E9F0BF }
.row2 { background-color: #E9F0BF }
.row3 { background-color: #E9F0BF }
.row4 { background-color: #E9F0BF }

.darkrow1 { background-color: #C0CD9A;}
.darkrow2 { background-image:
url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greendr2.gif)}
.darkrow3 { background-image:
url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greendr2.gif) }

.hlight { background-color: #E9F0BF }
.dlight { background-color: #E9F0BF }

.titlemedium { font-weight:bold; color:#6F8342; padding:6px; margin:0px; background-image: url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greentm.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #6F8342 }

.maintitle { vertical-align:middle;font-weight:bold; color:#DDF0BB; letter-spacing:1px; padding:7px 0px 7px 5px; background-image: url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greenabstct.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #DDF0BB }
.maintitle a:hover { text-decoration: none }

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

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

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

.signature { font-size: 10px; color: #505D2B }
.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: #505D2B; background-color: #E9F0BF; border: 1px dashed #6F8342; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #505D2B; background-color: #E9F0BF; border: 1px dashed #6F8342; 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 { background-color: #E5EEC6; 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 #6F8342;border-bottom:1px solid #6F8342 }

.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 }

div.row4 { border-color: #6F8342!important;background-color:#E9F0BF}

</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder{background-color:#C0CD9A; }</style>")}
</script>
<style type="text/css">

</style>
<script language='javascript'>
if ( location.search.indexOf('calendar')!=-1 ){document.write("<style>.maintitle { background-image: url(http://img.photobucket.com/albums/v367/Canon_Rebel/Skinning2/greenab.gif); padding:7px 0px 7px 5px;}}</style>")}


</script>


If you need to see the forum I'll send you the URL in a PM.

Also, I'm use to Proboards and I've just started using InvisionFree because in a lot of ways its nicer than proboards.



-AmethystSkies
Edited by AmethystSkies, Nov 12 2008, 12:35 PM.
Offline Profile Goto Top
 
Eureka DC Nov 12 2008, 02:04 PM Post #2
Member Avatar


Posts:
183
Group:
Member
Member
#40
Joined:
Jul 16, 2008
Try adding a specified width to the BODY.
DO NOT PM ME FOR HELP, SUPPORT OR REQUESTS!
Posted Image
-------------------------------------------------------------------
I'm a part of you, you're a part of me
And I know it's wrong but I can't get free
You're like my first bad habit
How am I gonna give you up?
~ Vanessa Hudgens
-------------------------------------------------------------------
Offline Profile Goto Top
 
AmethystSkies Nov 15 2008, 06:08 PM Post #3


Posts:
6
Group:
Member
Member
#1,517
Joined:
Nov 12, 2008
Ehh.. sorry I'm not very good at actually writing codes or anything... but exactly how would I go about doing that? *Feels stupid*
Offline Profile Goto Top
 
ZapTap Nov 15 2008, 09:00 PM Post #4


Posts:
73
Group:
Member
Member
#896
Joined:
Sep 8, 2008
Coding language
HTML/CSS
first off: replace html { overflow-x: hidden; overflow-y: auto; } with html (at the top)

now: to make it smaller, replace the BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #6F8342; margin:0px 10px 0px 10px;background-color:#8EA16C } with BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #6F8342; margin:0px 10px 0px 10px;background-color:#8EA16C; margin-left:xpx; margin-right:xpx; } and edit the parts in red to the number of pixels you want each side away from the sides
Offline Profile Goto Top
 
AmethystSkies Nov 16 2008, 02:37 PM Post #5


Posts:
6
Group:
Member
Member
#1,517
Joined:
Nov 12, 2008
Thank you so very much. :) My board looks so much better now.
Offline Profile Goto Top
 
ZapTap Nov 16 2008, 03:53 PM Post #6


Posts:
73
Group:
Member
Member
#896
Joined:
Sep 8, 2008
Coding language
HTML/CSS
don't mention it :P
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Code University · Next Topic »
Locked Topic

Track Topic · E-mail Topic Time: 7:45 PM Jul 10
Hosted for free by ZetaBoards · Privacy Policy