Home → Suggestions →

Need to add company logo

• Edit

Nick French

21 Nov, 2008 07:36 PM

It looks like you cannot currently reference an image on another site in your css. I've tried doing

background:url(http://mysite.com/myimage.png);

but it gives me the invalid/disallowed character error. It would be really useful to be able add my company logo as a background image (or some other way) to the h2.logo tag.

1. 1 Posted by Tekkub on 21 Nov, 2008 08:02 PM

   

   I'll second this one, having the github logo up there would be nice.

   • Edit

2. Support Staff 2 Posted by Courtenay on 21 Nov, 2008 08:24 PM

   

   fwiw i'm using this on css sanitize

   http://github.com/courtenay/css_file_sanitize/tree/master/lib%2Fcss_sanitize.rb

   the double slash is tripping it up. I'll work around it.

   • Edit

3. Support Staff 3 Posted by Courtenay on 21 Nov, 2008 08:33 PM

   

   Actually no. That one you pasted works for me. I think that maybe there are other banned words in your url?

   • Edit

4. Support Staff 4 Posted by Courtenay on 21 Nov, 2008 08:34 PM

   

   Investigating further......

   • Edit

5. Support Staff 5 Posted by Courtenay on 21 Nov, 2008 09:01 PM

   

   OK, fixed in code, will be done in next deploy.

   • Edit

6. 6 Posted by Nick French on 21 Nov, 2008 11:09 PM

   

   Wow! Thanks for the quick response to this. :)

   • Edit

7. Support Staff 7 Posted by Courtenay on 22 Nov, 2008 02:01 AM

   

   the code is live.

   • Edit

8. 8 Posted by Henrik N on 22 Nov, 2008 08:27 AM

   

   Perhaps there should even be direct support for uploading/using a logo, not just hacking it in via CSS? I had the GitHub Tender and the Tender Tender open at the same time in two tabs, and it was hard to tell them apart with just the h2#logo text different.

   • Edit

9. 9 Posted by Tekkub on 22 Nov, 2008 08:36 AM

   

   Tom should be tinkering with github-tender's css soon :)

   • Edit

10. Support Staff 10 Posted by Courtenay on 24 Nov, 2008 03:17 AM

    

    Actually not resolved; image uploads are coming (to lighthouse, too ;) )

    • Edit

11. 11 Posted by Nick French on 24 Nov, 2008 03:34 AM

    

    I was thinking, if I could use a custom header and footer (either via entering html in a text box or with an include) I could pretty much replace our support site's static haml files, beast app, and other cobbled together bits and pieces with one tender :)

    • Edit

12. 12 Posted by Kyle Neath (Git... on 24 Nov, 2008 04:36 AM

    

    I've a couple of other people ask for a custom header & footer before, and I'm definitely open to it. We'll just need to figure out a good way to implement it so as to still keep everything secure.

    Oh - and if anyone has any issues theming things or would like some HTML swapped around, please get in touch with me at [email blocked] (also a jabber acct). I'm working on some things that should make theming easier, but truth be told the best way to build a themable system is to theme it yourself :)

    • Edit

13. 13 Posted by Matt on 25 Nov, 2008 07:28 AM

    

    Kyle, can you elaborate on how we could theme this ourself? Are there plans to allow people to modify all HTML in their account?

    • Edit

14. 14 Posted by Kyle Neath (Git... on 25 Nov, 2008 07:42 AM

    

    You won't be able to edit the HTML, no -- but you can apply your own custom CSS to your account. I've tried to add in a lot of extra classes around the site so it can be easily reformatted to your vision.
    

    I'm working on building up a guide, as well as some downloadable packages to help you along and some example themes.... but in the meantime, a quick example is swapping out the logo up top for your own logo. If you wanted to replace the logo with the Tender logo, you could paste this into Site Settings -> Customize CSS field:

    h2#logo a, h2#logo a:hover{
      width:220px;
      height:50px;
      padding:0;
      background:url(http://tenderapp.com/images/logo.gif) 0 0 no-repeat;
      text-indent:-9999px;
    }
    

    Or if you wanted to go and turn your site all red, you could get most of the way there with this custom CSS:

    #superheader{
      background-color:#b10000;
      color:#ffc3c3;
    }
    #superheader ul#gnav li{
      border-left-color:#cc0000;
    }
    
    a{
      color:#b10000;
    }
    .thread-action a{
      background-color:#b10000;
    }
    
    ol#comments li .admin-functions li a, .original-post .admin-functions ul.actions li a{ color:#b10000; }
    ul.states li.current{
      background-image:url(../../images/themes/fire/state_active_back.gif);
    }
    
    ol#comments li.staffer .meta{
      background-color:#a93000;
    }
    

    • Edit

15. Courtenay closed this discussion on 20 Nov, 2009 06:46 PM.