Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Other Discussions
  3. Site Bugs / Suggestions
  4. Can we get a few styles added to the article's stylesheet?

Can we get a few styles added to the article's stylesheet?

Scheduled Pinned Locked Moved Site Bugs / Suggestions
wpfdockertoolshelpquestion
6 Posts 2 Posters 0 Views 1 Watching
  • 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.
  • K Offline
    K Offline
    knockNrod
    wrote on last edited by
    #1

    In particular, I'd love to be able to do some callouts like the articles in Reader's Digest. There, they use them to quote some climactic or memorable line, but they'd be great for highlighting an issue of concern or for including tips and tricks in the articles. I'm considering using the combination nav-right-sidebar (which, oddly, removes the left padding) and container-contents (which adds padding back) for this, but I doubt it will survive an edit (though it might convince the editor of it's usefulness, if I use it tastefully), and it won't allow me to balance the non-graphical elements by placing some of them on the left. I tried using the combination warning and float-right/left, but they don't have a width or even a max-width, which really ruins the effect of a floating callout. Oh, and yes, I even tried callout, but again, no width. Likewise, trying to emulate collapsed code in the

    ...

    region, I tried using a box style, but it doesn't quite work correctly. I can't even get the Caption style to position image captions properly. (Of course, you could probably create a bit of wizardry to even make expandable/collapsable text, but I'd be happy with a Potempkin version. I kept wondering why I found almost no mention in the article FAQ on styles dedicated for use in articles, but I finally concluded that you just don't have many requests for it. Anyway, it's something to think about. It might make for some ugly articles if abused, but reading through some of the postings here, I'm under the impression that the resultant increase wouldn't be detectable. But then, I'm not an editor, so I don't know if the majority of really wacked articles are because people don't use the tools here, or if it's because they abuse the tools here. Without darkness, there are no dreams. -Karla Kuban

    C 2 Replies Last reply
    0
    • K knockNrod

      In particular, I'd love to be able to do some callouts like the articles in Reader's Digest. There, they use them to quote some climactic or memorable line, but they'd be great for highlighting an issue of concern or for including tips and tricks in the articles. I'm considering using the combination nav-right-sidebar (which, oddly, removes the left padding) and container-contents (which adds padding back) for this, but I doubt it will survive an edit (though it might convince the editor of it's usefulness, if I use it tastefully), and it won't allow me to balance the non-graphical elements by placing some of them on the left. I tried using the combination warning and float-right/left, but they don't have a width or even a max-width, which really ruins the effect of a floating callout. Oh, and yes, I even tried callout, but again, no width. Likewise, trying to emulate collapsed code in the

      ...

      region, I tried using a box style, but it doesn't quite work correctly. I can't even get the Caption style to position image captions properly. (Of course, you could probably create a bit of wizardry to even make expandable/collapsable text, but I'd be happy with a Potempkin version. I kept wondering why I found almost no mention in the article FAQ on styles dedicated for use in articles, but I finally concluded that you just don't have many requests for it. Anyway, it's something to think about. It might make for some ugly articles if abused, but reading through some of the postings here, I'm under the impression that the resultant increase wouldn't be detectable. But then, I'm not an editor, so I don't know if the majority of really wacked articles are because people don't use the tools here, or if it's because they abuse the tools here. Without darkness, there are no dreams. -Karla Kuban

      C Offline
      C Offline
      Chris Maunder
      wrote on last edited by
      #2

      Have you tried the callout style? If you have anything specific letme know. We don't mention because we don't encourage. excessive styling diminishes one's ability to scan and read. Used judiciously, it can be handy though.

      cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP

      K 2 Replies Last reply
      0
      • C Chris Maunder

        Have you tried the callout style? If you have anything specific letme know. We don't mention because we don't encourage. excessive styling diminishes one's ability to scan and read. Used judiciously, it can be handy though.

        cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP

        K Offline
        K Offline
        knockNrod
        wrote on last edited by
        #3

        I did try the callout, but IIRC, it doesn't have a width. I can keep trying different combinations, but what would really tickle my fancy is a nav-left-sidebar. I like the subtle background change, rounded corners and shadow, but the nav- part makes me think it might not be a good idea. How about a right- and left-sidebar? They should be almost cut & paste! A code-collapsed like you're box style, but with padding and margins better adjusted to match how collapsed code looks in Visual Studio would be pretty great, too. I can upload my own boxed-plus sign icon. Let me look at this again tomorrow and I'll try and get more specific style definitions. Thanks!

        Without darkness, there are no dreams. -Karla Kuban

        1 Reply Last reply
        0
        • C Chris Maunder

          Have you tried the callout style? If you have anything specific letme know. We don't mention because we don't encourage. excessive styling diminishes one's ability to scan and read. Used judiciously, it can be handy though.

          cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP

          K Offline
          K Offline
          knockNrod
          wrote on last edited by
          #4

          Never tried creating a tight box in CSS before. It's hard. In the mean time, could we get maybe these two defined for article styles? .right-sidebar { float:right; width:190px; background-color:#FFFFEF; margin: 10px 7px 15px 15px; border: 1px #FFCC66 solid; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); } .left-sidebar { float:left; width:190px; background-color:#FFFFEF; margin: 10px 7px 15px 15px; border: 1px #FFCC66 solid; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); } You'll notice that the right-sidebar is the same as nav-right-sidebar, but it's defined for another use. Separating them allows you to later make article-consistency independently of your hosting controls. If I can figure out how to do a code-collapsed style, I'll get back to you. (I can't believe how difficult this is.)

          Without darkness, there are no dreams. -Karla Kuban

          1 Reply Last reply
          0
          • K knockNrod

            In particular, I'd love to be able to do some callouts like the articles in Reader's Digest. There, they use them to quote some climactic or memorable line, but they'd be great for highlighting an issue of concern or for including tips and tricks in the articles. I'm considering using the combination nav-right-sidebar (which, oddly, removes the left padding) and container-contents (which adds padding back) for this, but I doubt it will survive an edit (though it might convince the editor of it's usefulness, if I use it tastefully), and it won't allow me to balance the non-graphical elements by placing some of them on the left. I tried using the combination warning and float-right/left, but they don't have a width or even a max-width, which really ruins the effect of a floating callout. Oh, and yes, I even tried callout, but again, no width. Likewise, trying to emulate collapsed code in the

            ...

            region, I tried using a box style, but it doesn't quite work correctly. I can't even get the Caption style to position image captions properly. (Of course, you could probably create a bit of wizardry to even make expandable/collapsable text, but I'd be happy with a Potempkin version. I kept wondering why I found almost no mention in the article FAQ on styles dedicated for use in articles, but I finally concluded that you just don't have many requests for it. Anyway, it's something to think about. It might make for some ugly articles if abused, but reading through some of the postings here, I'm under the impression that the resultant increase wouldn't be detectable. But then, I'm not an editor, so I don't know if the majority of really wacked articles are because people don't use the tools here, or if it's because they abuse the tools here. Without darkness, there are no dreams. -Karla Kuban

            C Offline
            C Offline
            Chris Maunder
            wrote on last edited by
            #5

            sidebar-left and sidebar-right have been added.

            cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP

            K 1 Reply Last reply
            0
            • C Chris Maunder

              sidebar-left and sidebar-right have been added.

              cheers, Chris Maunder The Code Project | Co-founder Microsoft C++ MVP

              K Offline
              K Offline
              knockNrod
              wrote on last edited by
              #6

              Y'nes guys are the greatest! :-D

              Without darkness, there are no dreams. -Karla Kuban

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Categories
              • Recent
              • Tags
              • Popular
              • World
              • Users
              • Groups