test content
What is the Arc Client?
Install Arc

Constructive suggestions on the forum look

cococyacococya Posts: 230 Arc User
Hey guys!
Most of us are displeased with the forums moving house, especially since we had memorized our favorite layouts and functions on the old forums, and things here look mostly like a '90s revival of yahoo messenger.
So, let's give some suggestions to what we would actually like to see and maybe, just maybe some of them are possible and will be changed.
I would personally like:
- subforums to properly hide inside when marked as hidden;
- a different color for new threads, please, as it stands now new threads are only slightly boded with the same white color and I cannot see them properly at all; also, please, for the love of cheesecake, make links show up as a different color altogether;
- buttons for colors, fonts etc. which I know where taken out because of certain exploitable features, please fix the vulnerabilities and bring the buttons back;
- the ability to not getting booted to the main page of the forum when marking a forum or subforum inside a category as read;
- a clear set of rules for the moderators and users, with clear guidelines, since Cryptic's policies are extremely different from other PWE titles (I'm looking at you, Neverwinter, with iron clad rules where you aren't allowed to ask for official answers or comment negatively about the game or you get a giant wall of text telling you what a low life you are in a lawyer-esque manner as opposed to, say, PWI or FW, where we can ask directly and demand certain injustices/ questions/ clarifications or bugs to be fixed or answered without fear that our mods will take the naughty stick and slap us);
- a different font/color/lay-out for categories and game forums vs. their subforums and threads, as it is now it's extremely dull and tiring to go through.

I end my series of thoughts here, for now, and I ask if everyone else has suggestions that don't include troll 'let's move back to the old forums' , but to improve what we were forced to have here, instead, to please add them so we can let someone know how to make out transition better.
ladybeard-crossdressing-wrestler-death-metal-singer-05.jpg

Comments

  • stergasterga Posts: 1,223 Arc User
    Better font / background color contrast.
    No animated gifs.
    Sig size restrictions.
    How about allowing themes?
    Less restrictive naughty word filter.

    That's all I can think of at the moment.

    @riviania Member since Aug 2009
  • opkossyopkossy Posts: 11,177 Community Moderator
    Take the stuff done here and make it official:
    nrglg wrote: »
    The pages are still there. They turned their display to none though. You have to inject this.
    #PagerAfter
    {
        display:block !important;
    }
    

    This is my current CSS injection in full, if anyone's interested. (Highlight to read and copy it. After injecting this, you will be able to see the codeboxes quite easily.)
    /* Fixes subforum link colors */
    .ChildCategories a
    {
    	color:rgba(255,255,255,0.6);
    }
    
    .ChildCategories a:hover
    {
    	color:rgba(255,255,255,0.85);
    }
    
    /* Fixes codebox colors */
    pre
    {
    	background-color:rgba(255,255,255,0.025);
    	border-radius:5px;
    }
    
    pre:hover
    {
        box-shadow:0 0 8px 2px rgba(255,255,255,0.5);
    }
    
    .SpoilerText > pre
    {
        background-color:rgba(0,0,0,0.5);
    }
    
    /* Fixes "Post Edited" message color
    /* Now removes it...remove "display:none;" if you want to see it */
    div.PostEdited
    {
        color: rgba(255,128,128,0.7);
        display:none;
    }
    
    /* Adds page listing to bottom of page */
    #PagerAfter
    {
        display:block !important;
    }
    
    /* Adds separators to editor */
    .editor .editor-sep
    {
        border-left-color: rgba(255, 255, 255, 0.1);
    }
    
    /* Adds constraints to post textbox height */
    #Form_Body
    {
        min-height: 150px;
        max-height: 600px;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
    
    #Form_Body:focus
    {
        box-shadow:0 0 5px 2px rgba(255,255,255,0.5);
    }
    
    /* Fixes profile hover-over background colors */
    table.PreferenceGroup tbody tr:hover td
    {
        background: rgba(255,255,255,0.2) !important;
    }
    
    /* Made posts have a hover-over border to help eye focus */
    .MessageList .Item:hover
    {
        box-shadow: 0 0 9px 3px rgba(255,255,255,0.15);
    }
    
    /* Various item lists item colors */
    .Item.Unread.ItemDiscussion
    {
     	background-color:rgba(0,0,0,0.05) !important;   
    }
    
    .Item.Unread.ItemDiscussion > td:first-child:hover
    {
        border-left:3px solid red;
    }
    
    .Item.New.ItemDiscussion
    {
     	background-color:rgba(255,255,255,0.01) !important;   
    }
    
    .Item.New.ItemDiscussion > td:first-child:hover
    {
        border-left:3px solid cyan;
    }
    
    /* Changes to pretty the avatar area */
    .AuthorWrap > .Author .ProfilePhotoMedium
    {
        width:auto !important;
        height:auto;
        max-width: 125px !important;
        max-height:125px !important;
        border:2px solid #000;
    }
    
    .CommentHeader .AuthorWrap, .CommentHeader .AuthorWrap > .Author
    {
        text-align:center;
    }
    
    .Comment .CommentInfo
    {
        display:block;
        background-color:rgba(0,0,0,0.3);
        padding:3px 3px 2px 10px;
        border-radius:10px;
    }
    
    /* Added hover-over page number colors */
    .Pager a:hover:not(.Highlight)
    {
        background:linear-gradient(rgba(104,104,111,0.8),rgba(61,61,70,0.8));
        color:#F4F4F4 !important;
        border-bottom:1px solid rgba(0,0,0,0.5);
    }
    
    .Pager a:active:not(.Highlight)
    {
        background:linear-gradient(rgba(61,61,70,0.5), rgba(104,104,111,0.5));
    }
    
    /* Changes to make quotes stand out more */
    blockquote.Quote
    {
        border-left:4px solid rgba(255,255,255,0.35);
        background-color:rgba(0,0,0,0.1);
    }
    
    .Message > blockquote.Quote:hover, blockquote.Quote blockquote.Quote > blockquote.Quote:hover
    {
        box-shadow:0 0 5px 2px rgba(128,128,128,0.25);
    }
    
    /* Make signature area stand out */
    .Signature.UserSignature
    {
        border-top:1px solid rgba(255,255,255,0.2);
    }
    
    /* Prettifies Flag/Quote Area */
    .Discussion .Item-BodyWrap .Reactions, .Comment .Item-BodyWrap .Reactions
    {
        background-color:rgba(0,0,0,0.25);
        padding: 10px 0 8px 15px !important;
        line-height:15px;
    }
    
    /* show icons properly (they used FFFFFF instead of ffffff - credit to dblazen1 for finding this one */
    .ReactSprite{
        background-image: url("/applications/dashboard/design/images/sprites-14-ffffff.png") !important;
    }
    

    (I'm going to keep editing this post. So keep checking up every so often.)

    I'm going to keep a log of changes I've made. Each new line is a separate edit I've made. So if this changes, then the above was changed.
    1. Added codebox hover-over outline
    2. Added post hover-over outline for helping eye focus
    3. Changed eye focus rule constraints to cover discussion message as well as comments
      .DataList .Item:hover -> .MessageList .Item:hover
    4. Made various changes to previous settings, so they need to be overridden now
    5. Made avatar area prettier
    6. Made numbers on lists "popout" more
    7. Improved quote distinguishability
    8. Made changes to signature area
    9. Made forum thread lists less dull and lifeless
    10. Fixed first post avatar area
    11. Made small change to comment-info area (section -> .Comment .CommentInfo)
    12. Removed red post edited message. (section -> div.PostEdited)
    13. Fixed Flag/Quote box for first post in discussion only (rule change)
      .Reactions -> .Discussion .Item-BodyWrap .Reactions, .Comment .Item-BodyWrap .Reactions
    14. Changed quote block rules
    15. Changed avatar display size to be dynamic instead of fixed
    16. Added dblazen1 fix and slightly changed flag/quote line height so that it feels more even
    17. Re-added max-width for avatars. Don't know how that got removed.
    18. Changed max-height to 125px.


    It does a MASSIVE job of making things much better and drastically improves the aesthetics of the forum to something that's bearable.
    (Insert fancy image here)
    image
  • krittycatkrittycat Posts: 4,187 Community Moderator
    edited June 2015
    Just on a side note for the Unread Thread color suggestion: If you look on the left side as your hover over a thread, Blue means it has posts you haven't read, Yellow means you're up-to-date, and Red means that it has a recent new post.

    Not sure how many people are going to notice it, but it's there. :wink:
Sign In or Register to comment.