News:

The forum has been updated to SMF (2.1.3)!
Please be patient as we work to polish up the place and update features as we can.

Main Menu

Feedback for the forums?

Started by Rolina, 01, December, 2008, 05:36:00 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Atrius (He/Him)

A decent number of people still use 1024x768 monitors, and there needs to be room for the margins at the side of the page, and scroll bar too.
[sprite=220,4,0]I'm shaking my head in general disapproval of everything[/sprite]

Rolina

True, true, but you should still be able to get away with 900...  That leaves 124 pixels for margins and what not.

Atrius (He/Him)

700 is perfectly fine though.  It even leaves space for the unfortunate people that are still stuck with 800x600 monitors.
[sprite=220,4,0]I'm shaking my head in general disapproval of everything[/sprite]

Rolina

And it leaves me with 900 wasted pixels...

Heck, I've got a basic compy, one you can get from walmart, and I can't even go as low as 800x600...  Oh well, no use crying over it.

Out of curiosity, what's the resolution range for everyone?  Mine is 1024x768 to 1600x1200, though for some reason, everything looks HUGE in any resolution smaller than the one I've got. O.o

Charon

So is it 200x700 or not? Whatever, I'll go along making it. I'll use the old picture and maybe I can get a slightly better rendering... whooo, I was tired when I made that last one >_<

On resolution... 1440x900, I think, as I said before.

Atrius (He/Him)

We can't make a banner for every possible resolution there is, Role  

Something that could be done though is putting an image at both the left, and right side of the title bar, and even maybe adding one in the middle.  Unless you wanna try something like that 200x700 will be perfectly fine.

I can set my resolution from 640x480 to 1280x1024.  My monitors suggested setting is 800x600 though, so I've already got it higher than it should be, any higher and it starts to flicker slightly.
[sprite=220,4,0]I'm shaking my head in general disapproval of everything[/sprite]

Rolina

I meant range, meaning the min and max your compy will do.

@Atrius:  I know, it's just that I'm tired of having all these cramped limitations on forums...

Charon

Well, if we went with a Reveal theme, we could make the background black and it wouldn't even matter.

Charon

Since there's apparently no objections, I'll start making a 200x700 banner, Jupiter (reveal) themed on Wensday.

(I'm going to be busy until then, so patience fellow hackers)

Matrim

I'll see what if i can pull a layout and screenshot it tonight, hopefully w/ your pic.  

Zach

good job with the forums you guys  

Charon

I seriously need to get off my dead butt and make that banner lol.

Matrim

hows this for a reveal theme









code for the sytle sheet

<style type='text/css'>
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: #FFF; margin:0px 10px 0px 10px;background-color:#000 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #FFF; }
a:link, a:visited, a:active { text-decoration: underline; color: #FFF }
a:hover { color: #465584; 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: #FFFFFF; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#FFF; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#FFFFFF }

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:#FFF }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#FFFFFF;background-color:#000000;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; color: #FFFFFF}
#calendarname { font-size:22px; font-weight:bold;color: #FFFFFF }

#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:1px solid #000000;background-color: #000000;background-image:url('http://i183.photobucket.com/albums/x33/heimdallinc/GoldenSunHackingCommunity-1.jpg'); background-repeat:no-repeat; background-position: 0 50;
            padding:0px;margin:0px;height: 300px; }
#submenu   { border:1px solid #000000;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#FFFFFF;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }
#userlinks { border:1px solid #000000; background-color: #000000;color: #FFFFFF}

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

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

.pformstrip { background-color: #000000; color:#FFFFFF;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #000000; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #000000; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #000000; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #000000;color: #000000}
.post2 { background-color: #000000;color: #000000}
.postlinksbar { background-color:#000000;padding:7px;margin-top:1px;font-size:10px; color: #000000}

.row1 { background-color: #000000; color:#FFFFFF }
.row2 { background-color: #000000; color:#FFFFFF }
.row3 { background-color: #000000; color:#FFFFFF }
.row4 { background-color: #000000; color:#FFFFFF }

.darkrow1 { background-color: #000000; color:#FFFFFF }
.darkrow2 { background-color: #000000; color:#FFFFFF }
.darkrow3 { background-color: #000000; color:#FFFFFF }

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

.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #FFFFFF }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

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

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

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

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

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

.searchlite { font-weight:bold; color:#FFF; background-color:#000 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #000000; 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: #FFFFFF; background-color: #000000; 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; color: #FFFFFF}

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

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

.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 }
   .style1
   {
       height: 27px;
   }
</style>

Atrius (He/Him)

Way too plain, also the "Invision Power Board" image at the top is going away once we have the banner to replace it with, that may be a while though since Charon's computer died on her...  Or I could just replace it with the one she's already done for now.
[sprite=220,4,0]I'm shaking my head in general disapproval of everything[/sprite]

Matrim

good idea. i couldn't figure out how to get rid of it so i just left it there.  

weckar

I don't suppose the buttons could get a make-over aswell?

Charon

We shall see. I'm currently procrastinating, so bleah. *dodges all the random spear throwing*

And w00t for the banner. Although I could have done a better job if my computer hadn't of commited suicide at the last minute.

I kind of actually like the plain black. Although some violet might be nice...

Zach

Quote from: Charon on 07, March, 2009, 09:45:00 PMWe shall see. I'm currently procrastinating, so bleah. *dodges all the random spear throwing*

And w00t for the banner. Although I could have done a better job if my computer hadn't of commited suicide at the last minute.

I kind of actually like the plain black. Although some violet might be nice...
Hey, it's your call. Take as long as you like and do what you do best and whatever comes to mind. Nobody's rushing you (least not me)

Charon

Okay guys, you seem to be freaking out a little bit over the theme.

It's a Jupiter based theme. Not an Ivan theme. If we all get time, I could do one for all the adepts, but my HTML skills are terrible and I'm still procrastinating.

Anyways, later in the week, I'll see if I can get some pretty new Jupiter based buttons.

For now, notice that we now have 4 new emoticons (activate by typing in the below without asterisks (*))

:*venus:   :VenusSet:
:*mercury:  :MercurySet:
:*mars:  :MarsSet:
:*jupiter:  :JupiterSet:

I also activated profile picture, just in case you want one. I might change the size restrictions if I made it too small, but it should be large enough for most JPGs. The picture appears right next to your username in your profile. Also, I changed the max avatar size to 100x100 pixels, because 80x80 pixels was a tad too small.

If you have more suggestions, let me know.

MaxiPower

What all new symbols are there, see mines a sword?