Forums | Some things I'd like to do - lightboxes, 784px width, CC license

You must be logged in to post Login Register

Search Forums:


 






Some things I'd like to do – lightboxes, 784px width, CC license

New Issue
UserPost

2:11 pm
June 9, 2010


Esn

Toronto, Canada

Member

posts 7

Post edited 9:37 pm – June 9, 2010 by Esn


Hello! This is my first time trying to make a website for my comic. After a lot of research, I decided to go with StripShow (to be honest, I don't remember exactly why I chose it over ComicPress now, but it looks like a good decision, anyway).


I chose the "stripShow Classic 1.6″ theme because I want my comic to be viewable on a 800×600 resolution, and it was the only one that came close.


1) What I'm really after is a layout that looks a bit like this; a banner at the top, followed by some links, followed by the comic, with everything no wider than 784px (to allow for the scroll wheel on the side). "stripShow Classic" comes close, but it's still a bit wider than I'd like.


2) I would also like to use lightboxes:

http://www.dynamicdrive.com/dy…../index.htm

So that every comic will be the same maximum width (~784px), but when a reader clicks on the comic, the screen will go dark and a larger version of it will appear. This brings together the benefits of a consistent reading experience, and also allows comics to be seen at a more detailed resolution.


3) At the very bottom of each page, in very small print, there's text that says "This work is licensed under a Creative Commons Attribution-NonCommercial 2.5 License."  I think it's weird that this theme automatically licenses a comic under that license… but anyway, I WOULD like to use a CC license, but I'd prefer to change that text to say Creative Commons Attribution-Noncommercial 3.0 Unported License. How do I do that?


4) I'm also having a problem with the archives; I posted in this thread about that.


My website is over here:

http://thebrook.xtreemhost.com/

It still needs a LOT of work (and a proper domain name). I hope I'll get there eventually.


I did make some websites with html years ago… things have gotten so much more complex since then, it seems.

3:48 pm
June 9, 2010


Brad

Admin

posts 194

Hi Esn, and welcome to stripShow!

The Classic theme is just a copy of the old default theme for stripShow 1.x — it's pretty bare-bones, and is designed to be copied and edited by hand for customization. The CC license, yeah, that is pretty weird, and I stopped doing it in later versions. Feel free to change footer.php to reflect your actual license.

As for the comics all being the same width with lightboxes, that's something I hadn't thought of before. stripShow doesn't support it right now, but it's something to think about for later. The code for lightboxes is included with WordPress to begin with, so if the plugin supported it, it is easily done.

I'll take a look into it. It could be possible just with themes, I realize. I'll let you know.

3:19 pm
June 11, 2010


Esn

Toronto, Canada

Member

posts 7

Post edited 10:32 pm – June 11, 2010 by Esn


Thank you, Brad! I'm pretty new to this (as I said, I only worked with pure-html sites previously)…

The current theme is bare bones, but I think I'll keep it mostly as it is; there are benefits to simplicity.


What can I do to move the comic ABOVE the navigation buttons at the top, and to remove the navigation buttons that are in the right panel? Instead of the navigation buttons at the top, I'd like to add some links (eg. "About", "Archive").


I changed all of the "796pixel" width settings in style.CSS to "784″, but the page is still at 796.

I feel like I'm missing something.


The archive is still giving me trouble; it's showing all the same images.


This is what the comicarchive.php looks like:


<?php
/*
Template Name: Comic Archive
*/
?>

<?php get_header(); ?>
    <div id="content" class="narrowcolumn">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="post" id="post-<?php the_ID(); ?>">
        <h2 class="pagetitle"><?php the_title(); ?></h2>
            <div class="entry">
                <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>

                <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

            </div>
        </div>
        <?php endwhile; endif; ?>
    <?php $years = get_comic_years();
  foreach ( $years as $year ) { ?>
    <?php if ($year != (0) ) { ?>
      <h3><?php echo $year ?></h3>
      <table border="0" cellspacing="0" cellpadding="0">
        <?php query_posts('showposts=10000&year='.$year.'&cat='.strip_category());
        while(have_posts()) : the_post(); ?>
        <tr>
            <td style="padding: 0 5px 0 0;"><small><?php the_time('F j') ?></small></td>
            <td style="padding: 0 5px 0 0;"><small>|</small></td><td><a href="<?php echo get_permalink($post->ID) ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></td>
        </tr>
        <?php endwhile; ?>
      </table>
  <?php } } ?>
    </div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>


3:36 pm
June 11, 2010


Brad

Admin

posts 194

Regarding the page width, I see that your actual comic itself is 805px! So that might be a part of it.

As for the archives showing the same comic, that's a big OOPS on my part. I changed the behavior of the show_comic function and didn't test it with the old theme.

For now, the easiest way to get around it, open archive.php in the theme, and change:

show_comic($thumbnail = TRUE);

to:

show_comic_for_id($post->ID,TRUE);

4:24 pm
June 11, 2010


Esn

Toronto, Canada

Member

posts 7

First of all, if there a way to turn go back to simple BB code when I'm writing forum posts? I'm finding it confusing (I'm not sure what it's called – it where you don't see code when you write). In other forums there's a way to turn it off in personal settings, but I can't find it here.


That archive code worked; thanks a lot!


My comics are different widths currently (I'll change this in the future). This one is not as wide, yet the page itself is still wider than 784px:

http://thebrook.xtreemhost.com/?p=27

12:42 pm
June 12, 2010


Brad

Admin

posts 194

I looked at the page you linked, and on my browser (Firefox 3.6.3 for Mac) that page is exactly 784px! What browser are you using?

As for BBcode, I made it so you can choose your editor in your profile options, so you can do BBcode if you want.

11:57 pm
June 12, 2010


Esn

Toronto, Canada

Member

posts 7

Post edited 8:43 am – June 13, 2010 by Esn


Thanks!

It's certainly weird. I commonly use two browsers, Firefox and Opera, and in both of them, there's a space to the right of the page at 800×600 screen resolution that there shouldn't be.

In firefox, it's about 60 pixels. Notice the sideways scroll wheel at the bottom:
http://imgur.com/ppVXP.jpg

In Opera, there's no scroll wheel, but if you centre-click you can scroll sideways about 11 pixels:
http://imgur.com/ilcZg.jpg

It's not a hugely important thing… but it's a bit weird and annoying.

By the way, is there a way to add a "random comic" navigation button?

One other request that should be much simpler: I can't figure out which part of the stylesheet controls the font size of the text below the blog entry which says

Category: Comics, Uncategorized | Comments »

I'd also like to increase the size of the text just below the "transcripts" in the entries that say

This entry was posted on Saturday, September 26th, 2009 at 5:52 am and is filed under Comics, Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. Edit this entry.

I already improved the font size in the footer by changing 62.5% to 100%, but that doesn't seem to work for the other texts.

10:49 am
June 15, 2010


Brad

Admin

posts 194

The info below the blog posts in the Classic theme is the "postmetadata" class. You'll find the definitions on line 221 of style.css.

And a random comic button can be added using the random_comic_link() template tag.

2:24 pm
June 15, 2010


Esn

Toronto, Canada

Member

posts 7

Post edited 2:25 am – June 16, 2010 by Esn


And a random comic button can be added using the random_comic_link() template tag.

Thank you. I'll give that a try a bit later.

The info below the blog posts in the Classic theme is the "postmetadata" class. You'll find the definitions on line 221 of style.css.

I think I found it (though I had to count out 221 lines manually because I'm using the WordPress editor… is there some program which will automatically count the lines?)

What must I change here to get the font to change? (I already changed 62.5% to 100% – it made no difference)

EDIT: Oops… apparently it did make a difference.

I guess the only thing left to fix for now is the extra width to the right of the screen, which is for some reason different in Firefox and Opera.

P.S. I did some testing with http://browsershots.org/ , and it looks like the stripshow Classic theme doesn't work correctly with versions of IE 7 and earlier. Everything on the right panel is moved way down on the page. That's about 30% of the browser marker, though declining, but not a huge issue for me because it doesn't affect the look too much, just makes things a bit more inconvenient. The Avant browser has the same issue.



  • Donate

    While I don't maintain stripShow for a living, I wouldn't say no to a little donation, if you think the plugin is worth it...

  • Advertisements