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
Watermelon Skinned (v2); More fruity fun
Topic Started: Jan 20 2006, 08:49 PM (1,772 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
 
fire galaxy
Member
[ *  * ]
not bad...needs some green to truly be a watermellon...and black.
Offline Profile Quote Post Goto Top
 
Monty-Po
Member Avatar
Metalosophy
[ *  *  *  *  * ]
Damn you Wispeh for being so good <_______>

As Ive been saying on MSN, its great. :o

Quote:
 
not bad...needs some green to truly be a watermellon...and black.


There is green :ermm:
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
fire galaxy
Jan 21 2006, 12:54 AM
not bad...needs some green to truly be a watermellon...and black.

Errm, it has green and black. :|

Offline Profile Quote Post Goto Top
 
antman102
Member
[ *  *  *  * ]
Very nice concept and colours.

8/10
Offline Profile Quote Post Goto Top
 
fire galaxy
Member
[ *  * ]
yeah really really really light green and the only black is the text. the green should be darker and the black should be the post background and user control panel.
Offline Profile Quote Post Goto Top
 
Spammy Sammy
carpe diem
[ *  *  *  *  *  *  *  * ]
Awesome.

The hover on the submenu might look better if it was that light green instead of gray. There could be a lot more light green now that I think of it. Maybe the bg color, the normal hover color, etc.

But everything else looks great, love the caldate. :)
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
fire galaxy
Jan 21 2006, 12:58 AM
yeah really really really light green and the only black is the text. the green should be darker and the black should be the post background and user control panel.

Umm no... it shouldn't *-)

Not all skins have to be dark and/or black you know. This one is light, like many skins are. A black background on ANY part of this skin would not match whatsoever.

Anyways, nice skin, colors are a little light, but it's still good.
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
Spammy Sammy
Jan 21 2006, 01:04 AM
Awesome.

The hover on the submenu might look better if it was that light green instead of gray. There could be a lot more light green now that I think of it. Maybe the bg color, the normal hover color, etc.

But everything else looks great, love the caldate. :)

Edited the background, I'm not sure thats an improvement but I'm content with the results. As for the submenu hover, I'll open Photoshop and work on that. :)
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
Sweet. I really like it. Great job.
Offline Profile Quote Post Goto Top
 
Ubaloo
Unregistered

Make the submenu hover a light green. :)
Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
... The portal is wide... :ermm:

Add:
Quote:
 
#ipbwrapper { width:WIDTH; }
to fix that. (replace WIDTH with the width you want.. *-), (as if you didn't already know that... :rolleyes: )

You can also change the #CCCCCC Search Background color by adding these two lines (both must be used, not only one)

Quote:
 

div.tableborder div.tablepad { background-color:#HEXCLR !important; }
div.tableborder div.tablepad TABLE { background-color:#HEXCLR !important; }


Replace HEXCLR with a Hex Color of choice :rolleyes:
Offline Profile Quote Post Goto Top
 
Spammy Sammy
carpe diem
[ *  *  *  *  *  *  *  * ]
Wisp
Jan 20 2006, 08:08 PM
Spammy Sammy
Jan 21 2006, 01:04 AM
Awesome.

The hover on the submenu might look better if it was that light green instead of gray. There could be a lot more light green now that I think of it. Maybe the bg color, the normal hover color, etc.

But everything else looks great, love the caldate. :)

Edited the background, I'm not sure thats an improvement but I'm content with the results. As for the submenu hover, I'll open Photoshop and work on that. :)

Nice, looks a whole lot better. :yes:
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
Fixed:

  1. Submenu hover
  2. Portal
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Eeek... White!!

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

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.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1