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: |
| 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 |
![]()
|
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.
|
![]() |
|
| Eureka DC | Nov 12 2008, 02:04 PM Post #2 |
![]()
|
Try adding a specified width to the BODY. |
DO NOT PM ME FOR HELP, SUPPORT OR REQUESTS!![]() ------------------------------------------------------------------- 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 ------------------------------------------------------------------- | |
![]() |
|
| AmethystSkies | Nov 15 2008, 06:08 PM Post #3 |
![]()
|
Ehh.. sorry I'm not very good at actually writing codes or anything... but exactly how would I go about doing that? *Feels stupid* |
![]() |
|
| ZapTap | Nov 15 2008, 09:00 PM Post #4 |
![]()
|
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 |
![]() |
|
| AmethystSkies | Nov 16 2008, 02:37 PM Post #5 |
![]()
|
Thank you so very much. My board looks so much better now.
|
![]() |
|
| ZapTap | Nov 16 2008, 03:53 PM Post #6 |
![]()
|
don't mention it
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Code University · Next Topic » |














My board looks so much better now.
7:45 PM Jul 10