Page 10 of 11

Re: New forums graphics plan

PostPosted: May 19th, 2015, 9:30 am
by Venexis
The "different colors" option has been winning almost the entire time the poll has been running. Out of curiosity, what different colors would people be interested in? Would we swap out the grey, blue, or both? I might mock some prototypes later on depending on feedback, I'm messing in Paint anyway.

Re: New forums graphics plan

PostPosted: May 19th, 2015, 9:56 am
by Karyete
I would love to keep some blue, or have some red. But I'm not picky as long as it's not pink or brown, which I don't see happening anyway :p

Re: New forums graphics plan

PostPosted: May 19th, 2015, 11:43 am
by Supershroom
Vendai wrote:The "different colors" option has been winning almost the entire time the poll has been running. Out of curiosity, what different colors would people be interested in? Would we swap out the grey, blue, or both? I might mock some prototypes later on depending on feedback, I'm messing in Paint anyway.

right now the "same colours" are in the lead, but if you can show me a concrete example of what you have in mind, I maybe change my opinion

Re: New forums graphics plan

PostPosted: May 19th, 2015, 12:01 pm
by Raz
I personally want an entire overhaul in everything, new colours and new everything. I know a lot of others probably won't like the idea at all but I kinda want to see what a complete overhaul would look like.

Re: New forums graphics plan

PostPosted: May 19th, 2015, 12:08 pm
by Asterocrat
It will be hard not seeing the Runouw forums in blue, but I guess if it looks nice, why not.

Also the mobile forums are mainly blue, so if we have a new dominant color, these could be changed too

and if you ask, who even uses the mobile forums, well, i do, probably more than the actual forums

Re: New forums graphics plan

PostPosted: May 19th, 2015, 12:20 pm
by Raz
I don't even know how to access the mobile version of the forums. My android automatically goes to the normal layout and it looks suprisingly good on mobile.

Re: New forums graphics plan

PostPosted: May 19th, 2015, 12:26 pm
by ChaosYoshi
I think that if we do change colors, blue should probably stay the same as, at least as I've seen it, it's been the dominant color for just about anything Runouw. The only things I've voted on were square borders and simplistic design, as the Runouw logo has a square-like look to it, and simplistic because I don't think we need anything fancy. Everything else I'm not really sure on.

The mobile version of the site is really quick, but ever since I've gotten my hands on better mobile technology, the regular site tends to load rather well on some of the devices.

Re: New forums graphics plan

PostPosted: May 19th, 2015, 1:44 pm
by Kimonio
Supershroom wrote:I actually question if there is any need to change anything ... I like our current graphics. At supermariobrosx.org where I occasionally lurk at, I really don't like the bright colours there, they don't fit really well with the font colours and many sigs.

Their forum scheme is developed to fit the tileset and color of the retro Super Mario Brothers 3 designs. Their text color for staff could use an overhaul, but as for signatures, that's not the site's fault if the user's don't take into account how it will fit the overall layout of the site.

As for the mobile site, it's a bit more iffy, as you have to take into account the different mobile devices and their limitations. Some can load Flash and HTML5, others..not so much.The reason it loads so much quicker, though, is because it neglects to load a fair bit of what the main site utilizes.To the best of my knowledge, it does not load signatures. For those curious, this is the sheet:
Spoiler: show
Code: Select all
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      subsilver2
   Based on style:   subSilver (the default phpBB 2 style)
   Original author:   subBlue ( http://www.subBlue.com/ )
   Modified by:      psoTFX and the phpBB team ( http://www.phpbb.com )
   
   This is an alternative style for phpBB3 for those wishing to stay with
   the familiar subSilver style of phpBB version 2.x
   
   Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/
/* Layout
 ------------ */
*{margin: 0;padding: 0;}
html{font-size: 100%;}
body{font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;color: #000000;background-color: #bebfc1;font-size: 64.5%;margin: 0;}
.header{background-color: #1883B8;color: #FFFFFF;margin: 0;padding: 2px 0;}
#findbar{width: 100%;margin: 0;padding: 0;border: 0;}
.forumrules{background-color: #FDFACA;font-weight: normal;font-size: 1.2em;font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
.forumrules h2{color: #E20202;}
#pageheader { }
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/*  Text
 --------------------- */
h1{color: #FFFFFF;font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;font-weight: bold;font-size: 1.5em;text-decoration: none;}
h2{color: #28313F;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 1.4em;text-decoration: none;line-height: 120%;}
h3{color: #115098;font-size: 1.3em;font-weight: bold;font-family: Arial, Helvetica, sans-serif;line-height: 120%;}
h4{margin: 0;font-size: 1.2em;font-weight: bold;}
p{font-size: 1.2em;}
p.moderators{margin: 0;text-align: center;color: #000000;font-weight: bold;}
.rtl p.moderators{text-align: center;}
p.linkmcp{margin: 0;text-align: center;font-size: 1.1em;white-space: nowrap;}
.rtl p.linkmcp{text-align: center;}
.breadcrumbs{background-color: #cadceb;color: #000000;font-size: 0.9em;padding: 2px;}
p.breadcrumbs{margin: 0;background-color: #cadceb;float: left;color: #000000;font-weight: bold;white-space: normal;}
.rtl p.breadcrumbs{text-align: center;}
p.datetime{margin: 0;text-align: center;white-space: nowrap;font-size: 1em;}
.rtl p.datetime{text-align: center;}
p.searchbar{padding: 2px 0;white-space: nowrap;}
p.searchbarreg{margin: 0;float: right;white-space: nowrap;}
.rtl p.searchbarreg{float: left;}
p.forumdesc{padding-bottom: 4px;}
p.topicauthor{margin: 1px 0;}
p.topicdetails{margin: 1px 0;}
.postreported{margin: 1px 0;color: red;font-weight:bold;}
.postreported a:visited{margin: 1px 0;color: red;font-weight:bold;}
.postreported a:hover{margin: 1px 0;color: red;font-weight:bold;}
.postreported a:link{margin: 1px 0;color: red;font-weight:bold;}
.postreported a:active{margin: 1px 0;color: red;font-weight:bold;}
.postapprove{color: green;font-weight:bold;}
.postapprove a:visited{color: green;font-weight:bold;}
.postapprove a:hover{color: green;font-weight:bold;}
.postapprove a:link{color: green;font-weight:bold;}
.postapprove a:active{color: green;font-weight:bold;}
.postapprove img, .postreported img{vertical-align: bottom;}
.postauthor{color: #000000;font-size: 1.2em;}
.postdetails{color: #000000;}
.postbody{font-size: 1.4em;line-height: 1.4em;font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;}
.postbody li, ol, ul{margin: 1px 0;}
.rtl .postbody li, .rtl ol, .rtl ul{margin: 0 1.5em 0 0;}
.posthilit{background-color: yellow;}
.nav{margin: 0;color: #000000;font-size: 1.1em;font-weight: bold;}
.pagination{padding: 4px;color: #000000;font-size: 1.2em;font-weight: bold;}
.cattitle{ }
.gen{margin: 1px 1px;font-size: 1.3em;}
.genmed{margin: 1px 1px;font-size: 1.2em;}
.gensmall{margin: 1px 1px;font-size: 1.0em;}
.copyright{color: #FFFFFF;font-size: 0.8em;font-weight: bold;font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
.titles{font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.1em;text-decoration: none;}
.error{color: red;}
/* Tables
 ------------ */
th{color: #FFFFFF;background-color: #0889C9;margin: 0;width: 100%;height: 20px;font-size: 1.2em;font-weight: bold;text-align: left;padding: 0 0 0 4px;}
.welcome{color: #FFFFFF;background-color: #0889C9;margin: 0;width: 100%;font-size: 1.1em;font-weight: bold;text-align: center;padding: 2px;}
table{width: 100%;padding: 0;margin: 0;}
tr{padding: 0;}
td{padding: 4px;}
td.profile{padding: 6px;}
.tablebg{background-color: #407381;}
.cat{padding: 2px;background-color:  #85A2BA;}
.row1{padding: 4px;background-color: #ECF3F7;}
.row2{padding: 4px;background-color: #cadceb;}
.row3{padding: 4px;background-color: #B9CFE2;}
.row4{padding: 4px;background-color: #AAC2D6;}
.row5{padding: 4px;background-color: #2F5F7A;}
.spacer{padding: 2px;margin: 0;}
hr{width: 100%;height: 1px;border-width: 0;background-color: #666666;margin: 0;padding: 0;}
.legend{text-align:center;margin: 0 auto;}
/* Links
 ------------ */
a:link{color: #105289;margin: 1px;text-decoration: none;}
a:active{color: #368AD2;margin: 1px;text-decoration: none;}
a:visited{color: #105289;margin: 1px;text-decoration: none;}
a:hover{color: #D31141;margin: 1px;text-decoration: underline;}
a.nav{color: #105289;font-weight: bold;margin: 1px;text-decoration: none;}
a.nav:hover{margin: 1px;color: #D31141;font-weight: bold;text-decoration: underline;}
a.new{color: #0044AA;font-weight: bold;margin: 1px;text-decoration: none;}
a.forumlink{color: #105289;font-weight: bold;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-size: 1.2em;}
a.forumlink:hover{color: #BC2A4D;font-weight: bold;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-size: 1.2em;}
a.forumlink_new{color: #AA0000;background-color: #FFFFFF;padding: 0 2px;margin: 1px;font-weight: bold;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-size: 1.2em;border-width: 1px;border-style: solid;border-color: #888888;}
a.forumlink_new:hover{background-color: #FFFFFF;padding: 0 2px;margin: 1px;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;border-width: 1px;border-style: solid;border-color: #888888;}
a.topictitle{color: #014669;margin: 1px;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;}
a.topictitle:hover{margin: 1 auto;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;}
a.topictitle:visited{color: #014669;}
a.topictitle_new{color: #012B52;background-color: #FFFFFF;padding: 0 2px;margin: 1px;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;border-width: 1px;border-style: solid;border-color: #888888;}
a.topictitle_new:hover{background-color: #FFFFFF;padding: 0 2px;margin: 1px;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;border-width: 1px;border-style: solid;border-color: #888888;}
a.copyright{color: #00FFFF;margin: 1px;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;}
a.copyright:hover{margin: 1 auto;text-decoration: underline;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 1.2em;}
th a,th a:visited{color: #FFFFFF !important;}
th a:hover{ }
a.newpm{color: #AA0000;}
a.unreadpm{color: #883300;}
a.nowrap{white-space: nowrap;}
/* Form Elements
 ------------ */
form{margin: 0;padding: 0;border: 0;}
input{color: #333333;font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 1.2em;font-weight: normal;padding: 1px;border: 1px solid #173A52;background-color: #FAFAFA;}
textarea{background-color: #FAFAFA;color: #333333;font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;font-size: 1.1em; line-height: 1.2em;font-weight: normal;border: 1px solid #173A52;padding: 2px;}
select{color: #333333;background-color: #FAFAFA;font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 1.1em;font-weight: normal;border: 1px solid #173A52;padding: 1px;}
option{padding: 0 1em 0 0;}
option.disabled-option{color: graytext;}
.rtl option{padding: 0 0 0 1em;}
input.radio{border: none;background-color: transparent;}
.post{background-color: white;border-style: solid;border-width: 1px;font-size: 1.0em;font-weight: bold;}
.btnbbcode{color: #000000;font-weight: normal;font-size: 1.2em;font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;background-color: #EFEFEF;border: 1px solid #173A52;}
.btnmain{font-weight: bold;background-color: #ECECEC;border: 1px solid #173A52;cursor: pointer;padding: 1px 5px;font-size: 1.0em;}
.btnlite{font-weight: normal;background-color: #ECECEC;border: 1px solid #173A52;cursor: pointer;padding: 1px 5px;font-size: 1.0em;}
.btnfile{font-weight: normal;background-color: #ECECEC;border: 1px solid #173A52;padding: 1px 5px;font-size: 1.0em;}
.button1{font-weight: bold;background-color: #ECECEC;border: 1px solid #173A52;cursor: pointer;padding: 1px 5px;font-size: 0.9em;}
.helpline{border-style: none;}
/* BBCode
 ------------ */
.quotetitle{margin: 10px 5px 0 5px;padding: 4px;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #8A99A2;color: #333333;background-color: #A9B8C2;font-size: 0.9em;font-weight: bold;}
.attachtitle{margin: 10px 5px 0 5px;padding: 4px;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #8A99A2;color: #333333;background-color: #A9B8C2;font-size: 0.9em;font-weight: bold;}
.quotecontent{margin: 0 5px 10px 5px;padding: 5px;border-color: #7D95A4;border-width: 0 1px 1px 1px;border-style: solid;font-weight: normal;font-size: 0.9em;line-height: 1.0em;font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;background-color: #FAFAFA;color: #4B5C77;}
.attachcontent{margin: 0 5px 10px 5px;padding: 5px;border-color: #7D95A4;border-width: 0 1px 1px 1px;border-style: solid;font-weight: normal;font-size: 0.9em;line-height: 1.0em;font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;background-color: #FAFAFA;color: #4B5C77;}
.attachcontent{font-size: 0.9em;}
.codetitle{margin: 10px 5px 0 5px;padding: 2px 4px;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #8A99A2;color: #333333;background-color: #A9B8C2;font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;font-size: 0.8em;}
.codecontent{direction: ltr;margin: 0 5px 10px 5px;padding: 5px;border-color: #7D95A4;border-width: 0 1px 1px 1px;border-style: solid;font-weight: normal;color: #006600;font-size: 0.9em;font-family: Monaco, 'Courier New', monospace;background-color: #FAFAFA;}
.syntaxbg{color: #FFFFFF;}
.syntaxcomment{color: #FF8000;}
.syntaxdefault{color: #0000BB;}
.syntaxhtml{color: #000000;}
.syntaxkeyword{color: #007700;}
.syntaxstring{color: #DD0000;}
/* Private messages
 ------------------ */
.pm_marked_colour{background-color: #000000;}
.pm_replied_colour{background-color: #A9B8C2;}
.pm_friend_colour{background-color: #007700;}
.pm_foe_colour{background-color: #DD0000;}
/* Misc
 ------------ */
img{border: none;}
.sep{color: black;background-color: #FFA34F;}
table.colortable td{padding: 0;}
pre{font-size: 1.2em;font-family: Monaco, 'Courier New', monospace;}
.nowrap{white-space: nowrap;}
.username-coloured{font-weight: bold;}


Out of pure boredom, I'll apply my choices in the poll to my side of the site and screencap it...just to see how it looks.

EDIT: Still playing with it.
EDIT2: I tried to change something in the stylesheet and it reverted everything :(

Re: New forums graphics plan

PostPosted: May 19th, 2015, 2:25 pm
by Venexis
Supershroom wrote:
Vendai wrote:The "different colors" option has been winning almost the entire time the poll has been running. Out of curiosity, what different colors would people be interested in? Would we swap out the grey, blue, or both? I might mock some prototypes later on depending on feedback, I'm messing in Paint anyway.

right now the "same colours" are in the lead, but if you can show me a concrete example of what you have in mind, I maybe change my opinion


Lawl well, I don't have anything to show yet because I personally like the blue and grey and don't really care to change, but I'm messing with art programs for an entirely unrelated reason and figured out how to do a bunch of magic with it so I figured, why not? I'm really bad at art though so I'd probably do simple stuff similar to what BY did here, he's already got examples of a bunch of different colored backgrounds but if anyone wants a color he didn't do, or preview it with a different color instead of grey, I could give it a go in my downtime.

Re: New forums graphics plan

PostPosted: May 19th, 2015, 5:23 pm
by Sethster
I believe we should have an option to make our own themes, so everyone can customize the website in their own way. If we can't do that, I kinda like an all black theme like Steam.