Welcome
Welcome, guest. You have stumbled across the Sugar Patrols headquarters, an organization that promotes healthy living and supports the ban of sugar. Look to the side of you and you will see our logo- a medium-sized, healthy, delicious, green apple. An apple is the epitome of healthy living, because it contains no fat, cholestrol, or sodium. As you can see, our name, Sugar Patrol, stands for what we do- taking away the sugar in your kitchen! Sugar causes many problems, like tooth decay, diabetes, and gout! To protect ourselves and the people of this world, we have formed the Sugar Patrol.
OH NO! This cannot be happening! Recent studies done by the prestigious Harvard University has concluded that premade layouts contain a disturbing amount of sugar. To solve this growing problem, the Sugar Patrol has written a complete, detailed tutorial on how to make and code your own layout! Please read this tutorial in order to learn how to make and code your own layout, in order to avoid consuming sugar. THIS IS NOT A PRANK! Lives are in danger here.
Blog
Amusement
August 08, 2009
HAHAHAHAHA! OH, COME ON! You gotta find the welcome message amusing, right? Well, I do, but people say I have a twisted sense of humour, so... xDD I hope you like the welcome message as much as I do, because I absolutely adore it. It takes a lot of imagination and creativity to come up with a welcome message like that. It's ironic that I have such a yummy icon, but that's funny too! xD At least that's what I think. So, welcome to Sugar Patrol! It's a blog/petpage tutorial thing, so I hope you enjoy it! I blogged about it a little bit on Twisted Dreams, but I didn't give up much information about it.
So, if you actually bothered to read this boring blog, Sugar Patrol is basically going to be your typical petpage tutorial. It's going to teach people how to code their own layout. I've noticed a lot of petpage layout tutorials don't bother to go into details and that's probably the reason I see so many Exclusive layouts when I review sites. Either that, or people are too lazy to make and code their own. :P I'm going to make the Coding part first, because I'm not in the mood to make a petpage layout right now. xDD
I do expect credit for this, seeing as how I've put a lot of my time into this site, when I could be doing reviews. That reminds me I gotta go do Taxi Reviews' review. xD Anyways, thanks for reading this! I should really give people a special treat for doing that. Maybe I'll insert a secret word inside and people who send me the secret word will get a free graphic or something. xD
Content
Welcome to the content section of the Sugar Patrol HQ. Please feel free to pick up a pamphlet about sugar and how harmful it can be. We have a variety of articles written by fellow Sugar Patrol members for you to read. The topics include healthy living, exercising, an alternative for sugar, and much, much more! Also, since a disturbing result has been made from a study, we have provided you with a layout tutorial! Please read our articles, pamphlets, and tutorials! We value your opinions and contributions.
tutorials
Making a LayoutCoding a Layout
pamphlets
Sugar and How Harmful They Can Be
Articles
Healthy LivingExercising
An Alternative to Sugar
Sugar and How Harmful They Can Be
Below is a pamphlet explaining sugar and how harmful it can be. We hope that once you've read that very helpful pamphlet that we have provided for you, you will think twice about touching that Coke that is right beside you. This pamphlet is very helpful, in outlining how consuming too much sugar is bad for you. After you have read this, we would love for you to contact us about your opinions on sugar and this pamphlet! Please drag and drop into your URL to see the full, non-pixelated image!
Healthy Living
Thanks for clicking on Healthy Living, an article that's all about leading a healthy life. Healthy living means making positive choices that will enhance your physical, emotional, and mental health. You make all these choices when you eat nutritiously, choose to put an end to negative lifestyle practices, and stay physically active to remain strong, reduce stress, and improve your energy. Doesn't that sound absolutely simple? If it doesn't, no worries. This article will help you realize how simple it is and you've already started making a positive choice- by reading this guide!
Remember, active children become healthy adults. Did you know that half of Canadian children and youth are not active enough for optimal growth and development? Yikes. Canada's Physical Activity Guide for Youth and Children recommend that inactive kids increase the amount of time they currently spend being physically active by 30 minutes and decrease the time they currently spend on watching TV, using the computer, and more by 30 minutes.
It is important for kids to get at least 90 minutes of exercise. If that sounds long to you, fret not, because it isn't. There are many things that are physically active, fun, and healthy. These days, kids are more than happy enough to sit in front of TV or surf the Internet, giggling at funny videos. But does that enhance your health? No, it doesn't. People shouldn't cut TV, the computer, or the Nintendo from their life, but they should do it moderately. Using the computer for 3 hours is not using it moderately, no matter how shocking it may sound.
Being physically active has all these benefits:
Build strong bones and strengthen muscles
Maintain flexibility
Achieve a healthy weight
Promote good posture and balance
Improve fitness
Meet new friends
Strengthen the heart
Improve physical self-esteem
Increase relaxation
Promote healthy growth and development
Look and feel your best by cranking up your activity
It's a fact that perspiration/sweat is completely odourless. It's a bacteria on the skin that creates odour.
It's a fact that muscles have very specific enzymes that only burn fat. Exercise or physical activity helps you burn fat more efficiently. The more you use your muscles through physical activity, the more fat-burning enzymes your muscles develop to burn more fat. Aerobic activity is an kind of activity that makes your muscles use oxygen. It helps the blood travel more efficiently through your body.
This article is just the beginning! It isn't even completed yet. To learn more, try reading all the articles that the Sugar Patrol has to offer. Remember- physical activity isn't a chore! It's a lifestyle choice!
Exercising
Endurance activities/aerobic exercise make you breathe better, your heart beat faster, and make you sweat. Flexibility activities like bending, stretching, and reaching help you relax your muscles and keep your joints moving. Strength activities build more muscles and bones. You need to combine these three types of physical activity to get the best result. If you look below, we have cataloged different types of popular physical activities. All you need to pick a few from them and start exercising! You're already on your way to a healthy you!Asterisks* denote a tip/motivation that I really like.
Running
Running is definitely one of the most popular physical activities there is. It reduces the risk of cardiovascular disease and can effectively slow or reverse the effects of aging. Make sure you are consistent and you don't have ridiculous goals. Slowly increase the speed and the distance of your run, so that your body can adjust to it and you aren't left gasping for breath. An upright posture is very important while running, but you should maintain a relaxed frame and use your core to keep your posture upright and stable.
Tips/Motivation:
- Force yourself to step out the door. Once you're outside, you're golden.
- Listening to your music player can be fun. That way, you don't have to listen to yourself pant like an idiot.*
- Don't compare yourself to other runners. The key to staying out of that trap is to set goals that are realistic and attainable for you.
- My favourite thing to do on a long run is to " buy" a house-a really big one-then decorate it top to bottom. It usually takes me at least 10 miles to finish the decoration.*
- I throw a quarter into a piggy bank for every 15 minutes I run. I use this money to buy CDs or other treats I wouldn't normally buy for myself. Right now I have almost $300 dollars saved.*
- It is never too late to start running
My Opinion: GEEZ, I GOTTA START RUNNING! I take my dog when I run, mainly because I'm self-conscious and a 13-year-old girl running will probably give the wrong message. xD My dog, who is currently 3 years-old, will get a nice leisurely long walk (that guy is jogging, when I'm running like a crazy madman) and I get a lot of exercise. WHOOT WHOOT! Personally, I think running is the way to go.
Biking
Bicycles are often used by people seeking to improve their fitness and cardiovascular health. It also tones your legs muscles. However, there is a down side- it does little to promote bone density. It's a good start to getting more physically active.
Tips/Motivation:
- Be safe!
- Make sure that you have a good bike and a helmet.
- Don't stop and get off your bike when you encounter a hill. Just keep on going.
- Try to bike a route that no one frequents. That way you can let your mind wander and not think about that old woman that you have to avoid. *
My Opinion: I honestly really like biking. However, when you compare it to running, it doesn't seem all that great. Biking is awesome if you want to let go of stress and just feel the breeze. It's not something very hard, unless you're biking up a hill. However, I would stick to biking as a warm-up and then running.
Swimming
Recreational swimming is a good way to relax, while enjoying a full-body workout. It's a great sport, especially when it's summer. There are many strokes that you can use while swimming laps, including the front crawl/freestyle, the backstroke/back crawl, and the butterfly stroke. Being able to swim properly is one of the most important skills that you will learn in your life. It's important that you hold onto it.
Tips/Motivation:
- Swim frequently
- Most swim coaches agree that stretching is one of the most important warm ups for swimmers. Stretch thoroughly before swim lessons and before every meet.*
- Drink lots of fluids. Keep a sports bottle with you filled with fresh water or Gatorade.
- Remember to relax and have fun.
My Opinion: I love swimming. Lately, I've been trying to get more physically active, but I can't seem to bring myself to get out of the house and on my way to the recreational center. Swimming is really fun and I always do at least 50 laps every time I go swimming. It's great fun and you don't sweat at all.
MORE COMING SOON!
Coding a Petpage Layout
Welcome to the coding section of the petpage layout tutorial. Now that you've finally created your own petpage layout, all you need to do is code it! People think coding is the hard part, but let the Sugar Patrol break it down for you. It'll be as easy as pie, of course a lot more healthier than that! To code a petpage layout, we combine HTML and CSS together to make an amazing sheet of coding that would get ANYBODY mixed up. However, today, the Sugar Patrol will help you figure it out, break it down, and code your own petpage layout. Not only do you get an amazing layout made by YOU, you also cut down on a large amount of sugar that is found in premade petpage layouts.
to start us off
First things first, all petpage layout codings start off with a style tag and pretty much end with it. Make sure that you paste the following code into the 'Edit Your Petpage' box.
Next, we're going to have the background code. The background code is crucial to a petpage layout. Without it, you would just have a bunch of blank space. Look at the code below you.
Ignore the body part. That part doesn't need me to explain it. It's just supposed to sit there and look pretty. background is self-explanatory. #000000 is a hex code. The hex code stands for a colour that will match the background of your layout. Make sure that the hex code matches the colour of the background of the layout. This code is only for layouts that have a SOLID background.
The following code is for a background IMAGE. If your layout's background are blue polka dots (like Sugar Patrol's) or anything that isn't a SOLID background image, you use this code.
It's pretty much the same code as before, only you're adding a URL instead of a hex code and the word repeat appears. Where it says 'imagehere.png', all you need to do is paste the background image's URL into that part.
Repeat tells the image that you want it to repeat over and over to fill up all of the white space that's left behind.
Next, we're going to change the text, so it's not the ugly Times New Roman font that Neopets always uses. This part is mandatory, unless you want to stick to the normal font that Neopets always uses.
That code will change all of the text on the page. That means that everything will be in 9px Tahoma or whatever you change it to. Color means the colour that the font will appear in. I put mine in black. Font means the size and the type of font you want it to be. I put 9px and Tahoma.
Positions
This is the really easy part and I absolutely love it. This is part where you start making magic. You have to start positioning all your boxes, where your content is going to be. You can have as many as you want and it's quite simple.This is a div id.
Since we're making a single blog layout, we only need one of those div id's. Alright, let me explain. Where it says #content, you can change content to whatever you want it to say. You can name it blog or box. Whatever floats your boat.
position:absolute; should not be changed. It needs to be like that, all the time.
left means how far the blog is away from the left. You can give a good estimate.
top means how far away the blog is from the top. You can give a good estimate.
text-align has 3 options for you to choose from- center, left, or right. If you choose it to be center, all your text will be centered. If you choose it to be left, all your text will be on the left. If you choose it to be right, all your text will be on the right. You get the drill.
height means how tall the blog is.
width means how wide the blog is.
overflow:auto; means that the blog will scroll. That part is crucial. Don't change it.
Put this outside the style tags.
You can change the content to whatever you named your div id. Make sure that they match up, or else it doesn't work. Replace put text here with whatever you want to put there. You can talk your heart out. :D
Next is the really, really easy part! All you're doing is customizing the links, the bold, the italic, the underline, and your headers! It's quite fun.
Bold, Italic, Underline
Put this code in between the style tags, after your div id. This customizes your bold.
b stands for bold, obviously.
Where it says font, just put in the size and the font type. I put in 11px and Tahoma.
Where it says font-weight, make sure you put bold. Otherwise, it won't turn out thick.
Color stands for the colour that the bold will be in.
Letter-spacing stands for how far the letters are from each other.
Next, we're going to have the italic font.
i stands for italic, obviously.
Where it says font, just put in the size and the font type. I put in 12px and Arial.
Where it says font-weight,you can put normal or bold. Personally, I like it as normal, because a bolded italicized word doesn't look good. xD
Where it says font-style, make sure you put italic. Otherwise, it won't turn out italicized.
Color stands for the colour that you want the italic to be in.
Now, we're going to have the underline font.
Where it says font, just put in the size and the font type. I put in 12px and Arial.
Where it says font-weight,you can put normal or bold. Personally, I like it as normal, because a bolded underlined word doesn't look good. xD
Color stands for the colour that you want the italic to be in.
Making a Single Blog Layout
Welcome to the making section of the single blog petpage layout tutorial. I'm going to be teaching you how to make a single blog petpage layout. That means that your petpage layout will only have one blog, like this. If you click on the link, you'll see how it's only 1 blog. That's the sort of layout that I'm going to be teaching you how to make today.First off, I'd like you to know that I use Photoshop CS4. Because I don't know what program you're using, my instructions are not going to be quite so detailed as I would like it to be. The manipulations I'm going to be using should be compatible with GIMP, PSP, and any version of Photoshop. You can also make your layout with Paint, although it won't turn out so great.
choosing an image
The first thing you have to do is choose an image. I chose a Neopets background. If you are using a Neopets background, make sure that is is AT LEAST 800x600px. I took my background from here. I chose Background 29, the background picture of Faerie Bubbles.Next thing you want to do is open up a new document in Photoshop/GIMP/PSP/whatever you use. My settings are 1000x768px. You can change it to whatever you want, but make sure the width is 1000px.
Touching up your images
It is time to touch up your images! You can do whatever you want to it- add layers of colouring, add selective colouring (Photoshop only), or just textures. I always use selective colouring and I'm going to show you how I touch up my images. However, this is only compatible with Photoshop. If you have GIMP or PSP, do your own style of colouring!1. So, first thing you're going to do is open up your image, obviously. xD
2. Go to Layers-New Adjustment Layers-Hue/Saturation. Put in 19 for Saturation and 2 for Lightness.
3. Fill in your image with #fbff50 and set the mode to Soft Light.
4. Go to Layers-New Adjustment Layers-Selective Colouring. Fill in the following settings:
Reds: -100,+100,+100, +30
Yellows: -30, -20, +70, 0
Greens: +100, +100, 0, +50
Cyans: -50, 0, +50, 0
Neutrals: +100, +40, -25, 0
5. Go to Layers-New Adjustment Layers-Selective Colouring. Fill in the following settings:
Yellow: +20, +16, -71, +19
Greens: +100, +100, -100, +100
Cyans: +100, +100, -100, +100
Neutrals: +17, +10, 0, -1
6. Another Selective Colouring layer and here are the settings:
Reds: -19, +10, +52, -1
This is what my picture turned out like:
The Hard Stuff
1. Now that you've finished touching up your images, paste it on your white documentNEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions