By Tom-182 on

Hello everyone,
I've just launched a new Drupal site several days ago. It is a community site for Transjakarta bus way passengers in Jakarta, Indonesia.

The site was built using Drupal 5.2

URL: http://www.suaratransjakarta.org

Modules:
CCK,
ImageCache,
Captcha,
PathAuto,
Token,
Contemplate,

Others:
Mootools Javascript Library for the Photo Gallery node type,
Custom made theme.

Drupal rocks!

⋅ Categories: Drupal 5.x

Comments

peacho’s picture

peacho commented

Very nice looking.

I haven't seen many 4-column designs before, so that's a unique way to do it.

Tom-182’s picture

Tom-182 commented

Thank you peacho.
I only apply the 4 column for the front page, as for other page I use 3 column. The whole site only use one single theme.

socialtalker’s picture

socialtalker commented

blue is always a nice color if you are going to have a lot of columns, i think. just 2 color and plain font, kept it from looking too cluttered.
the 3 column 2nd pages worked very well too. good luck to you.

Tom-182’s picture

Tom-182 commented

Thank you and good luck to you too :).

======
http://www.cellphonevibes.com

zanematthew’s picture

zanematthew commented

how was it getting Mootools to work with drupal default jquery? did you just not include the drupal js files in the header?

"i do web stuff..." zaneMATTHEW.com

Tom-182’s picture

Tom-182 commented

I only include Mootools JS script in photo gallery node type. So I just put the script on the header of page.tpl.php with extra validation

<?php if($node->type == 'gallery'): ?>
  <link rel="stylesheet" href="<?php print base_path() . path_to_theme() ?>/slimbox.css" type="text/css" media="screen" />
  <script type="text/javascript" src="<?php print base_path() . path_to_theme() ?>/js/mootools.v1.11.js"> </script>
  <script type="text/javascript" src="<?php print base_path() . path_to_theme() ?>/js/slimbox.js"> </script>
  <?php endif; ?>

And then used the Contemplate module to make every image I uploaded using CCK Image field & Imagecache to opened an animated Mootools Window by adding rel="lightbox[image-set-name]" to the tag.

<a href="<?php print base_path() ?>location/of/the/thumbnails/<?php print $item['filename'] ?>" rel="lightbox[<?php print $node->title ?>]" title="<?php print $node->field_the-name-of-the-photo-field['title'];?>" alt="<?php print $node->field_the-name-of-the-photo-field['alt'];?>"> <img src="<?php print base_path() ?>location/of/the/big-images/<?php print $item['filename'] ?>" title="<?php print $node->field_the-name-of-the-photo-field['title'];?>" alt="<?php print $node->field_the-name-of-the-photo-field['alt'];?>" /></a>

========

http://www.cellphonevibes.com