Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    THEME: CODE-RED

    Scheduled Pinned Locked Moved webGUI
    78 Posts 16 Posters 45.4k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      cheesyboofs
      last edited by

      :o I'm so not worthy !!!

      One quick question, is there any way I can force the ticker tape banner to appear without breaking something? I have made a new one but can't get it to appear to see what it looks like.

      Author of pfSense themes:

      DARK-ORANGE

      CODE-RED

      1 Reply Last reply Reply Quote 0
      • H
        hoba
        last edited by

        Hey, looks nice!  :D

        For the tickertape, just configure a carp sync to a non existing node (firewall>virtual IPs, sync settings, at the very bottom). This will throw an alert if you reload your firewallrules by e.g. editing a rule without changing anything and applying the changes.

        1 Reply Last reply Reply Quote 0
        • C
          cheesyboofs
          last edited by

          Hey, cheers.

          Yeh I figured it out by setting a vLAN to an interface that was down.

          Nearly there now - bit of a perfectionist, cant stop fiddling.

          ticker.jpg
          ticker.jpg_thumb

          Author of pfSense themes:

          DARK-ORANGE

          CODE-RED

          1 Reply Last reply Reply Quote 0
          • P
            Perry
            last edited by

            I haven't seen your latest version, but doesn't the menu bar slightly bent down in both sides?

            /Perry
            doc.pfsense.org

            1 Reply Last reply Reply Quote 0
            • C
              cheesyboofs
              last edited by

              Not sure I know what you mean? If you mean the attached, then this will only show up on really high resolutions.

              Untitled-1.jpg
              Untitled-1.jpg_thumb

              Author of pfSense themes:

              DARK-ORANGE

              CODE-RED

              1 Reply Last reply Reply Quote 0
              • C
                cheesyboofs
                last edited by

                Or do you mean this colour change that only shows up under Explorer? For some reason although the colours are the same between background.gif and header.png, Explorer renders them slightly different - this is not a problem under google chrome of firefox so I'm not that bothered.

                Untitled-2.jpg

                Author of pfSense themes:

                DARK-ORANGE

                CODE-RED

                1 Reply Last reply Reply Quote 0
                • P
                  Perry
                  last edited by

                  laptop 1280x800 ubuntu firefox, don't know if you can see it on the attach picture

                  ![pfSense.local - pfSense webGUI_1235309234461.png](/public/imported_attachments/1/pfSense.local - pfSense webGUI_1235309234461.png)
                  ![pfSense.local - pfSense webGUI_1235309234461.png_thumb](/public/imported_attachments/1/pfSense.local - pfSense webGUI_1235309234461.png_thumb)

                  /Perry
                  doc.pfsense.org

                  1 Reply Last reply Reply Quote 0
                  • C
                    cheesyboofs
                    last edited by

                    Originally I had intended to have the bar go right across the screen as on my Vaio laptop 1366 wide. But then when I looked on my wide screen monitor at home I noticed that anything over 1600 would look as if the ends where chopped off (attached) so rather than create a .gif that went on for ever I just faded the ends out, a bit of a fudge I know but it looks ok.

                    As for your attached picture, it looks as I intended to me. ;)

                    Untitled.jpg
                    Untitled.jpg_thumb

                    Author of pfSense themes:

                    DARK-ORANGE

                    CODE-RED

                    1 Reply Last reply Reply Quote 0
                    • C
                      cheesyboofs
                      last edited by

                      Or maybe you mean the shadow under the bar is fatter when its over the red background than when over the white? Again this is correct, its supposed to look like the white background is slightly lifted off the red.  ;D

                      Author of pfSense themes:

                      DARK-ORANGE

                      CODE-RED

                      1 Reply Last reply Reply Quote 0
                      • H
                        hoba
                        last edited by

                        Btw, you should get a new name for it. It's not just a spinoff of nervecenter, it deserves a name of it's own. How about "condition red"?  ;)

                        1 Reply Last reply Reply Quote 0
                        • AhnHELA
                          AhnHEL
                          last edited by

                          Just as some alternate suggestions:

                          Code Red

                          Red Alert

                          Loving the look, good work Cheesyboofs

                          AhnHEL (Angel)

                          1 Reply Last reply Reply Quote 0
                          • C
                            cheesyboofs
                            last edited by

                            @ hoba, since it was basically a complete rip off of Nervecenter with some new graphics I wanted the nod from the original author, which I think/thought was you. If your happy then I'm happy to give it a new name.

                            @ onhel, Like these suggestions, warming to Red-Alert as a homage to "command and conquer" that I thrashed to death back in the day, moved on to "company of heroes" now, obviously.

                            @ dev's there seems to be allot of legacy stuff (icons and pictures) in these theme folders and duplication of. Is there a definitive list of what is required so that I can throw some things out? It seems if we encourage theme'ing before long the theme's could be larger than the OS its self. Also I'm no web developer by far but could pfsense not look in the /themes/theme-name/ folder first for a graphic then fall back to a default folder if one is not found (say with some ELSE statement)

                            Glad people like it and have also noticed a new "wall' theme on the CVS site but not quite sure how to get it.

                            Author of pfSense themes:

                            DARK-ORANGE

                            CODE-RED

                            1 Reply Last reply Reply Quote 0
                            • H
                              hoba
                              last edited by

                              Yep, nervecenter was my creation and you have permission to do anything with it. Go ahead and give it a nice name :)

                              We have been discussing earlier to have a default theme template that's elements could be used if they are missing in another theme. We just have not gotten into changing th needed bits and pieces. That would save some space in case only few elements are changed (and you can see with your theme that few changes can get you a complete new look and feel). As you already have noticed there are lots of graphics that have been added for some ideas that didn't quite work out or that have never been finished due to lost interest. We probably should clean that up before going live wit pfsense 2.0  ;)

                              1 Reply Last reply Reply Quote 0
                              • C
                                cheesyboofs
                                last edited by

                                CODE-RED it is then, executive decision.

                                Hoba, as you are a theme veteran I wonder if you can scratch an itch I have?

                                I'm pretty sure line 144,#header-right .alert { / color: #fff; }is the blue ticker tape text but every alert has a white date stamp. I was sure this was, line 219;```
                                #marquee-text {color: #ffffff; }

                                
                                Thank you for being so gracious and I think theme'ing should be encouraged. People are fickle, if a web site looks professional people won't think twice about punching their credit card details in to it. If a screenshot of some freeware looks professional people won't think twice about installing it _"this won't be full of spyware, look at all the effort they've gone to to make the icons look like glass"_
                                
                                We all know pfSense is a fantastic product, the hard bit is already done.  ;)

                                Author of pfSense themes:

                                DARK-ORANGE

                                CODE-RED

                                1 Reply Last reply Reply Quote 0
                                • H
                                  hoba
                                  last edited by

                                  You can modify the blue linkcolor of the alerter (and all other appearence of links on all guipages) by adding something like this below the body section of the all.css:

                                  a:link {
                                  	color: #b38507;
                                  }
                                  
                                  a:visited {
                                  	color: #b38507;
                                  }
                                  
                                  a:active {
                                  	color: #b38507;
                                  }
                                  
                                  a:hover {
                                  	color: #b38507;
                                  }
                                  

                                  Modifying the rest of the Tickertext should work by changing the color attribute of the #marquee-text element. I have done so in various themes already. Maybe you have to dump your browsercache to see it getting applied? It should work though I have to admit that I do most of my themeingwork based on pfSense 2.0 as 2.0 requires some additional elements like a logonpage and so on and as usually these themes are backwardscompatible (for the most part, some elements are not themeable but hardcoded in the 1.2 branch, maybe even the tickertape?).

                                  Oh, and btw, you should work with a 2.0 based theme if you want to make it 2.0 ready as this css includes additional elements for things that are not present in 1.2. Get a 2.0 snapshot and download the nervecenter theme from there, then copy and paste your modifications over. A 2.0 theme will work on a 1.2 just fine but this way your theme is 2.0 ready too :)

                                  1 Reply Last reply Reply Quote 0
                                  • C
                                    cheesyboofs
                                    last edited by

                                    Mmmm, I think I'm gunna have to run me a v2 dev box along side my 1.2.3 production box I've been building this theme on :P

                                    Author of pfSense themes:

                                    DARK-ORANGE

                                    CODE-RED

                                    1 Reply Last reply Reply Quote 0
                                    • H
                                      hoba
                                      last edited by

                                      Just updated my last post. Yes, you should develop on 2.0, however be prepared that not all elements that you can change on 2.0 will show effect on 1.2 due to some hardcoding in 1.2.

                                      1 Reply Last reply Reply Quote 0
                                      • C
                                        cheesyboofs
                                        last edited by

                                        I was hoping to run a dev Hyper-V v2 VM but there is a freebsd bug that prevents them shutting down. So I'll have to go for full hardware - its all good fun.

                                        Author of pfSense themes:

                                        DARK-ORANGE

                                        CODE-RED

                                        1 Reply Last reply Reply Quote 0
                                        • H
                                          hoba
                                          last edited by

                                          As long as you keep the red/grey color for the theme all is well for 1.2, however a complete colorchange can only be done for 2.0 (see 2 examples attached). I use parallels on my mac to do the developing on. Vmware works fine too of course.

                                          pfftp_preview.png
                                          pfftp_preview.png_thumb

                                          1 Reply Last reply Reply Quote 0
                                          • H
                                            hoba
                                            last edited by

                                            …and another one

                                            pfdns_preview.png
                                            pfdns_preview.png_thumb

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post
                                            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.