I am sid. Who r u?

I can’t believe that it’s over. March 14, 2008 we were just planning to go to Anawangin, Zambales. Now, we’ve already conquered the place.:) This is the first time that I experienced camping in the beach. I learned a lot of things, I thought I was so prepared for the camp, I just thought I was, but I’m wrong. At least next time, I know what to check ahead of time. Anyway here’s what happened in our Anawangin adventure.

*if you will be going to Anawanging with the same route as ours, you can use this as your reference.

Things to Bring (this is what we brought. remember: pack light ):

• Garbage Bag - bring enough for garbage and for your bag. (you’ll be using it once you ride the boat)
• Eating Utencils - Canteen, Spoon and fork (disposable is prefered), paper plates, cup (plastic, styro for hot water), portable stove set using butane (you can buy this in Ace Hardware, 900 php), butane for the stove, swiss knife or any portable knife.
• Food - Canned goods for group sharing, cup noodles, 3-1 coffee, bread, sandwich spread, cold cuts (hotdog, meat loaf)
• WATER - we impose a rule that each one should bring a minimum of 2 liters of water per person. (for drinking, cooking, and washing small utensils. )
• Flash Light, Head Lamp, Lamp - We need this at night. It’s dark. awooooo! I was able to buy a LED - head lamp in Ace Hardware for 149 pesos. It uses 3 AAA batteries and has several light modes. My friend advised me to buy this because it’s better to use at night. You can use both your hands for doing things.
• Mosquito Repellent - don’t let the mosquito and other insects bite you. You can buy Katol as well.
• Tent, sleeping Bag, Earth pads, hammock - kailangan pa bang imemorize yan??
• Rope - for hanging people este… wet clothes (Ace Hardware 35 pesos)
• Toiletries - Alcohol, shampoo, small soap, wet wipes (we’re not sure how the toilet looks yet), cotton buds, etc.. just bring what is necessary for an overnight camp.
• First Aid Kit - Parang boyscout lang dba? laging handa! woot woot!
• Slippers - Beach yun e… pangit naman kung naka balat ka dba? nyahahaha

(more…)

This post is in response to Nakul’s question on how to extend the header according to the browser’s width.

Here’s the challenge I gave myself: I want to make my Header stretch it’s background IF the browser width is more than the original width of the header (browser width > header’s width which is 950 px) and I want it to stay at 950 px if the browser’s width is less than 950 px.

So here’s how to do it.

1. Look for this code in your header.php file:

<div id=”top”>
<div id=”topi”></div>
<div id=”headr”>
<h1><a href=”<?php echo get_option(’home’); ?>/”>
<?php bloginfo(’name’); ?>
</a></h1>
<div class=”description”>
<?php bloginfo(’description’); ?>
</div>
<div class=”rss2″>
<a href=”<?php bloginfo(’rss2_url’); ?>” rel=”alternate” type=”application/rss+xml”><img src=”<?php bloginfo(’template_directory’); ?>/images/subscribe1.jpg” alt=”Subscribe” style=”border:0″/></a>
</div>
</div>
</div>

2. Add <div id=”pretop”> before the <div id=”top”>:

<div id=”pretop”>

<div id=”top”>
  <div id=”topi”></div>
  <div id=”headr”>
    <h1><a href=”<?php echo get_option(’home’); ?>/”>
      <?php bloginfo(’name’); ?>
      </a></h1>
    <div class=”description”>
      <?php bloginfo(’description’); ?>
    </div>
    <div class=”rss2″>
    <a href=”<?php bloginfo(’rss2_url’); ?>” rel=”alternate” type=”application/rss+xml”><img src=”<?php bloginfo(’template_directory’); ?>/images/subscribe1.jpg” alt=”Subscribe” style=”border:0″/></a>
    </div>
  </div>
</div>

</div>

3. Open style.css and add this css style:

#pretop {
background-color: #161616; }

4. Upload the files to the remote server.

So there. we just added a fluid background on our header. The pretop div that we added doesn’t contain any fix width so the width is browser dependent. Since it contains top div inside it which has a fix width of 950px, it will stop from shrinking once the browser’s width is less than 950 px.

HTH!

sid
how bad do you want change

Challenge: I want to incorporate the footer design in April 1.0 template to my Prosumer 1.4 WP theme. So how did I do it?

(click the image to enlarge)

(more…)