Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
Darker Reboot Overlay
Avatar
Raven
Member
Offline
Feb 28, 2015 - 1:51 pm

Yellow Swordfish said
Ike will be in touch - probably by email.

Yes Got the email. I definitely agree on the quote and rates. I'm excited and looking forward to the custom Reboot Overlay Ike will be doing for me once the funds become available. I would be on the coarse of subscribing again to maintain the Awesome support here. So I did some tweaking on the minimal Reboot Overlay: This is What I came Up with. ( & yeah Us Developers & gamer's like things dark! ) just easy on the eyes at night lol.

Image Enlarger 

As stated I set the main background attachment to be fixed & scroll. the panels highlight just a tad bit lighter. In all I am super happy with the tips and advice given for the outcome of this theme. I have to also tweak my WP theme for text to be lighter on areas. ( been using my browser to inspect elements )

Thanks guys & I will be in touch for the other Overlay as Our community likes to change the look & feel from time to time.

 

Cheers!

logo.png

|DEVELOPER|GAME DESIGNER|GRAPHIC ARTIST|HOMEBREW|MUGEN|XMUGEN|UNITY 3D|

Avatar
Ike
Sawtry, UK
Member
Free Members
Offline
Feb 28, 2015 - 2:04 pm

Well so far you have it looking great!

Just a tip - You can clean up the arrow on the breadcrumbs by changing the value of $breadCrumbsArrowColor in the overlay. Just don't make it transparent as it has to be a solid to cut out the shape of the arrow (CSS is much faster than an image!) - But you can make it a hex value if you want to specifically use the same background colour as your WP page to make it appear transparent.

No problem! You know where to find us, and again - Glad you are enjoying the new theme!

Edit: You can also specify the other icon pack in the overlay at the top. Try changing it from 'lightpack' to 'darkpack' - Unless you were planning custom icons of course!

Avatar
Raven
Member
Offline
Feb 28, 2015 - 2:14 pm

Ike said
Well so far you have it looking great!

Just a tip - You can clean up the arrow on the breadcrumbs by changing the value of $breadCrumbsArrowColor in the overlay. Just don't make it transparent as it has to be a solid to cut out the shape of the arrow (CSS is much faster than an image!) - But you can make it a hex value if you want to specifically use the same background colour as your WP page to make it appear transparent.

No problem! You know where to find us, and again - Glad you are enjoying the new theme!

Edit: You can also specify the other icon pack in the overlay at the top. Try changing it from 'lightpack' to 'darkpack' - Unless you were planning custom icons of course!

Thank you & it was very fun to edit, & Excellent thanks for the tip. yes i am working on a new icon-set to contrast the default ones as we speak lol. Also is there a way to use Css for the User names? like the Admins would be red and members would be green?

logo.png

|DEVELOPER|GAME DESIGNER|GRAPHIC ARTIST|HOMEBREW|MUGEN|XMUGEN|UNITY 3D|

Avatar
Yellow Swordfish
Glinton, England
SP Master
Offline
Mar 1, 2015 - 4:37 am

Also is there a way to use Css for the User names? like the Admins would be red and members would be green?

If you mean in the actual topics - i.e., in the posts where the users name is below the avatar then there are several classes defined. You can differentiate on the broad category of 'user', 'admin'. Or, if you are using special ranking, that is available. But probably the most comprehensive method is using the user groups. 

So - for example - if you had a user group named  'special-users' then you could have their names show up in red by using:

#spMainContainer .spUsergroup-special-users .spPostUserName,
#spMainContainer .spUsergroup-special-users .spPostUserName a {
    color: red !important;
}

Note the construct there.... all user group classes start spuserGroup followed by the group name as a slug (hyphens replacing spaces and all lower case). You will the !important modifer as well in this instance.

As Admins do not have user groups then if you wanted to show them in green, for example, you would use:

#spMainContainer .spType-Admin .spPostUserName,
#spMainContainer .spType-Admin .spPostUserName a {
    color: green !important;
}

Of course you can use the hex colour notation instead of plain HTML colour names.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Raven
Member
Offline
Mar 2, 2015 - 8:55 am

@yellow-swordfish 

Thank you for your reply & the info! Its highly appreciated! I will do some testing and see how things go.

Cheers!

logo.png

|DEVELOPER|GAME DESIGNER|GRAPHIC ARTIST|HOMEBREW|MUGEN|XMUGEN|UNITY 3D|

Avatar
Yellow Swordfish
Glinton, England
SP Master
Offline
Mar 2, 2015 - 3:53 pm

Do let us know...

andy-signature.png
YELLOW
SWORDFISH
Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625