ShowcaseRedesigned ShoutBoxPosted:

Gabriel
  • Retired Staff
Status: Offline
Joined: Jul 18, 20118 Year Member
Posts: 1,753
Reputation Power: 8001
Motto: U.S Army Veteran, Volunteer Fire Fighter, UI & UX Web Designer and Developer. www.axiosarts.com
Not happy with how the ShoutBox looks like internet relay chat with a 1993 timestamp to match, so I decided to redesign it and showcase it here for you all to see and use (if you're interested).




https://i.imgur.com/9zFTiaj.png
Before: i.imgur.com/9zFTiaj.png

https://i.imgur.com/jVvKBGT.png
After: i.imgur.com/jVvKBGT.png

https://i.imgur.com/tLMlfCM.png
At You and New message notifications: i.imgur.com/tLMlfCM.png




Get the raw paste here: pastebin.com/raw/A7JLnDzF




Removed the members in chat counter to line up the member and message list, applied new padding to both so they're aligned more. Created new @ notification and @ You notifications (background highlight color must be set to dark in order for it to work) utilizing cross-browser compatible gradients and pseudos. Removed span.bold (username) colors in messages to make it easier to see usernames. Displayed the show/hide members in chat button inline with an !important tag to prevent inline css from hiding it. Edited the site's scrollbar colors and removed the border radius so it's flush, changed several other site colors as well. This is currently only available for dark colored themes. If you all are interested in more edits, such as a light theme version, let me know below. <3

The Following 15 Users Say Thank You to Gabriel For This Useful Post:

RepBandit (06-29-2020), Mary (06-28-2020), UWishIWazHostin (06-28-2020), HELLAWAVE (06-28-2020), Caspa (01-29-2020), Tom (12-19-2019), m8 (12-18-2019), dj (12-16-2019), TTG (12-15-2019), spf (12-15-2019), 40 (12-15-2019), Gary (12-14-2019), Xbox (12-14-2019), Onlyfans (12-12-2019), Nick (12-12-2019)
#2. Posted:
Nick
  • Christmas!
Status: Offline
Joined: Jul 07, 20155 Year Member
Posts: 4,071
Reputation Power: 18464
Motto: Sharing tea with a fascinating stranger is one of life's true delights.
yes
#3. Posted:
Xbox
  • Rated Awesome
Status: Offline
Joined: Feb 27, 20119 Year Member
Posts: 30,418
Reputation Power: 8156
Amazing job once again I love it
#4. Posted:
Maze
  • TTG Elite
Status: Offline
Joined: Nov 24, 20118 Year Member
Posts: 12,395
Reputation Power: 15122
Motto: All Time High Monthly Posts achieved in June 2018. jukly forever. #BanC4
Make a light and clear version this looks sick as hell
#5. Posted:
Chat
  • Gold Member
Status: Offline
Joined: Jan 10, 20128 Year Member
Posts: 7,698
Reputation Power: 7347
Motto: Chaotic360 Support & Seller | Matrix, Destruction & NiNJA User | If you need support feel free to message me ;)
this would be great, clean af
#6. Posted:
Gary
  • Retired Staff
Status: Offline
Joined: Mar 09, 20128 Year Member
Posts: 5,617
Reputation Power: 4085
Motto: It's me, Potion. Sophrosyne.
not even cli
#7. Posted:
Gabriel
  • Retired Staff
Status: Offline
Joined: Jul 18, 20118 Year Member
Posts: 1,753
Reputation Power: 8001
Motto: U.S Army Veteran, Volunteer Fire Fighter, UI & UX Web Designer and Developer. www.axiosarts.com
Gary wrotenot even cli


Just for you, I'm doing it after the Light & Clear version, lol.
#8. Posted:
-Subway-
  • Christmas!
Status: Offline
Joined: Jun 09, 201010 Year Member
Posts: 5,113
Reputation Power: 754
Thats great. It would look fantastic.
#9. Posted:
Gabriel
  • Retired Staff
Status: Offline
Joined: Jul 18, 20118 Year Member
Posts: 1,753
Reputation Power: 8001
Motto: U.S Army Veteran, Volunteer Fire Fighter, UI & UX Web Designer and Developer. www.axiosarts.com
https://i.imgur.com/EkXL65v.png




Here's the light version, the orange definitely looks a lot better on the dark variation of this. Hoping to tweak this further if you all don't mind me finding something more analogous that works for both variations. Here's the pastebin for this version: pastebin.com/raw/fZwbrwcQ




Working on a CLI version now per Gary's recommendation, is there any other pages you would like to see edited? Check out my premium page concept here: Forums/t=7781569/premium-page-con...gress.html
#10. Posted:
Gabriel
  • Retired Staff
Status: Offline
Joined: Jul 18, 20118 Year Member
Posts: 1,753
Reputation Power: 8001
Motto: U.S Army Veteran, Volunteer Fire Fighter, UI & UX Web Designer and Developer. www.axiosarts.com
Gary wrotenot even cli


https://i.imgur.com/dDJjnPN.png
pastebin.com/raw/mGn8ymsF




You're welcome, lol.
Users browsing this topic: None
Jump to:


RECENT POSTS

HOT TOPICS