Warning

 

Close
Confirm Action

Are you sure you wish to do this?

Cancel Confirm
AR15.COM
12/2/2016 11:28:54 AM EDT
The rollout of the new style has been pretty rough, and I thought I'd do what I could to help - both @goatboy and my fellow users. I'm working on a user stylesheet that will improve the site as best I can.

You can find the current version of my site stylesheet on GitHub: lyndsysimon/ar15.com-stylesheet

Before you install it, be aware - the site layout is in flux right now, and Goatboy's changes could (and likely will) break my changes. Do not, under any circumstances, complain to site staff if you're using this stylesheet and your layout is fucked up somehow. I'll do my best to continually update it and am happy to take suggestions, so by all means go back and get the latest version on a regular basis, but in the end remember that this is one nerd's attempt to make a website run by someone else more readable to him. In other words, I'm a developer but I'm not your developer.

Before:

Click To View Spoiler

After:

Click To View Spoiler
12/2/2016 11:29:11 AM EDT
[#1]
(reserved for installation instructions)
12/2/2016 11:47:55 AM EDT
[#2]
One more thing - @goatboy, by all means feel free to copy/paste some of these styles if you find it helpful. I've made sure to comment each rule as to its purpose for your benefit. The repo they're in is labeled as GPLv3, but if you need me to grant you rights to it formally I'm happy to do so.
12/2/2016 12:04:29 PM EDT
[#3]
Needs a bunch more vertical compression in the avatar area:



Online status can be indicated with a green or red dot to the right of username

post/feedback can be same row

Member and location can be same row

mil/industry/NRA/etc icons can go under location

link to post can go to nav bar below post (to the right of report)

This loose and messy avatar/member area is the biggest barrier to overall usability
12/2/2016 12:10:10 PM EDT
[#4]
Quote History
Quoted:
Needs a bunch more vertical compression in the avatar area:

http://i.imgur.com/nddfnEE.jpg

Online status can be indicated with a green or red dot to the right of username

post/feedback can be same row
Member and location can be same row
link to post can go to nav bar below post (to the right of report)
View Quote


Moving online status is more than I want to do with a stylesheet - it's technically possible, but it would be really hacky and not worth the effort.

I've already got "posts" and "feedback" on one row. The next row is "link to post" and "status".

I think I can get rid of "Team member" entirely, actually; I can then put join date and location on one row and seriously shrink that section. One sec.
12/2/2016 12:13:03 PM EDT
[#5]
Quote History
Quoted:


Moving online status is more than I want to do with a stylesheet - it's technically possible, but it would be really hacky and not worth the effort.

I've already got "posts" and "feedback" on one row. The next row is "link to post" and "status".

I think I can get rid of "Team member" entirely, actually; I can then put join date and location on one row and seriously shrink that section. One sec.
View Quote


I know... my suggestion wasn't really for you
12/2/2016 12:13:38 PM EDT
[#6]
Just go back to the old arfcom .. there was nothing wrong with it
12/2/2016 12:15:55 PM EDT
[#7]
Glad I saw this. I was just starting work on my own....

To get rid of:

<!-- STICKY USER BAR -->
<div class="user-bar show-for-large">
<div class="expanded column row">



12/2/2016 12:21:02 PM EDT
[#8]
@NoVaGator - Here's the further-shrunk authorbox. Changes are in place on GitHub.

before:
Click To View Spoiler

after:
Click To View Spoiler
12/2/2016 12:23:35 PM EDT
[#9]
Quote History
Quoted:
Glad I saw this. I was just starting work on my own....

To get rid of:

<!-- STICKY USER BAR -->
<div class="user-bar show-for-large">
<div class="expanded column row">



View Quote


Easy enough to do, but I don't think I'll include that in the stylesheet. The rule though, is just one line:

div.user-bar { display: none ; }
12/2/2016 12:27:06 PM EDT
[#10]
Quote History
Quoted:
@NoVaGator - Here's the further-shrunk authorbox. Changes are in place on GitHub.

before:
Click To View Spoiler

after:
Click To View Spoiler
View Quote


Now we're getting somewhere!
12/2/2016 12:28:10 PM EDT
[#11]
found a new bug!

My reply is outside of the quote and spoiler tag, but you can see how it's displaying above

12/2/2016 12:29:23 PM EDT
[#12]
Quote History
Quoted:
Just go back to the old arfcom .. there was nothing wrong with it
View Quote

12/2/2016 12:31:37 PM EDT
[#13]
Quote History
Quoted:
View Quote View All Quotes
View All Quotes
Quote History
Quoted:
Quoted:
Just go back to the old arfcom .. there was nothing wrong with it


I suspect anyone that believes that had developed browsing work-arounds that they don't remember or weren't aware of.

12/2/2016 12:42:48 PM EDT
[#14]
Quote History
Quoted:
found a new bug!

My reply is outside of the quote and spoiler tag, but you can see how it's displaying above

http://i.imgur.com/W6NyKLI.png
View Quote


Nice! I bet that is because of the spoiler tag. I'll add another post after this one with just a spoiler in it; quote it with a single line comment and see what happens.
12/2/2016 12:43:04 PM EDT
[#15]
Click To View Spoiler
12/2/2016 1:12:02 PM EDT
[#16]
What does "link to post: click" do? Nothing happens when I click on it.
12/2/2016 1:20:09 PM EDT
[#17]
Quote History
Quoted:
What does "link to post: click" do? Nothing happens when I click on it.
View Quote


it changes the page's URL to a URL that will link directly to the selected post.

see:

http://www.ar15.com/forums/t_1_5/1939836_Make-Arfcom-Great-Again---here-s-how--user-stylesheet-link-.html&page=1#i63434162
12/2/2016 2:27:25 PM EDT
[#18]
Looks nice. The location and join date run together at least for me.



Thanks!

Sign up to continue the discussion

Create a free account to share your thoughts, follow topics, and connect with the AR15.COM community.

Already a member? Sign In