|
Brick Skin; My first skin
|
|
Topic Started: Sep 13 2005, 02:05 PM (471 Views)
|
|
Shadow_Link_92
|
Sep 13 2005, 02:05 PM
Post #1
|
- Posts:
- 21
- Group:
- Members
- Member
- #106,558
- Joined:
- September 13, 2005
|
Name: Brick Skin (updated) Author: Shadow_Link_92 Skin Number: 1 :D Date Created: Over the last week (Sep 5th to 12th, 2005) Side Notes: My first Skin, so go easy.
Preview of the skin
CSS of skin:
- Code:
-
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: 11px; color: #000; margin:0px 10px 0px 10px; background-color:#800000 } TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; } a:link, a:visited, a:active { text-decoration: underline; color: #000 } a:hover { color: #465584; 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:#777;background-color:#DFE6EF;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 #345487;background-color: #b0c4de } #ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #ffffff; border:1px solid #345487;line-height:150%; width:auto } #ucpcontent p  { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #345487;background-color: #3860BB;background-color:#800000;padding:0px;margin:0px; } #submenu  { border:1px solid #000000;background-color: #800000;font-size:10px;margin:3px 0px 3px 0px;color:#300000;font-weight:bold;} #submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000000; } #userlinks { border:1px solid #000000; background-color: #800000 }
#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#708090; padding:6px }
.pformstrip { background-image: url(http://i14.photobucket.com/albums/a301/mycomic/abc.png); color:#000000;font-weight:bold;padding:1px;margin-top:1px } .pformleft  { background-color: #708090; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000; border-right:1px solid #000; } .pformleftw { background-color: #a9a9a9; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformright { background-color: #a9a9a9; padding:6px; margin-top:1px;border-top:1px solid #000000; }
.post1 { background-color: #f5fffa} .post2 { background-color: #b0c4de} .postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-color: #708090 }
.row1 { background-color: #EEF2F7 } .row2 { background-color: #b0c4de } .row3 { background-color: #b0c4de } .row4 { background-color: #DFE6EF }
.darkrow1 { background-color: #800000; color:#4C77B6; } .darkrow2 { background-color: #708090; color:#3A4F6C; } .darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }
.hlight { background-color: #DFE6EF } .dlight { background-color: #EEF2F7 }
.titlemedium { font-weight:bold; color:#000000; padding:5px; margin:0px; background-image: url(http://i14.photobucket.com/albums/a301/mycomic/abc.png) } .titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #000000 }
.maintitle { text-align: center;font-weight:bold; color:#000000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i14.photobucket.com/albums/a301/mycomic/BackgroungImage345.jpg);background-position:center;  } .maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000000 } .maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid #345487;background-color:#F5F9FD } .tableborder { border:1px solid #345487;background-color:#000000; padding:0px; margin:0px; width:100% } .tablefill  { border:1px solid #345487;background-color:#a9a9a9;padding:6px;  } .tablepad   { background-color:#800000;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:#434951 } .edit { font-size: 9px }
.signature  { font-size: 10px; color: #800000 } .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: #000000; background-color: #daa520; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE Â { font-family: Courier, Courier New, Verdana, Arial; Â font-size: 11px; color: #000000; background-color: #daa520; border: 1px solid #000; 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 #daa520;border-bottom:1px solid #daa520}
.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 }
Header and Body
- Code:
-
<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="750"><tr><td background="http://i6.ifrm.com/3322/27/upload/p736779.gif" style="padding:15px;border:0px;"></td><td height="100%" valign="top"> Â Â Â Â Â <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %><br /> <table width="100%" style='border:0px solid #CCCCCC' cellspacing="1" cellpadding="4">
</table> <% STATS %>
Footer
- Code:
-
<td align="left" valign="top" background="http://i6.ifrm.com/3322/27/upload/p736781.gif" style="padding:15px;border:0px;"></td></tr></table> Skin created by <b>Shadow_Link_92</b> of <a href="http://forums.ifskinzone.net/"><b>IFSkinZone</b></a>.
|
|
|
| |
|
thinkin pink90
|
Sep 13 2005, 02:13 PM
Post #2
|
- Posts:
- 327
- Group:
- Banned
- Member
- #83,182
- Joined:
- June 21, 2005
|
meh pretty good for a first skin
colors clashed in the grads
colors crashed everywhere after that
whats the deal with brick?
|
|
|
| |
|
Shadow_Link_92
|
Sep 13 2005, 02:14 PM
Post #3
|
- Posts:
- 21
- Group:
- Members
- Member
- #106,558
- Joined:
- September 13, 2005
|
:unsure: It was only my first try :unsure:
|
|
|
| |
|
psyco_mg_69
|
Sep 13 2005, 03:49 PM
Post #4
|
- Posts:
- 32
- Group:
- Members
- Member
- #98,487
- Joined:
- August 14, 2005
|
tight man. i like it. good job.
|
|
|
| |
|
Deletion.
|
Sep 13 2005, 04:02 PM
Post #5
|
|
Unregistered
|
For a first skin, i'll cut you some slack.
The green in the .mt goent match the rest of the skin, and the light blue looks messy. I think you should use some gradients for the titlemedium ect. Sorry, but overall, I im not too fond of it.
For a first, it's not bad though. You just have to fix some colors, add grads, ect.
|
|
|
| |
|
Vash2000
|
Sep 13 2005, 04:20 PM
Post #6
|
- Posts:
- 858
- Group:
- Members
- Member
- #29,526
- Joined:
- September 28, 2004
|
I have seen like 3 or 4 skin's just like that 4/10l
|
|
|
| |
|
Shadow_Link_92
|
Sep 13 2005, 05:50 PM
Post #7
|
- Posts:
- 21
- Group:
- Members
- Member
- #106,558
- Joined:
- September 13, 2005
|
Ok, I'll take those comments and form a new skin! And thanks for the compliments.
|
|
|
| |
|
PWND!
|
Sep 13 2005, 08:05 PM
Post #8
|
- Posts:
- 2,270
- Group:
- Members
- Member
- #95,860
- Joined:
- August 5, 2005
|
Yeah, it doesn't look to bad, but you need to work on your color co-ordination. As someone has said, the green on your .maintitle doesn't look so hot, and the light bvlue you've used for your rows doesn't really go well. Also, you ahve a number of defaults still, and I think your post1 and post2 are some of them, so you should really change them, and the #QUOTE color.
Good try though!
|
|
|
| |
|
Shadow_Link_92
|
Sep 15 2005, 02:09 PM
Post #9
|
- Posts:
- 21
- Group:
- Members
- Member
- #106,558
- Joined:
- September 13, 2005
|
Yeah, I've been working on my color co-ordination. Maybe I'm color-blind Expect better from me next time 'round.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|