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
Modern Streaks; Blue, Silver, White
Topic Started: Jun 18 2008, 07:04 PM (490 Views)
LunarShinobi
Member
[ * ]
Theme/Skin Name:Modern Streaks
Author:LunarShinobi
Date Created:6/17/08
Side Notes:Second Skin
Skin Preview


</STYLE><STYLE TYPE="text/css">
html { overflow-x: hidden;overflow-y: auto; }
#ipbwrapper { text-align: left;width: 95%;margin-left: auto;margin-right: auto; }
#ipbwrapper img { vertical-align: middle;border: 0px; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
BODY { font-family: Verdana, Tahoma;font-size: 11px;margin: 0px 10px 10px 0px;color: #c6c1ea;background-color: #000000;background-image: url("http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitledw-1.jpg"); background-repeat: 8; background-position: center center; background-attachment:fixed; }
TABLE, TR, TD { font-family: Verdana, Tahoma;font-size: 10px;color: #148edb; }
a:link, a:visited, a:active { text-decoration: underline;color: #148edb; }
a:hover { text-decoration: none;color: #cbc7ec; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
img.attach { padding: 2px;border: 2px outset #16097b }
.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: #cbc7ec; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #c1daea; }
.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #cbc7ec; }
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: #cbc7ec; }
.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #cbc7ec;background-color: #c1caea;background-image: url(http://); }
.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%;background-color: #141e98;border: 1px solid #9edaf1;background-image: url(http://); }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color: #141e98;border: 1px solid #cbe7f9;background-image: url(http://); }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;border: 1px solid #000000background-color: #cbe7f9;background-image: url(http://); }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #cbc7ec;background-color: #c1caea;border: 1px solid #;background-image: url(http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #c1caea; }
#submenu a:hover { text-decoration: none;color: #c1daea; }
#userlinks { background-color: #dadada;border: 1px solid #3b16ce;background-image: url("http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg"); filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#navstrip { font-weight: bold;font-color:#c1caea;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;background-color: #AC0000;background-image: url(http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg); }
.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #cbe7f9;background-color: #8e8e8d;background-image: url(http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg)}
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #001f85;border-right: 1px solid #001f85;background-color: #111b94;background-image: url(http://); }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #5b086a;border-right: 1px solid #001f85;background-color: #000000;background-image: url(http://); }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #001f85;background-color: #001f85;background-image: url(http://); }
.post1 { background-color: #001f85; }
.post2 { background-color: #001f85; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #001c75; }
.row1 { background-color: #001c75; }
.row2 { background-color: #001c75; }
.row3 { background-color: #001c75; }
.row4 { background-color: #001c75; }
.darkrow1 { color: #000000;background-color: #000000; }
.darkrow2 { color: #000000;background-color: #008209;background-image: url(http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg)}
.darkrow3 { color: #000000;background-color: #000000; }
.hlight { background-color: #000000;background-image: url(http://); }
.dlight { background-color: #000000;background-image: url(http://http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg); }
.titlemedium { font-weight: bold;padding: 8px;margin: 0px;color: #ffffff;background-image: url(http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitlede.jpg)}
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline;color: #b1e9f9; }
.maintitle { vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 8px 0px 8px 5px;color: #ffffff;background-image: url(http://i51.photobucket.com/albums/f391/Lunar_Shinobi/Untitled-4.jpg); }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #fffff; }
.maintitle a:hover { text-decoration: none;}
.plainborder { background-color: transparent;border: 1px solid transparent; }
.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #509ea9;border: 1px solid #000; }
.tablefill { background-color: #000000padding:6px;border: 1px solid #509ea9; }
.tablepad { background-color: #43838f;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: #4c96a0; }
.edit { font-size: 9px; }
.signature { font-size: 10px;color: #339; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #003; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #c1caea; }
.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }
#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #000000;background-color: #c1caea;border: 1px solid #000000;background-image: url(http://); }
#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #000000;background-color: #c1caea;border: 1px solid #000000;background-image: url(http://); }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #000000;border-bottom: 1px solid #000000; }
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #F90; }
Offline Profile Quote Post Goto Top
 
Pedro
Member Avatar
zugzwang
[ *  *  *  *  *  *  *  *  * ]
First of all, I think you should put the codes for the skin between QUOTE tags: (you will find the code for it below :P )

Spoiler: click to toggle

Now let's talk about your skin! It doesn't look bad for a second skin, however, there's still a lot of room for improvement. If you don't mind, I will comment on some aspects on this skin so you will be able to improve them next time you make a skin. ^_^

When I first looked at the skin, I noticed that blue background that repeats all over the skin. Those repeatable backgrounds generally don't look nice in skins. You should try using a constant background that does not repeat, might sound dumb but they look much much better and they don't make the skin look clumsy!

Let's move to the maintitle! You got a nice effect on it and it seems to match the feeling of the skin. I suggest darkening the maintitle text since it's literally impossible to read it at the moment. A darker shade of blue or maybe a black colour would do the job just fine. :)

The titlemedium, the userlinks, pformstrip and darkrow2 seems to not match the skin at all. That gray-ish gradient you've used seems really out of place in the middle of all those aquatic blues. I suggest using a shade of blue similar to those in the maintitle.

Moving to the row4 and row2. Those are in a very dark blue, compared to the other blues. They really stick out from the rest of the forum. While sticking out is good sometimes, this is not the case. A lighter shad eof blue would look much much better.

Well, I guess that's all. I hope that helps you at least a little bit! :P

Remembe,r the skin is not bad, eh?! Keep it up! :D
Offline Profile Quote Post Goto Top
 
LunarShinobi
Member
[ * ]
^^ I had to fight wit hthe bars for a while. >> I don't like the grey bars either... << the person I made the skin for loved them. >> ... so i couldn't take them out... and photobucket sizes down the pictures i upload for the background. Is there a way to put a 3000 by 2101 pixel picture on photobucket without it turning it into a 800 by 400 pixel pic?
Offline Profile Quote Post Goto Top
 
.Spades
Member Avatar
Getting Better
[ *  *  *  * ]
Try changing the blue bar ( or maintitle ) to a gradient. Also try changing the main background. In the submenu, try getting a darker color. Not bad for your second.
Edited by .Spades, Jun 19 2008, 11:00 PM.
Offline Profile Quote Post Goto Top
 
LunarShinobi
Member
[ * ]
^^???
Offline Profile Quote Post Goto Top
 
Ardy
Member Avatar
.
[ *  *  *  *  * ]
What he's trying to say is that he would recommend you change the .maintitle background image to a gradient. He's also suggesting that you should change the main background image/color to something else.

In my opinion I would recommend removing the background image all together, as it's very repetitive and it makes it so you can't really find the maintitle unless you look hard for it.
Offline Profile Quote Post Goto Top
 
LunarShinobi
Member
[ * ]
ahhh. Ok. ^^ thanks for clearing it up for me.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply