Plogger 3 theme: Broadway

This is a rough beta of a new, dark, Plogger 3 theme. It takes elements from the Yahoo! Broadway page of 2007.

Plogger 3 theme: Broadway screenshot

Download the beta version (v0.1 beta)

Download the beta version of the Plogger 3 Broadway theme here. I still need to clean up the code and the CSS, and check it more thoroughly in IE6 and some other browsers.

Download the “Broadway” Plogger 3 theme

Updated: Broadway 2

I’ve changed the theme to display the album thumbnails in the same grid format as the picture thumbnails, and also fixed a few other layout bugs.

Download the “Broadway 2″ Plogger 3 theme

Want this with Lightbox?

I’ve incorporated the Lightbox 2 JavaScript into the Broadway 2 theme. You can download it at Broadway 2 + Lightbox.

  • E-mail this story to a friend!
  • Facebook
  • Digg
  • StumbleUpon
  • del.icio.us
  • Google Bookmarks
  • Technorati
  • LinkedIn
  • Reddit
  • MySpace
  • Slashdot
  • SphereIt
  • Sphinn
  • Mixx

19 Responses to “Plogger 3 theme: Broadway”

  1. Simeon says:

    Really nice, keep up the good work! Themes for Plogger are very rare I dare say, have you got any tips of more themes than those you’ve made?
    Best regards, Simeon

  2. ardamis says:

    For starters, you can try browsing through the Plogger forums for galleries that you like and asking the owners to share. You could also Google “powered by plogger“, which is found in the footer of lots of Plogger sites.

    It’s really quite easy to create a theme. If you can’t find exactly what you want, open the gallery.css file from a theme that comes close and tweak it to fit.

  3. Nick says:

    Awesome theme!

  4. Mike Johnson says:

    Yup, looks great. Yet again. Hopefully when I get time to write a theme guide and update the website with some themes people will be more inclined to create their own. For now, we can enjoy yours =)

  5. Reginald says:

    It’s bloody amazing mate! Love this bleedin theme I do! Carry on!

  6. sribharath says:

    really cool theme…but can u please mail me..how to change the vertical display to horizontal one….

    my gallery link is http://karomasti.com/demo/photo%20gallery%20super/

  7. Kishore says:

    I love your theme… its awesome.
    I have a question – The footer block does not seem to appear right on firefox… it seems to rise up. It is ok in IE. Any idea why and how to fix it?

  8. ardamis says:

    I’ve updated the post to add a link to a new version of Broadway with a grid layout for the collection and album thumbnails that matches the layout of the picture thumbnails.

    It also fixes a few layout bugs.

  9. Kishore says:

    @ardamis: By looking through the css in Broadway2 I was able to fix the footer issue with a simple addition of code. Thank you for sharing.

    I like the vertical presentation as I can show the description of the collection/album. Is there a easy way to make the vertical display in collections /albums as a two column one (splitting the total space in half) and retaining the description next to the thumbs?

  10. ardamis says:

    Off the top of my head, without looking at the HTML or CSS, I’d say that you’re going to want to set the width of “LI.album” to be a little less than half of the available space, then float: left.

    That should make the collections/albums stack into two columns. If you had 6 albums, it would order them like this:

    1 | 2
    3 | 4
    5 | 6

  11. Kishore says:

    @ardamis: Thanks you very much for the prompt reply. I was able to implement it.

  12. engtovo says:

    what would I need to change to get the collections and albums to display down instead of across like the lucid theme? I have panorama photos that won’t work in the horizontal layout but I LOVE this theme.

  13. engtovo says:

    oh with some trial and error I managed to merge this theme with lucid, it’s almost a miracle though since I have no idea what I am doing LOL! It can be seen here http://spiritnexus.org/ploggerb3/ now if I could get lightbox working with it I would be set.

  14. vimal says:

    awesome theme..

    i want to place 300×200 ad to the right of comments.. i tried, but its placed below comments only.

    how do i remove captcha ?

    pls help me

  15. Andromeda says:

    Hello Ardamis, thank you for your great work, it was awesome! :)

    On the Top of the images, I saw that it shows a number (5), this number I think is the numbers of comments that one pictures had, it’s correct ?

    Well, I just wanna know in which php file I can find this function.

    I really want add the word “comments” after the number. (ej: 5 Comments) or in the title/alt image info.

    Thank you for your attention and your super great theme :)

  16. ardamis says:

    @vimal: Did you try changing the width of div#comment-section to be less than 680 pixels, float it left, and then add your ad below it floated right? It’s going to be a matter of floats and widths. The captcha thing is outside of the scope of the themes files, so I’m not sure how to disable it.

    @Andromeda: Hmm, it sounds like that could be the number of comments, but I’m not sure. I think that the Plogger team has made some changes to Plogger since I last worked on the Broadway theme.

    I’ll have to download the latest version and take a look. Can you give me a day or two to get back to you?

  17. Jeffrey says:

    Thanks for this cool theme.

  18. Ken says:

    Awesome theme. I’ve looked around Google for what seemed like an eternity to find a nice dark theme and was lucky enough to find this one. Excellent work.

    If I could be so bold as to ask though. Do you know of a way to integrate Lightbox into Plogger with this theme? I’ve tried following a number of different tutorials to no avail. I just feel that this theme would look all the more fantastic if the images could be displayed in a JS popup instead of a new plain looking window.

    Or would you be able to direct me to an alternative to Lightbox such as Highslide. Thanks in advanced.

  19. ardamis says:

    Actually, I wrote a Lightbox 2 version of this theme over a year ago, but never published it. You can find it here:

    http://www.ardamis.com/2009/02/24/broadway-2-lightbox-plogger-theme/

Leave a Reply

Wrap code snippets in <code></code> tags.