We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
  • 2
Watermelon Skinned (v2); More fruity fun
Topic Started: Jan 20 2006, 08:49 PM (1,773 Views)
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
Name: Watermelon Skinned
Author: Wisp
Skin Number: Already fourteen
Date Created: I began yesterday
Side Notes: Enjoy

Forum Markers:

New Posts
Posted Image

No New Posts
Posted Image

Buttons:
Clicky

Preview Watermelon

Header and Body:
Change areas in red!
Quote:
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="#FFFFFF" valign="top" height="100%" width="879px"><tr><td valign="top" height="100%"  background="http://i14.photobucket.com/albums/a326/Puchisan/59163e13.jpg" style="padding:14px;border:0px;"></td><td height="100%" valign="top">     

<div class="customlogo"><center><img src="INSERT LOGO HERE" /></center></div>

<div class="customsubmenu">
<a href="INSERT SITE URL HERE/index.php?act=site">Portal</a> <a href="INSERT SITE URL HERE/watermelonwisp">Help</a> <a href="INSERT SITE URL HERE/index.php?act=Search&f=">Search</a> <a href="INSERT SITE URL HERE/index.php?act=Members">Members</a> <a href="INSERT SITE URL HERE/watermelonwisp/index.php?act=calendar">Calendar</a>
</div>
     
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />


Footer:
Quote:
 
</td><td align="left" valign="top" background="http://i14.photobucket.com/albums/a326/Puchisan/melb1.jpg" style="padding:15px;border:0px;"></td></tr></table>


CSS:
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Arial, sans-serif; font-size: 10px; color: #000; margin:0px 10px 0px 10px;background-color:#BDED7E }
TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 10px; color: #000; }
a:link, a:visited, a:active { text-decoration: none; color: #000 }
a:hover { color: #000; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#FFF;background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/melon2dr2.jpg);border-bottom:1px solid #dbdbdb;padding:5px;margin:0px }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg  { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #dbdbdb;background-color: #f0f0f0 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #f0f0f0; border:1px solid #dbdbdb;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }


#ipbwrapper { text-align:left; width: 800px; margin-left:auto;margin-right:auto; }
#logostrip { display:none }
#submenu { display:none }
#userlinks { border:1px dashed #dbdbdb; background-color: #f0f0f0}

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/melon2dr2.jpg); border:1px solid #dbdbdb; border-bottom:0px solid #000; padding:5px }

.pformstrip { background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/ec5180db.jpg); color:#FE495F;font-weight:bold;padding:4px;margin-top:1px }
.pformleft  { background-color: #f0f0f0; padding:6px; margin-top:1px;width:25%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb }
.pformleftw { background-color: #f0f0f0; padding:6px; margin-top:1px;width:40%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.pformright { background-color: #f0f0f0; padding:6px; margin-top:1px;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb }

.post1 {  background-color: #f0f0f0; }
.post2 {  background-color: #f0f0f0; }
.postlinksbar { background-color:#fff;padding:4px;margin-top:1px;font-size:10px; background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/ec5180db.jpg); border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb }

.row1 { background-color: #f0f0f0 }
.row2 { background-color: #f0f0f0 }
.row3 { background-color: #f0f0f0 }
.row4 { background-color: #f0f0f0 }
div.row4 { border:1px solid #dbdbdb!important }

.darkrow1 { background-color: #FFF; color:#000; }
.darkrow2 { background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/melon2dr2.jpg); color:#FFF; padding:6px}
div.darkrow2 { border:1px solid #dbdbdb; border-top:0px solid #000; }
.darkrow3 { background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/ec5180db.jpg); color:#000; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#FE495F; padding:4px; margin:0px; background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/ec5180db.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle { text-align:center;font-weight:bold; color:#000; letter-spacing:1px; padding:8px 0px 9px 5px; background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/melonmt6.jpg); background-position:center;background-repeat:no-repeat; background-color:#FFF; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { background-color:#dbdbdb }
.tableborder { background-color:#dbdbdb; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #dbdbdb;background-color:#f0f0f0;padding:6px;  }
.tablepad    { background-color:#f0f0f0;border:1px solid #dbdbdb;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#999 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #000 }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: none; color: #000 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-style:italic; color: #000 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #FFF; background-color: #FE9D97; background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/quotebg.jpg); background-repeat:repeat-x; border: 1px solid #FE495F; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #FFF; background-color: #FE9D97; background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/quotebg.jpg); background-repeat:repeat-x; border: 1px solid #FE495F; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; color:#000 ; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#f0f0f0  ; border:1px solid #dbdbdb    ; }

.forminput, .radiobutton, .checkbox  { border:1px solid #dbdbdb  ; color: #000  ;background-color:#f0f0f0  ; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; }

.textinput {  border: 1px solid #dbdbdb ;background-color:#f0f0f0 ; font-size: 10px; color:#000 ; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border:1px solid #dbdbdb; border-top:3px double #dbdbdb }

.customsubmenu { text-align: center; margin: 10px 0px 10px 0px; padding: 10px;  }
.customsubmenu a:link, .customsubmenu a:visited, .customsubmenu a:active { font-weight: bold; text-transform: uppercase; color: #FFF; padding: 7px 20px 7px 20px; background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/melblank1.jpg); border: 1px solid #fe4b61; text-decoration:none  }

.customsubmenu a:hover { background-image: url(http://i14.photobucket.com/albums/a326/Puchisan/mblank4.jpg); color: #fe4b61; border: 1px solid #fe4b61; text-decoration:none }

.purple { color:purple;font-weight:bold }
.red    { color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue  { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
Offline Profile Quote Post Goto Top
 
Replies:
Spammy Sammy
carpe diem
[ *  *  *  *  *  *  *  * ]
Userlinks could use a grad.. maybe like a light green version of the darkrow2? And a solid border if you add it.
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
Nicola
Jan 21 2006, 01:24 AM
Eeek... White!!

Is white bad? White is a nice, soft color. :D

Nicola
 
I'm not fond of the shadows you have behind the maintitle, but overall it's not a bad skin.


I still have the PSD, shall I make them smaller?

Nicola
 

Add a low padding to the darkrow 2, as its pretty thick right now. I'm not sure about the black text and links, either.


Well, there is a tad bit of black in a watermelon (the seeds) so I thought text would be a good area to add that. Padding had been reduced.
Offline Profile Quote Post Goto Top
 
Exorcist
Member Avatar
Vendetta*//
[ *  *  *  *  *  * ]
Nice...soo fruity!! ^^ You combined red and green nicely, good job ^^
Offline Profile Quote Post Goto Top
 
Silently Broken
Member
[ *  * ]
Everytime you bring out a new skin, I get excited. And I'm never disappointed.

Its awesome <333
Offline Profile Quote Post Goto Top
 
Menindrag
Member Avatar
a work in progress
[ *  *  *  *  *  *  * ]
Definatly better than the first Watermelon :P You've improved gratly since then. As always, me = crit on your skins :stupid:

Lets start of with the submenu. Your submenu is really nice, I love the gradients, they look so fruity. But on the hover effect, change the border to a dark green, or whatever dark sahde of green you want, so it all flows seemlessly into the hover.

I'm really not liking your titlemeduim. It looks like it should belong in the darkrow2. Flip the gradient and give the effect to it like the SZ skin for a much better looking gradient.

Like Nicola said, you should really change the white to a light grey. #F9F9F9 or #F8F8F8 would really enhance the skin. I know you don't trust me at the moment, but put it in and you will see the effects.

The black link and hover is quite boring. Have it like a red going into a green or vica-versa so it spices it up a bit.

Add this code to get rid of the border around the area where it says "Posted On: Etc"

Quote:
 
row4 div.row4 { border:none!important; }


I like the gradient you used for the darkrow3. It really is good looking. I think you should put that gradient in the darkrow2. Try it out and see if it looks any better. I think it will.

Add a div.tableborder. Replace the tableborder area with this code.

Quote:
 
.tableborder { border: 1px solid #dbdbdb; background-color:#dbdbdb; padding:0px; margin:0px; width:100% }
div.tableborder { background-color:#dbdbdb; padding:0px; margin:0px; width:100% }


Your caldate is really, really nice. I can't think of anything to improve that. Add this code to remove the defualt current calender date. Change the color codes accordingly.

Quote:
 
form div.tableborder td.row1 { background-color: #FFFFFF; border: 1px solid #000000!important; }
td#ucpcontent form div.tableborder td.row1 { background-color: #F5F9FD; border: none!important; }


Add this code to remove the horrible #CCCCCC color from your search page. Change the colors to what you want,

Quote:
 

div.tableborder div.tablepad { background-color: white!important; }
div.tableborder div.tablepad  table { background-color: white!important; }
Offline Profile Quote Post Goto Top
 
Dynamic™
The Darkness Calls
[ *  *  *  * ]
Very nice, I like it :)
Offline Profile Quote Post Goto Top
 
Rainfall-ZNR
Member Avatar
Member
[ * ]
Great job, I like it.

8/10
Offline Profile Quote Post Goto Top
 
Nonsense
Member Avatar
ByShine
[ *  *  *  *  * ]
Oh wait, this skin is pretty nice....
Offline Profile Quote Post Goto Top
 
GreasyGrimy
Member
[ *  * ]
Oh, this is just the cutiest skin. Very flavorful and lively. I really like it. A very fun skin. Great job!

-Chris
Offline Profile Quote Post Goto Top
 
MethIsLove
Member
[ * ]
I think I'm in love. <3
Offline Profile Quote Post Goto Top
 
jessicaatjuh
Member Avatar
...
[ *  *  *  *  *  * ]
O_o wooooh i love it !!!

10/10
^_^
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
Damein
Jan 21 2006, 10:51 AM
Definatly better than the first Watermelon :P You've improved gratly since then. As always, me = crit on your skins :stupid:

Lets start of with the submenu. Your submenu is really nice, I love the gradients, they look so fruity. But on the hover effect, change the border to a dark green, or whatever dark sahde of green you want, so it all flows seemlessly into the hover.

I'm really not liking your titlemeduim. It looks like it should belong in the darkrow2. Flip the gradient and give the effect to it like the SZ skin for a much better looking gradient.

Like Nicola said, you should really change the white to a light grey. #F9F9F9 or #F8F8F8 would really enhance the skin. I know you don't trust me at the moment, but put it in and you will see the effects.

The black link and hover is quite boring. Have it like a red going into a green or vica-versa so it spices it up a bit.

Add this code to get rid of the border around  the area where it says "Posted On: Etc"

Quote:
 
row4 div.row4 { border:none!important; }


I like the gradient you used for the darkrow3. It really is good looking. I think you should put that gradient in the darkrow2. Try it out and see if it looks any better. I think it will.

Add a div.tableborder. Replace the tableborder area with this code.

Quote:
 
.tableborder { border: 1px solid #dbdbdb; background-color:#dbdbdb; padding:0px; margin:0px; width:100% }
div.tableborder { background-color:#dbdbdb; padding:0px; margin:0px; width:100% }


Your caldate is really, really nice. I can't think of anything to improve that. Add this code to remove the defualt current calender date. Change the color codes accordingly.

Quote:
 
form div.tableborder td.row1 { background-color: #FFFFFF; border: 1px solid #000000!important; }
td#ucpcontent form div.tableborder td.row1 { background-color: #F5F9FD; border: none!important; }


Add this code to remove the horrible #CCCCCC color from your search page. Change the colors to what you want,

Quote:
 

div.tableborder div.tablepad { background-color: white!important; }
div.tableborder div.tablepad  table { background-color: white!important; }

Thanks again Damein, I don't know why you get the impression I don't trust you, I do. :ermm:

Anyways, here's what I patched up:

  • Titlemedium gradient
  • Darkrow2 gradient
  • Search page
  • Calendar date
  • Tableborder div
  • Posted On: Etc border

I'm going to hold off on removing the white, but I guarantee it won't be found on my next skin using a light color. ;)
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
Here is a couple things I suggest changing.

  • Make the border for the green part of the MT green instead of pink.
  • On submenu hover, make the text and borders green instead of pink.
  • Lose the black links.
  • The Titlemedium seems a little bit flat to me.
  • Your image borders are both different sizes.
  • add borders to your post page.
  • Add gradients to your forminput and codebuttons.
  • I suggest adding a post1 table and post2 table to your skin.
  • I also suggest changing the current caldate to a color other than black.
Add the borders to your post page with:
Quote:
 
Table.tableborder .pformstrip { ... }
Offline Profile Quote Post Goto Top
 
Twinkledpink
Member Avatar
Member
[ *  * ]
i very much so like it
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2