[SytheXen][Reward] Seeking gfx input on breadcrumb visuals

Discussion in 'Graphics Marketplace' started by Sythe, Nov 15, 2015.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
[SytheXen][Reward] Seeking gfx input on breadcrumb visuals
  1. Unread #1 - Nov 15, 2015 at 11:47 PM
  2. Sythe
    Joined:
    Apr 21, 2005
    Posts:
    8,071
    Referrals:
    467
    Sythe Gold:
    5,281
    Discord Unique ID:
    742989175824842802
    Discord Username:
    Sythe
    Dolan Duck Dolan Trump Supporting Business ???
    Poképedia
    Clefairy Jigglypuff
    Who did this to my freakin' car!
    Hell yeah boooi
    Tier 3 Prizebox Toast Wallet User
    I'm LAAAAAAAME Rust Player Mewtwo Mew Live Free or Die Poké Prizebox (42) Dat Boi

    Sythe Join our discord

    test
    Administrator Village Drunk

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    Developing a new breadcrumb system for the forum software that we're currently in full swing of moving to. We're aiming for the same look and feel as nextgen lite moonglare with some nice additions.

    [​IMG]

    I have a CSS breadcrumb system I've been working on (featured above.)

    Colour scheme is still iffy imho. I'm essentially looking for gradient suggestions.
    Requirements:
    • The leftmost breadcrumb has to be obviously the "take me to the main page button"
    • The rightmost breadcrumb serves as the title of the current page when viewing a forum so it must draw the eye
    • The middle breadcrumbs are parent forums that were traversed to get to the current forum and must be present but shouldn't draw the eye in the same way the other buttons do.

    You can practice making CSS gradients with this tool:
    http://www.colorzilla.com/gradient-editor/

    Suggestions aren't just limited to colour schemes. If you think you have a better idea for the organization of the breadcrumbs I'd be happy to hear it.

    Prizes:
    A suggestion I end up using will receive a prizebox and your name in the credits thread for the new forum software.
     
    Share
  3. Unread #2 - Nov 16, 2015 at 1:11 AM
  4. Wonderland
    Joined:
    Oct 28, 2012
    Posts:
    10,442
    Referrals:
    0
    Sythe Gold:
    1,154

    Wonderland spokesman
    Do Not Trade

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    We can't just give you html color codes?
     
    Share
  5. Unread #3 - Nov 16, 2015 at 1:14 AM
  6. Ronaldo7
    Joined:
    Jun 27, 2015
    Posts:
    933
    Referrals:
    0
    Sythe Gold:
    0

    Ronaldo7 Apprentice
    Banned

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    I really think it would look better if you stick with shades of blue, rather than moving on to colors completely out of context from the entire sythe theme (like red & orange in your picture).
     
    Share
  7. Unread #4 - Nov 16, 2015 at 1:32 AM
  8. Sythe
    Joined:
    Apr 21, 2005
    Posts:
    8,071
    Referrals:
    467
    Sythe Gold:
    5,281
    Discord Unique ID:
    742989175824842802
    Discord Username:
    Sythe
    Dolan Duck Dolan Trump Supporting Business ???
    Poképedia
    Clefairy Jigglypuff
    Who did this to my freakin' car!
    Hell yeah boooi
    Tier 3 Prizebox Toast Wallet User
    I'm LAAAAAAAME Rust Player Mewtwo Mew Live Free or Die Poké Prizebox (42) Dat Boi

    Sythe Join our discord

    test
    Administrator Village Drunk

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    I want to be able to see the suggestion. I don't see in hex codes although sometimes I wish I did
     
    Share
  9. Unread #5 - Nov 16, 2015 at 2:16 AM
  10. Wonderland
    Joined:
    Oct 28, 2012
    Posts:
    10,442
    Referrals:
    0
    Sythe Gold:
    1,154

    Wonderland spokesman
    Do Not Trade

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    Code:
    /* Permalink - use to edit and share this gradient: [url]http://colorzilla.com/gradient-editor/#febf01+0,febf01+100;Yellow+Flat[/url] */
background: rgb(254,191,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,191,1,1) 0%, rgba(254,191,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,191,1,1) 0%,rgba(254,191,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,191,1,1) 0%,rgba(254,191,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */

    Code:
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce0000+0,000063+0,000063+100 */
background: rgb(206,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,0,0,1) 0%, rgba(0,0,99,1) 0%, rgba(0,0,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,0,0,1) 0%,rgba(0,0,99,1) 0%,rgba(0,0,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,0,0,1) 0%,rgba(0,0,99,1) 0%,rgba(0,0,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#000063',GradientType=0 ); /* IE6-9 */

    Code:
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce0000+0,ce0000+100 */
background: rgb(206,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,0,0,1) 0%, rgba(206,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,0,0,1) 0%,rgba(206,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,0,0,1) 0%,rgba(206,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#ce0000',GradientType=0 ); /* IE6-9 */

    I like the color combo you're currently using. All that needs to be done is shade tweaking.
     
    Share
  11. Unread #6 - Nov 16, 2015 at 2:17 AM
  12. ASAPgang
    Joined:
    Mar 31, 2012
    Posts:
    2,948
    Referrals:
    0
    Sythe Gold:
    0

    ASAPgang King
    Banned

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    As far as the cosmetics go, is it possible to have the furthest most right bread crumb to be rounded off on the edges as identical to the furthest most left breadcrumb? Rather than have the arrow pointing outward?
     
    Share
  13. Unread #7 - Nov 16, 2015 at 12:49 PM
  14. Calum
    Joined:
    Jul 30, 2015
    Posts:
    258
    Referrals:
    0
    Sythe Gold:
    50
    Vouch Thread:
    Click Here
    Discord Unique ID:
    273873873613619211
    Discord Username:
    gfxdistrict

    Calum Forum Addict

    [SytheXen][Reward] Seeking gfx input on breadcrumb visuals
    In no specific order; these might help if this is what your looking for :S
    But in my opinion; I think a consistent colour theme would work best; so probably a blue scheme to match the ethos of the site
    [​IMG]
    Let me know if you need more or anything :)
     
    Share
< Angryfrodos Graphics Shop! Logos, Avatars, Signatures, and much more! | Need some designers >

Users viewing this thread
1 guest


 
 
Adblock breaks this site