ωεlcømε

Welcome to εγεκαηδγ, guest. 8) I have been working with css/html for nearly five years now, so I've had my fair share of practice with all walks of graphics. Guild layouts, user lookups, petpages & webbies, logos, banners, and I have recently been trying my luck with buttons. ^^ I take pride in each of my works, so I only let out top quality. If I'm not happy with it, I redesign until I am. And if you're not happy with it, I'll redesign until you are as well. X3 My layouts are often complex, and typically they all work in Internet Explorer, Firefox, Safari, and Google Chrome {save for perhaps a few hover codes & scroll-bar colors}.

And if you'd like, feel free to make a contribution to my pb fund. 8) This is completely optional, but I spend a great deal of time working with layouts and running my own guild, and I'm trying desperately to save up for a darigan pb. I average about 5k a day, which isn't bad, but if you'd like to help me out, I'd be eternally grateful! ^^ Check out the shop here.

Goal: 1.3 mil
Current: 907k

Rεquirεmεηts

Please make sure to read through my requirements before requesting a graphic. Bypassing this section will result in you being rejected.

I. Just like any other form of creativity, everyone is going to have their own variant. I'm no different, so if my examples aren't really your cup of tea, well, more than likely you aren't going to be pleased with the finished product. So, if that's the case, please don't request a graphic.

II. Please don't rush me.

III. Stealing is a big no-no. You steal, you pay. I keep track of where my layouts/graphics are shipped off to, so don't try to slip by me.

IV. Please have at least some idea of what you want the graphic to look like. Also, try to be as thorough as possible with all forms.

V. I am absolutely terrible at NR layouts. Please don't request those.

VI. Please don't request graphics that are labeled as 'closed.' This means I am NOT making them at that time.

guilδ lαγøuts - closed

Alright, so you want a custom guild layout? Nice.
Now all you have to do is fill out this form & neomail it to Skureal.
NOTICE: If you send it to the wrong account, you're out of luck.

Layouts Pending: 0
Currently Working On: -----
Next in Line: -----
Then: -----

NOTICE: My layouts are NOT compatible with private guilds. Sorry, but public guilds only.

Here is an explanation of the guild layout form for you. Remember, the more effort you put into filling the out the form, the better the layout will be.

I. Guild Name - pretty self-explanatory.

II. Guild Theme - again, pretty simple, but make sure to be specific! For example, say you have a Warriors guild centered around a single clan. Well, instead of just saying your guild theme is 'Warriors', perhaps add the name of the clan the guild is based on.

III. Desired Color Scheme - a color scheme is a set of colors that are used repeatedly throughout the layout in fonts, links, headers, etc. Color schemes can be anywhere from two colors to twenty, but for my sake, if you have a custom scheme in mind, please no more than five colors. However, if you'd rather have me pick the color scheme, I'll gladly match up some colors that coincide with the layout, just choose 'match to background'.

IV.Background Image - you do not have to have a background image in order for me to make you a layout. It makes things run more smoothly when you have an image on hand, but I'll gladly search one out for you if asked. However, be specific on what you want. Don't just tell me to dig up a 'dark' image. Use details.

V. Headers - yup, those fancy titles for dividers. If you want custom headers, just inform me of the font face, color, size, text decorations, etc. If you'd rather leave the header customization up to me, that's fine too. Just choose 'match to background'.

VI. Navigation - with my layouts, you can choose to either have a navigation box {a section of fancy block-style links} or image mapping {the links that are actually part of the layout}. Please specify which link style you would like and what links you want, i.e-blocked- Chat & Webbie, etc.

VII. Resolution - my screen resolution is 1024x768, so naturally, that's the dimensions of all my layouts. However, if you'd like to have your layout coded specifically for a certain resolution, please let me know. Otherwise, you can just omit this section.

VIII. Miscellaneous - this section is just for anything else you would like to add that isn't covered above, i.e. hovering dividers, quotes added to the layout, etc. If you don't want to fill out this section, you don't have to. It's just optional.

ωεbbiεs - CLOSED

Coming Soon...

εxαmplεs

Click on an image to see it used in the guild (not all images will be links).

picκup

Black and White

i {color:#d92aa1;}
b {color:#861f65;}
u {color:#7d2f64; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #ff47c5;}

#box {color: #ffffff;}

.h2 {margin: 0px; color: #d92aa1; text-transform: uppercase; padding: 0px; font: 8px garamond; letter-spacing: 4px;}
 
table, td{background:none;}
.contentHeader,  .sidebar, #footer, #header, #footerNifty, table table table .content, .contentModuleHeaderAlt{display:none}
.contentModuleContent{display:none}
#main {background:0;border:0;}

#page {overflow: hidden; width: 1000px; height: 858px;}
 
body{
scrollbar-track-color:#eeeeee;
scrollbar-darkshadow-color:#303030;
scrollbar-highlight-color:#415361;
scrollbar-3dlight-color:#9e9e9e;
scrollbar-face-color:#eeeeee;
scrollbar-shadow-color:#404040;
scrollbar-arrow-color:#d92aa1;
background-color: #000000; 
overflow: hidden;}
 
td, tr, table{
font: 7pt verdana;}
body, div, a, p{font: 7pt verdana;}
 
 
h1 {font: bold 26px garamond; text-decoration: none; line-height: 20px; color: #ffffff; letter-spacing: -2px; padding: 0px; padding-right: 3px; margin: 0px; text-align: center;
}
 
 />
 
<div id="page" style="position: absolute; top: 0px; left: 0px;">
<img style="position: absolute; top: 90px; left: 0px;" src="http://i70.photobucket.com/albums/i111/Chepoly/Layout_Stuff/blackandwhite.png" border="0" usemap="#nav"><map name="nav"><area href="/" shape="rect" coords="434,193,561,257">
<area href="/" shape="rect" coords="436,392,580,451">
<area href="/" shape="rect" coords="436,589,572,646"></map><div id="box" style="position: absolute; top: 292px; left: 584px; width: 306px; overflow: auto; height: 460px; text-align: center;">

<h1>Welcome</h1>
<font class="h2">it's a pleasure to have you</font><br><br>

Welcome to your new layout. 8)<br>
I hope everything is acceptable 'n such. ^^ <br>Let me know if you need anything changed, fixed, removed, etc. <br><br>Enjoy the layout!
<p>

</p>
<h1>Header Numero Dos</h1>
<font class="h2">just another header</font><br><br>

Sweet! More cool stuff...<br><i>Italics</i> <b>Bold</b> Underline <a href="/">Links</a><p>
Feel free to edit the coding however you'd like!</p>
<p>
Let me know if there's anything I need to change!
</p>
<p>

</p>
<h1>Credits</h1>
<font class="h2">follow ze link</font><br><br>

©<a href="/~Jakalantorn">εγεκαηδγ</a>
<p>

</p>
</div>
<br><br><font class="g4"><i>F</i></font>airy Bones<br><textarea><style></style> 
a:link, a:visited, a:active {color: #fb96f6; text-decoration: none;}
a:hover {color: #03fbec; text-decoration: line-through;}
a.nav:link, a.nav:visited {font-family: century gothic; font-size:9px; color: #ffffff; text-transform:lowercase; text-decoration: none; margin:4px; width:100px; display:block; text-align: center; background-color: #2f2683; padding:2px; letter-spacing:2px; border: 1px #03fbec solid;}
a.nav:hover {background-color:#03fbec; color: #2f2683; margin: 4px; padding: 2px; text-decoration: none; letter-spacing:4px; font-weight:bold; cursor: sw-resize; border: 1px #9b03fb solid;}

i {color:#03fbec;}
b {color:#9b03fb;}
u {color:#dd2df3; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #2f2683;}

#box {color: #ffffff;}

.h2 {margin: 0px; color: #9b03fb; text-transform: uppercase; padding: 0px; font: 7px monospace; letter-spacing: 4px;}
 
table, td{background:none;}
.contentHeader,  .sidebar, #footer, #header, #footerNifty, table table table .content, .contentModuleHeaderAlt{display:none}
.contentModuleContent{display:none}
#main {background:0;border:0;}

#page {overflow: hidden; width: 1000px; height: 858px;}
 
body{
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#2f2683;
scrollbar-highlight-color:#03fbec;
scrollbar-3dlight-color:#fb96f6;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#dd2df3;
background-color: #000000; 
overflow: hidden;}
 
td, tr, table{
font: 7pt verdana;}
body, div, a, p{font: 7pt verdana;}
 
 
h1 {font: bold 26px georgia; text-decoration: none; line-height: 18px; color: #ffffff; border-bottom: 1px dotted #03fbec; letter-spacing: -2px; padding: 0px; padding-right: 3px; margin: 0px; text-align: right;
}
 
/>

<div id="page" style="position: absolute; top: 0px; left: 0px;">
<img style="position: absolute; top: 90px; left: 0px;" src="http://i70.photobucket.com/albums/i111/Chepoly/Layout_Stuff/fairybones.png" border="0"><div style="position: absolute; left: 450px; top: 334px; width: 200px; height: 400px;"> 
<a href="/" class="nav">neopets</a>
<a href="/guilds/guild_link.phtml?id=4036503" class="nav">join</a> 
<a href="/guilds/guild_board.phtml?id=4036503" class="nav">chat</a>
<a href="/~mermaid_melody__" class="nav">activities</a> 
<a href="/browseshop.phtml?owner=jandrax46" class="nav">shop</a> 
<a href="/~Ghost_Dagger" class="nav">webbie</a>
<a href="/~Jakalantorn" class="nav">Credits</a>
</div>
 
<div id="box" style="position: absolute; top: 334px; left: 572px; width: 260px; overflow: auto; height: 355px; text-align: justify;">

<h1>Welcome</h1>
<font class="h2">it's a pleasure to have you</font><br><br>

Welcome to your new layout. 8)<br>
I hope everything is acceptable 'n such. ^^ <br>Let me know if you need anything changed, fixed, removed, etc. <br><br>Enjoy the layout!
<p>

</p>
<h1>Header Numero Dos</h1>
<font class="h2">just another header</font><br><br>

</p>
<h1>Credits</h1>
<font class="h2">follow ze link</font><br><br>

©<a href="/~Jakalantorn">εγεκαηδγ</a>
<p>

</p>
</div>
<br><br><font class="g4"><i>S</i></font>ky|ine<br><textarea><style></style> 
a:link, a:visited, a:active {color: #474747; text-decoration: none;}
a:hover {color: #830002; text-decoration: line-through;}
 
i {color:#b30b0b;}
b {color:#830002;}
u {color:#6a6a6a; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #474747;}
 
#box {color: #101010;}
 
.h2 {margin: 0px; color: #830002; text-transform: uppercase; padding: 0px; font: 8px garamond; letter-spacing: 4px;}
 
table, td{background:none;}
.contentHeader,  .sidebar, #footer, #header, #footerNifty, table table table .content, .contentModuleHeaderAlt{display:none}
.contentModuleContent{display:none}
#main {background:0;border:0;}
 
#page {overflow: auto; width: 1024px; height: 768px;}
 
body{
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#101010;
scrollbar-highlight-color:#b30b0b;
scrollbar-3dlight-color:#830002;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#202020;
scrollbar-arrow-color:#830002;
background-color: #000000; 
overflow: auto;}
 
td, tr, table{
font: 7pt verdana;}
body, div, a, p{font: 7pt verdana;}
 
 
h1 {font: bold 26px garamond; text-decoration: none; line-height: 20px; color: #101010; letter-spacing: -2px; padding: 0px; padding-right: 3px; margin: 0px; text-align: center;
}
 
  
 
<div id="page" style="position: absolute; top: 0px; left: 0px;"> 
<img style="position: absolute; top: 90px; left: 0px;" src="http://i70.photobucket.com/albums/i111/Chepoly/Layout_Stuff/skylinelayout.png" border="0" usemap="#nav"><map name="nav"><area href="/guilds/guild_link.phtml?id=4061999" shape="rect" coords="50,64,155,137">
<area href="/guilds/guild_board.phtml?id=4061999" shape="rect" coords="168,64,278,135">
<area href="/~Riaynn" shape="rect" coords="304,63,417,142"></map><div id="box" style="position: absolute; top: 343px; left: 100px; width: 285px; overflow: auto; height: 377px; text-align: justify;">

</p>
<h1>Credits</h1> 
<font class="h2">follow ze link</font><br><br> 
 
 
©<a href="/~Jakalantorn">εγεκαηδγ</a> 
<p> 
 
</p>
</div> 
<br><br><font class="g4"><i>L</i></font>ondon Path<br><textarea><style></style> 
a:link, a:visited, a:active {color: #080808; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: line-through;}
 
i {color:#535353;}
b {color:#151515;}
u {color:#404040; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #474747;}
 
#box, #box2 {color: #101010;}
 
.h2 {margin: 0px; color: #1a1a1a; text-transform: uppercase; padding: 0px; font: 8px garamond; letter-spacing: 4px;}
 
table, td{background:none;}
.contentHeader,  .sidebar, #footer, #header, #footerNifty, table table table .content, .contentModuleHeaderAlt{display:none}
.contentModuleContent{display:none}
#main {background:0;border:0;}
 
#page {overflow: auto; width: 1050px; height: 800px;}
 
body{
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#101010;
scrollbar-highlight-color:#4a4a4a;
scrollbar-3dlight-color:#505050;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#6e6e6e;
scrollbar-arrow-color:#afafaf;
background-color: #433f4b; 
overflow: auto;}
 
td, tr, table{
font: 7pt verdana;}
body, div, a, p{font: 7pt verdana;}
 
 
h1 {font: bold 26px garamond; text-decoration: none; line-height: 20px; color: #101010; letter-spacing: -2px; padding: 0px; padding-right: 3px; margin: 0px; text-align: center;
}
 
  
 
<div id="page" style="position: absolute; top: 0px; left: 0px;"> 
<img style="position: absolute; top: 90px; left: 0px;" src="http://oi52.tinypic.com/28ssoba.jpg" border="0" usemap="#nav"><map name="nav"><area href="/" shape="rect" coords="830,391,953,427">
<area href="/" shape="rect" coords="229,368,335,402">
<area href="/~Riaynn" shape="rect" coords="238,409,330,440"></map><div id="box" style="position: absolute; top: 586px; left: 313px; width: 267px; overflow: auto; height: 168px; text-align: justify;">

</p>
<h1>Credits</h1> 
<font class="h2">yeah more stuff</font><br><br>

<h1>Welcome</h1> 
<font class="h2">your new layout</font>
<br><br> 
just type all your stuff here ^^
<br>change anything you'd like
<p>  
 
</p>
<h1>Header Numero Dos</h1> 
<font class="h2">more room for stuff</font>
<br><br> 
text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff text here and stuff
<p> 
 
</p>
</div> 
<br><br><font class="g4"><i>C</i></font>rindøl<br><textarea><style></style> 
a:link, a:visited, a:active {color: #cd7e4a; text-decoration: underline;}
a:hover {color: #fbcd64; text-decoration: line-through;}
 
i {color:#685c38;}
b {color:#494c35;}
u {color:#d99b4e; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #494c35;}
 
#box {color: #fbcd64;}
 
.h2 {margin: 0px; color: #cd7e4a; text-transform: uppercase; padding: 0px; font: 8px garamond; letter-spacing: 4px;}
 
table, td{background:none;}
.contentHeader,  .sidebar, #footer, #header, #footerNifty, table table table .content, .contentModuleHeaderAlt{display:none}
.contentModuleContent{display:none}
#main {background:0;border:0;}
 
#page {overflow: auto; width: 1070px; height: 1020px;}
 
body{
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#101010;
scrollbar-highlight-color:#fbcd64;
scrollbar-3dlight-color:#d99b4e;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#202020;
scrollbar-arrow-color:#494c35;
background-color: #000000; 
overflow: auto;}
 
td, tr, table{
font: 7pt verdana;}
body, div, a, p{font: 7pt verdana;}
 
 
h1 {font: bold 26px georgia; text-decoration: none; line-height: 20px; color: #685c38; letter-spacing: -2px; padding: 0px; padding-right: 3px; margin: 0px; text-align: center;
}
 
  
 
<div id="page" style="position: absolute; top: 0px; left: 0px;"> 
<img style="position: absolute; top: 90px; left: 0px;" src="http://www.fileden.com/files/2007/8/19/1363230/crindol.png" border="0" usemap="#nav"><map name="nav"><area href="/guilds/guild_link.phtml?id=4063546" shape="rect" coords="512,517,685,588">
<area href="/guilds/guild_board.phtml?id=4063546" shape="rect" coords="377,592,569,669">
<area href="/guilds/www.neopets.com/~l_Toboe_l" shape="rect" coords="275,672,420,735"></map><div id="box" style="position: absolute; top: 340px; left: 773px; width: 230px; overflow: auto; height: 340px; text-align: justify;">

</p>
<h1>Credits</h1> 
<font class="h2">follow ze link</font><br><br> 
 
 
©<a href="/~Jakalantorn">εγεκαηδγ</a> 
<p> 
 
</p>
</div> 
<br><br><font class="g4"><i>R</i></font>apture - Slaughtering Faith<br><textarea><style></style> 
a:link, a:visited, a:active {color: #474747; text-decoration: none;}
a:hover {color: #830002; text-decoration: line-through;}
 
i {color:#80baae;}
b {color:#4e4e60;}
u {color:#69879d; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #474747;}
 
#box {color: #eeeeee; opacity: 0.20; filter: (alpha=20%);}

#box:hover {color: #eeeeee; opacity: 1.0; filter: (alpha=100%);}
 
.h2 {margin: 0px; color: #4e4e60; text-transform: uppercase; padding: 0px; font: 8px garamond; letter-spacing: 4px;}
 
table, td{background:none;}
.contentHeader,  .sidebar, #footer, #header, #footerNifty, table table table .content, .contentModuleHeaderAlt{display:none}
.contentModuleContent{display:none}
#main {background:0;border:0;}

body{
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#101010;
scrollbar-highlight-color:#b30b0b;
scrollbar-3dlight-color:#830002;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#202020;
scrollbar-arrow-color:#830002;
background-color: #000000; 
overflow: auto;}
 
td, tr, table{
font: 7pt verdana;}
body, div, a, p{font: 7pt verdana;}
 
 
h1 {font: 20px garamond; text-decoration: none; line-height: 20px; color: #505050; letter-spacing: 2px; padding: 0px; padding-right: 3px; margin: 0px; text-align: center;
}
 
  
 
<img style="position: absolute; top: 90px; left: 0px;" src="http://i70.photobucket.com/albums/i111/Chepoly/Layout_Stuff/rapture.png" border="0" usemap="#nav"><map name="nav">

//chat//<area href="/" shape="rect" coords="420,462,573,565">

//web//<area href="/" shape="rect" coords="599,460,755,560">
 
//join//<area href="/" shape="rect" coords="799,462,939,561"></map><div id="box" style="position: absolute; top: 155px; left: 749px; width: 208px; overflow: auto; height: 298px; text-align: center;">

</p>
<h1>Credits</h1> 
<font class="h2">follow ze link</font><br><br> 
 
 
©<a href="/~Jakalantorn">εγεκαηδγ</a> 
<p> 
 
</p>
</div>

fαq's

Q: Why can't your layouts work in private guilds?
A: All of my layouts use either a navigation box or image mapping to host links. When links are displayed in this way, the 'Join' link is actually just the link to the 'guild link' page. However, in private guilds, it is impossible for non-members to navigate to this page due to the you are not a member of this guild error. Therefore, new members can't join.

Q: Will you join my guild?
A: Negative.

αffiεs

Affies: If you would like to be added, please do neomail me!

liηκbαcκ

Sorry about my lack of linkage. I'm still a beginner at making buttons. & if anyone is making buttons, I'd love to have one. 8)