http://qs1969.pair.com?node_id=389740

Update: Okay so the first post of this sparked some discussion about more standardized CSS tags. While there is still no standard we are trying to convert all intances of _ to -. Apparently _ is not completely support in all browsers so for the sake of compatibility we are making this change.

Now my definition of recently may be a bit off. These are just a few of the many changes I have seen in the past month or so. I've tried to document them as well as possible and do them justice. Please know that these make up probably 5-6 out of the last 50+ patches so there is tons of development going on. Some of it is under the hood, some of it is amazing new stuff that will wow you in the future, and some is development on the development engine! That is by no means a comprehensive list either so please know that the members of pmdev are hard at work trying to make this as great a place as possible. So without further stalling here are some of the biggest changes (to me) that you will notice and hopefully appreciate.

CSS For Chat and Private Messages (thanks to theorbtwo)

Chat Messages are now wrapped in 2 span tags. The outer most is class chat, the inner one is class chatfrom_{userid}. This allows you to style chat messages in general or specific messages from individuals. There are also msg, and msgfrom_{userid} classes for private messages as well.

For instance I have: .msgfrom_263384:before, .chatfrom_263384:before {content: "\0020AA"} which puts a cool little symbol in front of chat messages, and msg's from myself.

CSS For New Replies (by me)

This css lets you style replies to a node based on the date they were created. This is only usefull if you use the newest node page and click the "I've checked all these" button. Any nodes created since the last time you clicked that will be classed differently. Here are the classes. reply and reply_body are applied to ALL replies. This allows you to style all replies even if you don't care about new / old. New messages will then also have the classes replynew and replynew_body. This will allow you to then also apply some different styles to replies that have been submitted since you last "check all these". For instance I use the following CSS:

.reply { background-color: rgb(180, 180, 255); } .reply-new { background-color: rgb(255, 180, 180); }

CSS For Reply Bodies (thanks to diotalevi)

There is now a pmnote-{userid} class wrapped around the bodies of replies.

Previewing While Not Logged In (thanks to davido)

This now results in a large text "You aren't logged in." This should help cut down on duplicate posts by monks who then login and repost.

Nodelet CSS Changes (thanks to demerphq)

Class and ID tags have been added as follows. class="nodelet_head_row" and id="nodelet_head_row_$name" for the header and then class="nodelet_body_row" and id="nodelet_body_row_$name" for the actual body of the nodelets. This will let you style each nodelete, or all nodeletes accordingly. No sample for this yet, maybe demerphq could show use how he uses it!

Newest Nodes CSS (by me)

Each table row now has a class node-from-{userid}. Usefully for highlighting or hiding entries.

CSS for Weekly, Monthly, Daily Best (thanks to demerphq)

Classes even and odd are applied to each item (well to each even and odd item) as well as a class item-000 through item-009. Those are in order from best to worst and would let you highlight the top, or remove the bottum ones. Some sample CSS would be great here as well! See demerphq's post below regarding a more detailed explanation of these.

Yea 256th post! :)

___________
Eric Hodges

Replies are listed 'Best First'.
Re: Development Changes Recently
by theorbtwo (Prior) on Sep 09, 2004 at 15:54 UTC

    Per vauge request, my user CSS. I've got my "Link to External CSS stylesheet" set to http://perlmonks.org/index.pl?node_id=167905&displaytype=displaycode, to use Aristotle's lovely Perl-blue theme. Then I have my "On-Site CSS Markup" set to the following, which mostly serves to put cute dingbats before (some people's) names in the chatterbox. Note that the "links to {me, nodereaper}" has a bit of a problem inside of fullpage chat, because the square brackets try to expand to bracketlinks, which is unforntunate, and should be fixed... just as soon as one of us figures out how to do that.


    Warning: Unless otherwise stated, code is untested. Do not use without understanding. Code is posted in the hopes it is useful, but without warranty. All copyrights are relinquished into the public domain unless otherwise stated. I am not an angel. I am capable of error, and err on a fairly regular basis. If I made a mistake, please let me know (such as by replying to this node).

Re: Development Changes Recently
by demerphq (Chancellor) on Sep 09, 2004 at 17:15 UTC

    Nice node, thanks eric256. Couple of minor points, the CSS for Weekly, Monthly and Daily Best also applies to the Other Users nodelet and anything else handled by an internal caching system called get_picked_nodes. Other Users however has an additional class "user-USERID" that can be used to flag via CSS specific users in the OU nodelet. Additionally the table views (and not the nodelet views) from this system now also support the style tags, as well as an additional tag 'auth-USERID' which can thus be used to make your own nodes in Best Nodes stand out. (I hope folks are ok that i used differnt classes for these two purposes, i figured it was likely they would be used differently so I kep them distinct)

    My main thought with these tags was that some style guru might come up with some kind of nice color scheme for OU and other lists of info. The other thing is that there are also class="other-users-text" which is the full text at the top of the OU box, and class="other-users-blurb" which is just the randomly generated part of the blurb.

    Regarding the nodelet classes, any spaces in $name are translated to underbars before the class name is created. And I mostly use it hide the headers of certain nodelets to get a "merged" effect. This is mostly useful IMO for cabal type users who often have/want lots of nodelets. Likewise its easy to change the styling of nodelet titles.

    BTW, its worth saying that CSS here is a bit of a crap shoot. If folks out there would like classes created they should ask. Likewise its common nowadays to think about adding classes that _someone_ might feel useful even if we in pmdev don't. So sometimes we will be missing seemingly obviously useful classes, and sometimes there will be classes that are entirely useless. Oh well. :-)


    ---
    demerphq

      First they ignore you, then they laugh at you, then they fight you, then you win.
      -- Gandhi

      Flux8


    • Update:  
    Originally i mentioned a few things that i thought should be done, and then I went and did them instead of just talking about them and now they are done, so the node got updated. So there :-)


Re: Development Changes Recently
by bmann (Priest) on Sep 09, 2004 at 17:40 UTC
    Good work, everybody. I've already added css to change the color of nodes newer than my last checked flag and css to make a certain monk's trolls less visible.

    Update: Thanks eric256!

    There is a problem with the replybody class. The actual tag is '<tr class="replybody pmnote-177604"...' (note the space between replybody and pmnote). The space in the class identifier causes issues with both Firefox and IE. The only css workaround that I could find was tr[class="replybody pmnote-177604"], and that is unsupported in IE. A css expert may have a better solution, but I would ask that the space in the class identifier be removed.

      That is a case of 2 classes, not a classe with a space. So the CSS could be .replybody {} or .pmnote-177604 or .replybody.pmnote-177604


      ___________
      Eric Hodges