Welcome!

So. This is TEENYBOPPER™ a blog site created by the one, the only (also accepting beautiful, gorgeous, magnificent, amazing, awesome, pwnsome, fantastic, superb, bestesttt, and talented) CLOUD (aka Maggs, Cloud Cullen, Jordyn, and a great many other things). Want to know about the oh-so-humble ME?!?!CLICKYYYY.

Counter Started On: May 23, 2009


<a href="http://neopets.com/~cookie_and_milk"><img src="http://i40.tinypic.com/10seqg1.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."></a>		<a href="http://neopets.com/~cookie_and_milk"><img src="http://i44.tinypic.com/28lumwm.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a>		<a href="http://neopets.com/~cookie_and_milk"><img src="http://i29.tinypic.com/swbw4j.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a>

Anywho, as I was saying, BLOG SITE. yippee skippee. Read about my awesome daily adventures.... haha. It might actually be entertaining, because I'm a pretty entertaining person. And, as if that isn't enough, I'm also adding other resources, like site names, and layouts, and cool little things like that.

Layouts!

So, I'm not really big into all the Disney celebs (aka Jonas Brothers, Miley, Selena, Demi, Taylor Swift) but I know there are a lot of fan girls out there that are... evident by my sister and her friends. I figure, Teenybopper is an old person word for youth... young teens, and very many young teens like those celebrities. Therefore, I'll make layouts for that and put them below. If you want TWILIGHT layouts/graphics or OTHER layouts/graphics.. well, just click the links.

The first text area is for Userlookups, Shops, and Galleries... sorry, too much effort to turn it into a petlookup and/or a guild layout... I might eventually add seperate codes for each of them... if enough people are interested. The second box is for Pet pages so the bottom box is the code you get for petpages. Think you got it? If something looks funky when you paste the code... you either got the wrong code... or you're not using Firefox or Internet Explorer... which are the 2 browsers I've checked these layouts in.

Anyway... enjoy(:


<style > .hi{font:20px georgia, century gothic; text-transform:lowercase; letter-spacing:3px; border-bottom:3px solid #9900cc;color:black} body {background-image: url(http://i42.tinypic.com/29vnyom.jpg); background-color:#a83c78;color:#a83c78;background-repeat:repeat-y; font-size:10px; font-face:verdana} #u{position:absolute;left:722px;top:100px;height:500px;width:200px;background:#a83c78;z-index:1} #header{position:absolute;top:0px;left:0px;background-image: url(http://i43.tinypic.com/ohk4ep.jpg); width:722px; height:700px; border:0px;} #v{position:absolute;top:680px;left:20px; width:690px;} #main{width:800px;background:transparent;border:0px;} #footer,.footerNifty,.eventIcon,hr,#nst,.user, #userneohome.contentModule, #usershop .contentModuleTable, #usertrophies .contentModuleTable, .sidebar, .adBox, .nfw,#ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay {display:none} .contentModuleHeader,.contentModuleHeaderAlt{color:#ffffff;font-family:verdana;background:#a83c78;} .contentModule{border:0px} .contentModuleTable{border:0px} .contentModuleContent{border: 0px} #userinfo .contentModuleTable{width:410px} #usercollections .contentModuleTable{width:260px;} #template_nav{position:absolute;width:730px;top:585px;left:0px;} ul.dropdown {background:#a83c78;border:1px solid black;} ul.dropdown a, li.over ul.dropdown a {color: #e396c1;} ul.dropdown a:hover {color:#d78eef !important} ul.dropdown {opacity:.70; filter: alpha(opacity=70);} a:link, a:visited, a:active{color:#a83c78; text-decoration:none;} a:hover{color:#e396c1;} #userneopets img{width:80px; height:80px;} #userneopets .contentModuleTable{width:670px} #content{top:690px;left:10px;} </style > <div id="u">h</div> <div id="v"><table> <div align="center"><font class="hi"><U>your name.</u></font></div> <br><br> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <div align="center"> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a> </div> <style /> body {background-image: url(http://i42.tinypic.com/29vnyom.jpg); background-color:#a83c78;background-repeat:repeat-y; font:10px verdana;} #header{position:absolute;top:0px;left:10px;background-image: url(http://s5.tinypic.com/2q0u4c1.jpg); width:700px; height:700px; border:0px;} #v{position:absolute;top:680px;left:20px; width:680px;} a:link, a:visited, a:active{color:#a83c78; text-decoration:none;} a:hover{color:#e396c1;} h1{text-align:right; color:#9900cc; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} h2{text-align:right; color:#a83c78; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} b{color:#9900cc;} u{color:#666666; border-bottom:2px solid #a83c78;} i{color:#a83c78;} strike{color:#9900cc;} TEXTAREA{ width:110px;height:30px; border:1px solid #333333; font:8px verdana; color: #a83c78;} </style /> <div id="header"></div> <div id="v"> <h1>Welcome</h1> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <h2>Your Page</h2> You have 2 different headers to chose from... pink font or purple font... you can use one uniformly... or you can alternate, or whatever you like. I can't show you what a textarea looks like without messing up the coding on my layout. But you can test it out... because it is pretty. You can edit all of the text here... and if you think the bold should be a different color or something like that... ok, but no major edits. please. And keep my credit on. <br><br> <b>Bold.</b><br> <i>Italics.</i><Br> <u>Underline.</u><br> <strike>Strikethrough.</strike><br> <a href="/">Link.</a><br> <br><br> <h1>Credit</h1> <center> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a> </center>	<style > .hi{font:20px georgia, century gothic; text-transform:lowercase; letter-spacing:3px; border-bottom:3px solid #36a2c4;color:black} body {background-image: url(http://i42.tinypic.com/2n0ociu.jpg); background-color:#000000;background-repeat:repeat-y; font-size:10px; font-face:verdana} #u{position:absolute;left:722px;top:100px;height:500px;width:200px;background:#000000;z-index:1} #header{position:absolute;top:0px;left:1px;background-image: url( http://s5.tinypic.com/161gi7q.jpg); width:722px; height:700px; border:0px;} #v{position:absolute;top:680px;left:20px; width:690px;} #main{width:800px;background:transparent;border:0px;} #footer,.footerNifty,.eventIcon,hr,#nst,.user, #userneohome.contentModule, #usershop .contentModuleTable, #usertrophies .contentModuleTable, .sidebar, .adBox, .nfw,#ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay {display:none} .contentModuleHeader,.contentModuleHeaderAlt{color:#ffffff;font-family:verdana;background:#38afeb;} .contentModule{border:0px} .contentModuleTable{border:0px} .contentModuleContent{border: 0px} #userinfo .contentModuleTable{width:410px} #usercollections .contentModuleTable{width:260px;} #template_nav{position:absolute;width:730px;top:517px;left:-5px;} ul.dropdown {background:#38afeb;border:1px solid black;} ul.dropdown a, li.over ul.dropdown a {color: #36a2c4;} ul.dropdown a:hover {color:#065279 !important} ul.dropdown {opacity:.70; filter: alpha(opacity=70);} a:link, a:visited, a:active{color:#38afeb; text-decoration:none;} a:hover{color:#065279;} #userneopets img{width:80px; height:80px;} #userneopets .contentModuleTable{width:670px} #content{top:690px;left:10px;} </style > <div id="u">h</div> <div id="v"><table> <div align="center"><font class="hi"><U>your name.</u></font></div> <br><br> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <div align="center"> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."></a> </a> </div> <style /> body {background-image: url(http://i42.tinypic.com/2n0ociu.jpg); background-color:#000000;background-repeat:repeat-y; font:10px verdana;} #header{position:absolute;top:0px;left:1px;background-image: url(http://s5.tinypic.com/2hib85v.jpg); width:722px; height:700px; border:0px;} #v{position:absolute;top:680px;left:20px; width:680px;} a:link, a:visited, a:active{color:#38afeb; text-decoration:none;} a:hover{color:#065279;} h1{text-align:right; color:#065279; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} h2{text-align:right; color:#36a2c4; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} b{color:#38afeb;} u{color:#065279; border-bottom:2px solid #38afeb;} i{color:#36a2c4;} strike{color:#065279;} TEXTAREA{ width:110px;height:30px; border:1px solid #333333; font:8px verdana; color: #065279;} </style /> <div id="header"></div> <div id="v"> <h1>Welcome</h1> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <h2>Your Page</h2> You have 2 different headers to chose from... pink font or purple font... you can use one uniformly... or you can alternate, or whatever you like. I can't show you what a textarea looks like without messing up the coding on my layout. But you can test it out... because it is pretty. You can edit all of the text here... and if you think the bold should be a different color or something like that... ok, but no major edits. please. And keep my credit on. <br><br> <b>Bold.</b><br> <i>Italics.</i><Br> <u>Underline.</u><br> <strike>Strikethrough.</strike><br> <a href="/">Link.</a><br> <br><br> <h1>Credit</h1> <center> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."></a> </a> </center>

<style > .hi{font:20px georgia, century gothic; text-transform:lowercase; letter-spacing:3px; border-bottom:3px solid #b88585;color:white} body {background-image: url(http://i44.tinypic.com/33ynpsh.jpg); background-color:white;color:black;background-repeat:repeat-y; font-size:10px; font-face:verdana} #u{position:absolute;left:722px;top:100px;height:500px;width:200px;color:white; background:white;z-index:1} #header{position:absolute;top:0px;left:0px;background-image: url(http://i44.tinypic.com/fjpbaw.jpg); width:722px; height:700px; border:0px;} #v{position:absolute;top:620px;left:20px; width:690px;} #main{width:800px;background:transparent;border:0px;} #footer,.footerNifty,.eventIcon,hr,#nst,.user, #userneohome.contentModule, #usershop .contentModuleTable, #usertrophies .contentModuleTable, .sidebar, .adBox, .nfw,#ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay {display:none} .contentModuleHeader,.contentModuleHeaderAlt{color:#ffffff;font:30px Georgia; text-transform:uppercase;background:#6b2323;letter-spacing:2px;border-bottom:1px solid #ffffff} .contentModule{border:0px; background-color:#6b2323} .contentModuleTable{border:0px; background:#6b2323} .contentModuleContent{border: 0px; background:#6b2323} #userinfo .contentModuleTable{width:410px} #usercollections .contentModuleTable{width:260px;} #template_nav{position:absolute;width:730px;top:472px;left:0px;} ul.dropdown {background:#6b2323;border:1px solid black;} ul.dropdown a, li.over ul.dropdown a {color: #b88585;} ul.dropdown a:hover {color:#ffffff !important} ul.dropdown {opacity:.80; filter: alpha(opacity=80);} a:link, a:visited, a:active{color:#b88585; text-decoration:none;} a:hover{color:#ffffff;} #userneopets img{width:80px; height:80px;} #userneopets .contentModuleTable{width:670px} #content{top:690px;left:10px;} </style > <div id="u">h</div> <div id="v"><table> <div align="center"><font class="hi"><U>your name.</u></font></div> <br><br> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <div align="center"> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a> </div> <style /> body {background-image: url(http://i44.tinypic.com/33ynpsh.jpg); background-color:white;color:white;background-repeat:repeat-y; font:10px verdana;} #header{position:absolute;top:0px;left:0px;background-image: url(http://s5.tinypic.com/ea0dvt.jpg); width:722px; height:700px; border:0px;} #v{position:absolute;top:630px;left:20px; width:690px;} h1{text-align:right; color:#b88585; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} h2{text-align:right; color:black; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} a:link, a:visited, a:active{color:#b88585; text-decoration:none;} a:hover{color:#ffffff;} b{color:black} u{border-bottom:2px solid black} i{color:#b88585} strike{color:#b88585} textarea{height:30px;width:110px;border:1px solid black; color:#b88585; font:7.5pt verdana;} </style /> <div id="header"></div> <div id="v"> <h1>Welcome</h1> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <h2>Your Page</h2> You have 2 different headers to chose from... dark blue font or medium blue font... you can use one uniformly... or you can alternate, or whatever you like. I can't show you what a textarea looks like without messing up the coding on my layout. But you can test it out... because it is pretty. You can edit all of the text here... and if you think the bold should be adifferent color or something like that... ok, but no major edits. please. And keep my credit on. <br><br> <b>Bold.</b><br> <i>Italics.</i><Br> <u>Underline.</u><br> <strike>Strikethrough.</strike><br> <a href="/">Link.</a><br> <br><br> <h1>Credit</h1> <center> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a> </center>	<style > .hi{font:20px georgia, century gothic; text-transform:lowercase; letter-spacing:3px; border-bottom:3px solid #031a41;color:black} body {background-image: url(http://i29.tinypic.com/dqsk2e.jpg); background-color:#00307c;background-repeat:repeat-y; font:10px verdana; overflow-x:hidden} #header{position:absolute;top:0px;left:0px;background-image: url(http://i300.photobucket.com/albums/nn33/cloudy_day_layouts/miley.png); width:800px; height:600px; border:0px;} #v{position:absolute;top:600px;left:20px; width:685px;} #u{position:absolute;left:822px;top:0px;height:500px;width:200px;background:#00307c;z-index:1; color:#00307c} a:link, a:visited, a:active{color:#00307c; text-decoration:none;text-transform:uppercase;font:11px georgia; font-weight:bold} a:hover{color:#b8c5db;} b{color:#031a41;} u{color:#666666; border-bottom:2px solid #00307c;} i{color:#3e67ab;} strike{color:#8a2428;} TEXTAREA{ width:110px;height:30px; border:1px solid #333333; font:8px verdana; color: #8a2428;} #navi{position:absolute;left:600px;top:30px;} a.nav:link, a.nav:visited, a.nav:active{width:150px;line-height:13px;vertical-align:middle;text-align:center;text-transform:lowercase;background-color:#3e67ab; border-color:2px solid #031a41; margin:1px; display:block; color:#031a41;} a.nav:hover{letter-spacing:2px;} #main{width:800px;background:transparent;border:0px;} #footer,.footerNifty,.eventIcon,hr,#nst,.user, #userneohome.contentModule, #usershop .contentModuleTable, #usertrophies .contentModuleTable, .sidebar, .adBox, .nfw,#ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay, #template_nav {display:none} .contentModuleHeader,.contentModuleHeaderAlt{color:#ffffff;font-family:verdana;background:#031a41;} .contentModule{border:0px} .contentModuleTable{border:0px} .contentModuleContent{border: 0px} #userinfo .contentModuleTable{width:410px} #usercollections .contentModuleTable{width:260px;} </style > <div id="navi"> <a href="/" class="nav">Home</a> <A href="/myaccount.phtml" class="nav">My Account</a> <a href="/petcentral.phtml" class="nav">Pet Central</a> <a href="/explore.phtml" class="nav">Explore</a> <a href="/objects.phtml" class="nav">Shops</a> <a href="/games/arcade.phtml" class="nav">Games</a> <a href="/neoboards/index.phtml" class="nav">Boards</a> <A href="/~cookie_and_milk" class="nav">Teenybopper.</a> </div> <div id="u">h</div> <div id="v"><table> <div align="center"><font class="hi"><U>your name.</u></font></div> <br><br> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <div align="center"> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a> </div> <style /> body {background-image: url(http://i29.tinypic.com/dqsk2e.jpg); background-color:#00307c;background-repeat:repeat-y; font:10px verdana;} #header{position:absolute;top:0px;left:0px;background-image: url(http://i300.photobucket.com/albums/nn33/cloudy_day_layouts/miley.png); width:800px; height:600px; border:0px;} #v{position:absolute;top:600px;left:20px; width:685px;} a:link, a:visited, a:active{color:#00307c; text-decoration:none;text-transform:uppercase;font:11px georgia; font-weight:bold} a:hover{color:#b8c5db;} h1{text-align:right; color:#031a41; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} h2{text-align:right; color:#00307c; font:20px georgia, verdana; text-transform:lowercase; letter-spacing:3px; border-bottom:1px solid #333333;margin:2px} b{color:#031a41;} u{color:#666666; border-bottom:2px solid #00307c;} i{color:#3e67ab;} strike{color:#8a2428;} TEXTAREA{ width:110px;height:30px; border:1px solid #333333; font:8px verdana; color: #8a2428;} #navi{position:absolute;left:600px;top:30px;} a.nav:link, a.nav:visited, a.nav:active{width:150px;line-height:13px;vertical-align:middle;text-align:center;text-transform:lowercase;background-color:3e67ab; border-color:2px solid #031a41; margin:1px; display:block; color:031a41;} a.nav:hover{letter-spacing:2px;} </style /> <div id="header"></div> <div id="navi"> <a href="/" class="nav">Home</a> <A href="/myaccount.phtml" class="nav">My Account</a> <a href="/petcentral.phtml" class="nav">Pet Central</a> <a href="/explore.phtml" class="nav">Explore</a> <a href="/objects.phtml" class="nav">Shops</a> <a href="/games/arcade.phtml" class="nav">Games</a> <a href="/neoboards/index.phtml" class="nav">Boards</a> <A href="/~cookie_and_milk" class="nav">Teenybopper.</a> </div> <div id="v"> <h1>Welcome</h1> So, essentially... you can write whatever you want about you here. But my credit button MUST STAY ON. the end(: <br><br> <h2>Your Page</h2> You have 2 different headers to chose from... dark blue font or medium blue font... you can use one uniformly... or you can alternate, or whatever you like. I can't show you what a textarea looks like without messing up the coding on my layout. But you can test it out... because it is pretty. You can edit all of the text here... and if you think the bold should be adifferent color or something like that... ok, but no major edits. please. And keep my credit on. <br><br> <b>Bold.</b><br> <i>Italics.</i><Br> <u>Underline.</u><br> <strike>Strikethrough.</strike><br> <a href="/">Link.</a><br> <br><br> <h1>Credit</h1> <center> <a href="http://neopets.com/~cookie_and_milk"><img src="http://i30.tinypic.com/4trshw.jpg" border=0 alt="Layouts. Graphics. Resources. and an AWESOME blog."> </a> </center>

Animations!



<a href="http://neopets.com/~cookie_and_milk"><img src="http://i25.tinypic.com/b5kt8l.jpg" border=0 alt="Teenybopper. For Layouts, Graphics, and More."></a>		<a href="http://neopets.com/~cookie_and_milk"><img src="http://s3.tinypic.com/awut08.jpg" border=0 alt="Teenybopper. For Layouts, Graphics, and More."></a>

Site Layouts!

So, in most sites, you don't really care about the layout of it, you just want the content. Well, that's all fine and dandy, but I put a lot of hard work and effort into my layouts... and they take me multiple hours and usually span over a few days for me to make. So, I'm going to put up screen shots and short explanations for all of them up here, and you're just gonna deal. And look at them(:

v.3 Rush *current*

This layout was inspired by my friend Abby's mahspizzle. Yep, ghetto now =] Anyway, I made her a layout and used the scrolling marquee box like the one at the top to display her pictures... and I thought, CUTE LAYOUT IDEA FOR TEENYBOPPER. Laur helped me decide on the color scheme, it goes along with their first album, Into The Rush. Oh and I decided long ago that Aly and AJ would be the next subject for this layout because they're both gorgeous, they both have talent, and I like them and their music. It took me a few non-consistent hours, and I coded it mostly in notepad, a little in the neopets petpage editor. It looks best in Firefox, actually, I don't know how it looks in IE yet.

v.2 Fly

I have been listening to Hilary Duff a lot lately, I know... -gag- but I do actually like some of her songs. I like most songs, though. I was inspired to make this layout from her album Fly. I am incorporating some of my favorite songs from that album as well. I don't know why I went with the box look, but I thought it would look very cool, very modern. And the dark background looks wayyy better with it, makes it pop more... and the shadow looks a lot better with the gray.

I'm not sure how long it took me, but I made it in gimp. I actually remade it. And then I coded it on the pet page editor.

v.1 Alexis

First off, Alexis Bledel is gorgeous, so she needed a layout. Secondly, I love Gilmore Girls, so that contributed more to the need for a layout. Third, I made it yellow, because it's the only color I have underused. I was getting sick of all my other colors. I made it in Gimp2.6 and coded it right here on neopets. Can't tell you how long it took me, because I don't sit here and time these things.

My Sites!

For Twilight Layouts, Graphics, and More

Sitely!

Sister Site:

Affiliates:

I'm Listed At:

Awards:

Music:

Into The Rush
Aly&AJ

Credits!

Layout&&CSS by xxxcloud_loverxxx. (aka MEEEE)

Brushes from Mary's Stamps, Hawksmont, and Deviantart.

Pictures from google, photobucket, and tinypic.

Music from Kysa's Music Codes.

Counter Background and other icon images within the blog are from PHOTOBUCKET (search Alexis Bledel, Hilary Duff, and Aly and AJ).

My best friend, Laur, for supporting me, telling me I'm awesome, giving me a huge ego boost, letting me help her with all of her coding and graphic-ing, helping me with my numerous sites, helping me run SI, listening to every story I tell her, helping me through all of the hard times, making me laugh constantly, and just being an amazing friend. ily so much, and idk what I'd do without you. Thanks for always being there. You deserve some major credit(:

For Laur:

NEOPETS, 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

Band.//8.04.2009//1:34NST

Stupid. Jerk.//7.30.2009//1:43NST

Ugh-eth//7.26.2009//9:46NST