Welcome

Welcome to Kiwi Premades!
I currently am doing guild premades, and buttons!
Please leave the credit on all of my work. I am fine with you tweaking my work, and personalizing it, but if you are using any of my coding, LEAVE THE CREDIT.

Link Back!

Rainbow Hearts Premade

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; } #textbox { top: 280px; left: 320px; overflow: auto; width: 200px; height: 130px; font-family: verdana; font-size: 10pt; color: #de000b; z-index: 4; } table table table table { margin-left: 800px !important; margin-top: 0px; z-index: 6; } table table table table table { display: none; } .content p { margin-top: -20px; } .content table p { display: block; } table table table table font { font-size: 6pt; color: #286f20; font-family: verdana; } body { background-color: #ad7caa; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="61,249,127,265" href="/"> <area shape="rect" coords="192,476,253,500" href="/"> <area shape="rect" coords="476,544,536,522" href="/"> <area shape="rect" coords="678,299, 735, 316" href="/"></map><img src="http://i48.photobucket.com/albums/f201/Trishintraining/RainbowHeartsGuild.png" usemap="#example" border="0"> </div> <div id="textbox" style="position: absolute;"> Text goes right in here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ullamcorper malesuada lorem sit amet mollis. Integer leo neque, pellentesque sed vulputate eget, auctor convallis magna. Duis nec ante justo, vel ultricies turpis. Curabitur ipsum nisl, aliquet non consequat ut, suscipit eu nisl. Nullam ac ligula sit amet purus lobortis semper et nec orci. Phasellus ultrices odio eu eros vulputate quis placerat est placerat. Nullam a pellentesque mi. Suspendisse turpis est, blandit non lacinia ut, aliquam lobortis odio. Integer neque leo, fermentum vitae luctus posuere, sodales sit amet libero. Pellentesque ullamcorper dui pharetra magna placerat eu ornare massa tristique. Ut hendrerit mattis lacus vel ullamcorper. Vestibulum neque urna, faucibus et vestibulum quis, porttitor ultricies risus. Morbi nec orci enim. Aliquam erat volutpat. </div>


Music Guild Premade

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; z-index: -1; } #textbox { top: 145px; left: 267px; overflow: auto; width: 280px; height: 292px; font-family: verdana; font-size: 10pt; color: #ff3f59; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #fdfdf9; } </style> <div id="image" style="position: absolute;"> <img src="http://i48.photobucket.com/albums/f201/Trishintraining/MusicGuildLayout.png"> </div> <div id="textbox" style="position: absolute;"> Text goes right in here! This Layout doesn't include buttons. We can add buttons, if you like. Without buttons, however, you need to add a chat and join link here, because I have removed the guild sidebar. <br> This box scrolls<br><a href="http://www.neopets.com/guilds/guild_board.phtml?id=4099109">Chat</a><br><a href="http://www.neopets.com/guilds/guild.phtml?id=4099109">Join</a><br> Layout By: <a href="/~readingzafara"><img src="http://i48.photobucket.com/albums/f201/Trishintraining/KiwiTuskPremades-1.gif"></a> </div>

Ninja Guild Premade

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; z-index: -1; } #textbox { top: 174px; left: 80px; overflow: auto; width: 396px; height: 651px; font-family: verdana; font-size: 10pt; color: #551a4d; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #bfeeba; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="357,68,510,122" href="/guildchatlinkhere.com"> <area shape="rect" coords="735,170,848,225" href="http://www.neopets.com/guilds/guild_link.phtml?id="> <area shape="rect" coords="674,622,824,660" href="/"></map><img src="http://fotos.fotoflexer.com/0e25aca52f69a954f09b0566dcd5449a.jpg" usemap="#example" border="0"> </div> <div id="textbox" style="position: absolute;"> Text here <br><br><a href="http://www.neopets.com/~ReadingZafara"><img src="http://fotos.fotoflexer.com/815a603b29abf75ba364a034a80b16a3.jpg"></a> </div>
Rainbow Guild Premade

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; z-index: -1; } #textbox { top: 174px; left: 48px; overflow: auto; width: 434px; height: 500px; font-family: verdana; font-size: 10pt; color: #1a19d3; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #8e0b8f; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="472,184,620,234" href="http://www.neopets.com/guilds/guild_board.phtml?id=YOURCHATLINKHERE"> <area shape="rect" coords="165,57,273,112" href="http://www.neopets.com/guilds/guild_link.phtml?id=YOURJOINLIKHERE"> <area shape="rect" coords="627,570,836,638" href="/"></map><img src="http://fotos.fotoflexer.com/a8e8761cde3a7043d132016062ca37af.jpg" usemap="#example" border="0"> </div> <div id="textbox" style="position: absolute;"> Text here <br><br><br> Premade by <a href="http://www.neopets.com/~readingzafara"><img src="http://fotos.fotoflexer.com/815a603b29abf75ba364a034a80b16a3.jpg"></a> </div>
Cauldron Guild

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; } #textbox { top: 51px; left: 53px; overflow: auto; width: 318px; height: 315px; font-family: verdana; font-size: 10pt; color: #8cf404; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #26341c; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="565,597,696,628" href="/"> <area shape="rect" coords="289,597,381,622" href="/guilds/guild_link.phtml?id=GUILDIDHERE"> <area shape="rect" coords="157,504,264,537" href="/~chatlinkhere"> <map name="example"><area shape="rect" coords="415,517,544,544" href="/YOURPORTALHERE"></map><img src="http://fotos.fotoflexer.com/0ae81100a73209ff6367b9dce54f8765.jpg" usemap="#example" border="0"></map> </div> <div id="textbox" style="position: absolute;"> Text goes right in here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ullamcorper malesuada lorem sit amet mollis. Integer leo neque, pellentesque sed vulputate eget, auctor convallis magna. Duis nec ante justo, vel ultricies turpis. Curabitur ipsum nisl, aliquet non consequat ut, suscipit eu nisl. Nullam ac ligula sit amet purus lobortis semper et nec orci. Phasellus ultrices odio eu eros vulputate quis placerat est placerat. Nullam a pellentesque mi. Suspendisse turpis est, blandit non lacinia ut, aliquam lobortis odio. Integer neque leo, fermentum vitae luctus posuere, sodales sit amet libero. Pellentesque ullamcorper dui pharetra magna placerat eu ornare massa tristique. Ut hendrerit mattis lacus vel ullamcorper. Vestibulum neque urna, faucibus et vestibulum quis, porttitor ultricies risus. Morbi nec orci enim. Aliquam erat volutpat. Text goes here, goes here This box scrolls<br> Credit:<a href="http://www.neopets.com/search.phtml?string=ReadingZafara"><img src="http://fotos.fotoflexer.com/a42b35bb7e3faad8c59a85983b0680d1.jpg"></a> </div>
StarryNight Guild

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; } #textbox { top: 180px; left: 27px; overflow: auto; width: 295px; height: 255px; font-family: verdana; font-size: 10pt; color: #ffff00; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #000d42; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="587,210,684,233" href="/"> <map name="example"><area shape="rect" coords="443,82,511,107" href="/"> <area shape="rect" coords="322,208,381,230" href="/guilds/guild_link.phtml?id=GUILDIDHERE"> <area shape="rect" coords="424,302,545,323" href="/~guildwebbielinkhere"></map><img src="http://i48.photobucket.com/albums/f201/Trishintraining/Starrynighguild.png" usemap="#example" border="0"></map> </div> <div id="textbox" style="position: absolute;"> Text goes right in here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ullamcorper malesuada lorem sit amet mollis. Integer leo neque, pellentesque sed vulputate eget, auctor convallis magna. Duis nec ante justo, vel ultricies turpis. Curabitur ipsum nisl, aliquet non consequat ut, suscipit eu nisl. Nullam ac ligula sit amet purus lobortis semper et nec orci. Phasellus ultrices odio eu eros vulputate quis placerat est placerat. Nullam a pellentesque mi. Suspendisse turpis est, blandit non lacinia ut, aliquam lobortis odio. Integer neque leo, fermentum vitae luctus posuere, sodales sit amet libero. Pellentesque ullamcorper dui pharetra magna placerat eu ornare massa tristique. Ut hendrerit mattis lacus vel ullamcorper. Vestibulum neque urna, faucibus et vestibulum quis, porttitor ultricies risus. Morbi nec orci enim. Aliquam erat volutpat. Credit:<a href="/~readingzafara"><img src="http://i48.photobucket.com/albums/f201/Trishintraining/KiwiTuskPremades-1.gif"></a> </div>
Snowy Guild

<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; } #textbox { top: 180px; left: 58px; overflow: auto; width: 422px; height: 222px; font-family: verdana; font-size: 10pt; color: #000d42; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #899bc2; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="663,245,755,283" href="/"> <area shape="rect" coords="375,208,456,259" href="/GUILDCHATHERE"> <area shape="rect" coords="244,77,303,121" href="/guilds/guild_link.phtml?id=GUILDIDHERE"> <area shape="rect" coords="589,71,691,108" href="/~websitename"></map><img src="http://i48.photobucket.com/albums/f201/Trishintraining/SnowyGuild.png" usemap="#example" border="0"> </div> <div id="textbox" style="position: absolute;"> Text goes right in here!<br> Please leave the credit!<br> This box will scroll, once you have filled it<br><h1>Credit</h1> <h2>Please don't delete</h2> Content by <b>Insert your name here</b><br> Layout by:<a href="http://www.neopets.com/~ReadingZafara"><img src="http://i48.photobucket.com/albums/f201/Trishintraining/KiwiTuskPremades.gif"></a> </div>

If you would like to request a personalized guild premade, please fill out the following form, and NeoMail me at Kiwi1986t. Please do not NM me at shibbygurl, as I do not check it everyday.

1.Background image, either provide one, or tell me what you'd like
2.Buttons, what do you want coded on it? Chat? Leave? Link?
3. Do you want to guild bar on the right, or would you like it removed?
4.Anything else you'd like on the layout.

I will post buttons here as I make them. I am not currently accepting button requests.
This is my first attempt at an animated button

Here are some button templates you are free to use!
Flowers


Buttons


Food


Doctor Who


Misc

NeoRelated

You can pick up your custom premades here!
spencer7639 Custom
<style> table, td { background: none; } #header, #footer, .sidebar { display: none; } #main { background: none; border: none; } .contentHeader, .contentModuleHeaderAlt { display: none; } #ban { display: none; } #main { margin-top: 0px; margin-left: 0px; } .content table table img { display: none; } .content table .content table img { display: inline; } #image { top: 0px; left: 10px; } #textbox { top: 145px; left: 340px; overflow: auto; width: 295px; height: 415px; font-family: verdana; font-size: 10pt; color: #2d4778; z-index: 4; } table table table table { display: none; } .content p { margin-top: -20px; } body { background-color: #97adbb; } </style> <div id="image" style="position: absolute;"> <map name="example"><area shape="rect" coords="116,249,300,400" href="/guilds/guild_link.phtml?id=GUILDIDHERE"> <area shape="rect" coords="191,464,312,520" href="/"> <area shape="rect" coords="120,420,290,520" href="/~websitename"></map><img src="http://i48.photobucket.com/albums/f201/Trishintraining/take2.png" usemap="#example" border="0"> </div> <div id="textbox" style="position: absolute;"> Text goes right in here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ullamcorper malesuada lorem sit amet mollis. Integer leo neque, pellentesque sed vulputate eget, auctor convallis magna. Duis nec ante justo, vel ultricies turpis. Curabitur ipsum nisl, aliquet non consequat ut, suscipit eu nisl. <br>Nullam ac ligula sit amet purus lobortis semper et nec orci. Phasellus ultrices odio eu eros vulputate quis placerat est placerat. Nullam a <br>pellentesque<br> mi. Suspendisse turpis est, blandit non lacinia ut, aliquam lobortis odio. Integer neque leo, fermentum vitae luctus posuere, sodales sit amet libero. <br><br>Pellentesque ullamcorper dui pharetra magna placerat eu ornare massa tristique. Ut hendrerit mattis lacus vel ullamcorper. <br>Vestibulum neque urna, faucibus et vestibulum q<br>uis, porttitor ultricies risus. Morbi nec orci enim. Aliquam erat volutpat. <br><br><br> This box will scroll<br> </div>

Meepit Directory Gift Button

<a href="http://www.neopets.com/~Xrion#HOME"><img src="http://i48.photobucket.com/albums/f201/Trishintraining/MeepitDirectory.gif"></a>
Renegade Button

<img src="http://i48.photobucket.com/albums/f201/Trishintraining/RenegadeButton-1.gif">
Layout Destiny Gift Buttons!
Ripple

<img src="http://i48.photobucket.com/albums/f201/Trishintraining/LayoutDestinyButt3.gif">
Animated

<img src="http://i48.photobucket.com/albums/f201/Trishintraining/LayoutDestinyButt4.gif">
Text

<img src="http://i48.photobucket.com/albums/f201/Trishintraining/LayoutDestinyButtTemp2.png">

Affiliates

Link Back!

<a href="http://www.neopets.com/~ReadingZafara"><img src="http://fotos.fotoflexer.com/57cf0866ede29c429ad8d73a15957454.jpg"></a>

<a href="http://www.neopets.com/~ReadingZafara"><img src="http://fotos.fotoflexer.com/35c27aa03981d478b8b07f784c328b71.jpg"></a>

Listed at

Resources:
I used this great button tutorial!

I used this Guild Coding tutorial!