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
Dragonia; Orangewhit Black and.. something els...
Topic Started: Dec 18 2005, 11:59 AM (1,404 Views)
Sidela
Member Avatar
Member
[ *  * ]
Name: Dragonia
Author: Me
Skin Number: 1
Date Created:18.12.05
Side Notes: it's my first so ...comment ^_^

Preview

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #FFFFFF; margin: 10px 0px 10px 0px; background-color:#330000; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #FFFFFF; }
a:link, a:visited, a:active { text-decoration: underline; color: #FFFFFF }
a:hover { color: #330000; text-decoration:none }

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

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

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

.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:#FFFFFF;background-color:#330000; background-image: url(http://);padding:4px;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 #330000;background-color: #330000; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #330000; background-image: url(http://); border:1px solid #330000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #330000;background-color: #330000;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the Premium CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #330000;background-color: #000000; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#FFFFFF;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }
#userlinks { border:1px solid #330000; background-color: #330000; background-image: url(http://) }

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

.activeuserstrip { background-color:#330000; background-image: url(http://profiles.inbox.lv/photo/l/453217.jpeg); padding:6px }

.pformstrip { background-color: #330000; background-image: url(http://profiles.inbox.lv/photo/l/453216.jpeg); color:#FFFFFF;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #330000; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #330000; border-right:1px solid #330000; }
.pformleftw { background-color: #330000; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #330000; border-right:1px solid #330000; }
.pformright { background-color: #330000; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #330000; }

.post1 { background-color: #330000; background-image: url(http://) }
.post2 { background-color: #330000; background-image: url(http://) }
.postlinksbar { background-color:#000000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #330000; background-image: url(http://) }
.row2 { background-color: #000000; background-image: url(http://) }
.row3 { background-color: #000000; background-image: url(http://) }
.row4 { background-color: #000000; background-image: url(http://) }

.darkrow1 { background-color: #330000; background-image: url(http://); color:#FFFFFF; }
.darkrow2 { background-color: #000000; background-image: url(http://); color:#FFFFFF; }
.darkrow3 { background-color: #000000; background-image: url(http://); color:#FFFFFF; }

.hlight { background-color: #330000; background-image: url(http://) }
.dlight { background-color: #330000; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; background-color: #330000; background-image: url(http://profiles.inbox.lv/photo/l/453217.jpeg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#330000; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #330000; background-image: url(http://profiles.inbox.lv/photo/l/453216.jpeg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: # }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #330000;background-color:#330000; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #330000;background-color:#330000; background-image: url(http://);padding:6px; }
.tablepad { background-color:#330000; background-image: url(http://);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:#FFFFFF }
.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: #900 }

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #; background-image: url(http://); border: 1px solid #330000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #; background-image: url(http://); border: 1px solid #330000; 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; 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 #330000;border-bottom:1px solid #330000 }

.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
 
Smkiller
Member Avatar
*steals member title*
[ *  *  *  *  *  * ]
:/ It could be better. The main header and medium header don't match with the rest of the skin... :no:
Offline Profile Quote Post Goto Top
 
darthpaul
Member
[ *  * ]
to be honest, I don't like the look of it. Its too dark and It hurts my eyes.

Nece effort though.
Offline Profile Quote Post Goto Top
 
Sidela
Member Avatar
Member
[ *  * ]
i know it doesn't match .... but naw it's lil beser chek it ^_^

Offline Profile Quote Post Goto Top
 
darthpaul
Member
[ *  * ]
It still hurts my eyes. :( sorry!
Offline Profile Quote Post Goto Top
 
Sidela
Member Avatar
Member
[ *  * ]
It's ok :unsure:
it's just my 1st
maby the 2nd will be better.... :/
Offline Profile Quote Post Goto Top
 
darthpaul
Member
[ *  * ]
yeah. Its good for the first attempt. I was worse then that for my fisst one lol. you should see my skin now. Amy's Think Pink.

yeah, I can't wait for your second skin.
Offline Profile Quote Post Goto Top
 
Skorm
get money
[ *  *  *  *  *  * ]
It's too dark and just pasting an item into the maintitle like that doesnt look good at all. I think you should just try making shapes in photoshop (if you have it, if you dont then just try it). Keep Trying! :)
Offline Profile Quote Post Goto Top
 
Sidela
Member Avatar
Member
[ *  * ]
haw i love critik ^_^

m... i don't hawe the photoshop :( (i dunno where i can get it)
i will keep traying ^_^
Offline Profile Quote Post Goto Top
 
.EndotroniX
Joe10 for admin
[ *  *  *  *  *  * ]
Ok firstly, you chose a color scheme, I can tell that is dark pink and black. That's a good sign, the colors don't clash. Once you've gotten a good color scheme, you may want to add more color varience, for example instead of just black try a few shades of very dark gray. Also, your border colors should be slightly different from your background color, as it looks like blocks set on a background, not really a table.

It's good that you have grads, The first thing to look for is grads. However, they don't fit together. Like I said before, there is no color clash, but there is shape clash. Consider the flowers as colored shapes, fit together in the shape of flowers. You need the shapes of the maintitle and titlemedium to fit together, not clash.

Your maintitle and pformstrip are the same, the pformstrip should eb the same as the titlemedium.


Overall it's quite a simple skin, but because of the incredibally enhanced grads (Which is not always a good thing) t looks quite complex.

Overall, not a bad first attempt, just keep trying. :)
Offline Profile Quote Post Goto Top
 
Gangstarr71
Member Avatar
Movin On Up.
[ *  *  *  *  *  * ]
It is nice that you got the pictures in your first try. For a second time, take a shot at board wrappers. They can be a bit tricky at first bit with a bit of work, board wrappers become easy. You can change the width of your board to around 750 with them, and itll look cleaner. For the maintitle, try not using distorted pics like that, because it gives a messy feeling. A simple gradient will do in that area.
Offline Profile Quote Post Goto Top
 
Spence
Member
[ *  *  *  * ]
To add to what gangstarr said it would be good for you to try photoshop of some sort of photo editing program to clean up your photos before using them in gradients.
Offline Profile Quote Post Goto Top
 
Nonsense
Member Avatar
ByShine
[ *  *  *  *  * ]
This is a attracting skin , i give you two thumbs up =D

Keep trying!
Offline Profile Quote Post Goto Top
 
Dynamic™
The Darkness Calls
[ *  *  *  * ]
Definately keep trying... Only way you will improve.

Good luck and not a bad first.
Offline Profile Quote Post Goto Top
 
Charlo
Member Avatar
1337er than j00
[ *  *  *  *  *  *  * ]
For a first skin, it's a decent attempt. Instead of using actual images in your skin, try using gradients. Also, it's generally not a good idea to make the .maintitle and .pformstrip the same gradient because it often clashes (such as in your skin).

It would also look better if you add borders instead of having the skin take up the entire window.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1