Page 1 of 3 123 LastLast
Results 1 to 10 of 25

Thread: Post your HM homepage customizations

  1. #1
    TVWBB Pro
    Join Date
    Jul 2013
    Location
    Brandon, MS
    Posts
    603

    Post your HM homepage customizations

    I thought it would be fun to see what kind of cool homepage customizations that everyone can up with. I've been thinking about starting this thread for awhile. But, I was holding off until I finished my own. But, I'm jumping the gun a little here because I wanted to go ahead and share what I have done with someone who mentioned customizations in another thread.

    It's not much, but here's what I have so far.

    #backoverlay { background: transparent; }
    #content { background: transparent; }
    #probelist { background: rgba(125,100,55,.6)}
    #fancontainer { background: transparent; }
    My background image:



    Oh, and here's the final result:

    Last edited by Darren C.; 07-24-2014 at 11:02 AM.
    Light a man a fire, keep him warm for a day. Light a man afire, keep him warm the rest of his life.

  2. #2
    TVWBB Wizard
    Join Date
    Apr 2011
    Location
    Puyallup, WA
    Posts
    1,619
    Code:
    #content { background: #000; border: 1px solid #467; }
    #backimage { background: #000 url(http://www.angelys-resorts.com/wp-content/uploads/2013/02/header011-1600x250.jpg); }
    #backoverlay { background: inherit; }
    #probelist { background: transparent; }
    .pname { color: #fff; font-size: 24pt; line-height: 16pt; display: inline-block; text-shadow:2px 2px 4px #000000 ; }
    #fanl { color: #fff; }
    #fanc { #fe4 ; opacity: 0.6; }
    #fancontainer { background: transparent; }
    #navcontainer ul { padding: 0; }
    #navcontainer li { width: 150px; padding-right: 15px; }
    #navcontainer li a { display: inline-block; width: 125px; }


    Not BBQ related, but I like the change

  3. #3
    TVWBB Pro
    Join Date
    Jul 2013
    Location
    Brandon, MS
    Posts
    603
    If you don't mind, include your image so people can replicate it if they like it. I was thinking this could be kinda like a "themes" thread.
    Last edited by Darren C.; 07-24-2014 at 04:10 PM.
    Light a man a fire, keep him warm for a day. Light a man afire, keep him warm the rest of his life.

  4. #4
    TVWBB Guru Steve_M's Avatar
    Join Date
    Jul 2013
    Location
    Toronto
    Posts
    2,021

  5. #5
    TVWBB Pro
    Join Date
    Jul 2013
    Location
    Brandon, MS
    Posts
    603
    Oh yea. Missed that. Thanks.
    Light a man a fire, keep him warm for a day. Light a man afire, keep him warm the rest of his life.

  6. #6
    TVWBB Guru Steve_M's Avatar
    Join Date
    Jul 2013
    Location
    Toronto
    Posts
    2,021
    Code:
    #content { background: rgba(32,32,32,1); }
    #backimage { background: url(http://i.imgur.com/3XLDUWY.png); }
    #backoverlay { background: inherit; }
    #probelist { background: rgba(0,0,0,0.3); }
    #pn0 { color: #FFF; }
    .pname { color: #FFF; font-size: 24pt; line-height: 16pt; display: inline-block; text-shadow:2px 2px 4px #000000 ; }
    #fanl { color: #FFF; }
    #fanc { opacity: 0.6; }
    #fana { background: rgba(255,255,0,1); opacity: 1; }
    #fancontainer { background: rgba(197,17,0,1); }                                                                                  
    #graph { height: 500px; width: 950px; margin: 8px auto 0px auto; }
    #graph_overview { height: 90px; width: 900px; margin-left: auto; margin-right: auto; }


    I also like like this background:

    Last edited by Steve_M; 07-25-2014 at 06:44 AM.

  7. #7
    TVWBB Wizard
    Join Date
    Apr 2011
    Location
    Puyallup, WA
    Posts
    1,619
    Quote Originally Posted by Darren C. View Post
    Oh yea. Missed that. Thanks.

    Yeah, I just looked for a nice 1600x250 image or something with a resolution that would fill the HM page that would not repeat

  8. #8
    TVWBB Super Fan
    Join Date
    Aug 2010
    Posts
    479
    How about a quick howto. I'm guessing you guys ssh in and upload a new background then modify the css. Where are these located?

  9. #9
    TVWBB Super Fan
    Join Date
    Aug 2010
    Posts
    479
    is this the fire.png and cascade.css? on another note, do you guys have a resouces and resources dir in www/luci-static?

  10. #10
    TVWBB Member
    Join Date
    May 2014
    Location
    Shelbyville, KY
    Posts
    64
    Log into to the linkmeter webpage. There at the top is some text about the css override. Clink on that and add the css code to change the appearance.

Page 1 of 3 123 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •