Welcome Guest [Log In] [Register]
1st skin; orange
Topic Started: Oct 2 2005, 08:02 PM (780 Views)
jchang Oct 2 2005, 08:02 PM Post #1
New Member
 test forum

board & body
Code:
 

alink="#ffffff" vlink="#ffffff"><body text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="983" border="1" align="center" cellpadding="5" cellspacing="0" bgcolor="#000000" height="378" bordercolor="#000000">
<tr>
 <td width="90%" height="100%" bgcolor="#D56D03">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>



css
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:#bf6b15}
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: #000000; text-decoration:underline }

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

img.attach { border:2px outset #000000;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: #000000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#fff; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#000000 }

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:#000000 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#ff9000;background-color:#000000;padding:4px;margin:0px }

.warngood { color:blue }
.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 #000000;background-color: #ff90000 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ff9000; border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #ff9000;background-image:url();padding:0px;margin:0px; }
#submenu   { border:1px solid #000000;background-image:url( http://img68.imageshack.us/img68/1839/activeuserstrip1ds.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#000000;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-image:url(http://img68.imageshack.us/img68/1839/activeuserstrip1ds.jpg);}

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

.activeuserstrip { background-color:#ff9000; padding:6px }

.pformstrip { background-image:url(http://img138.imageshack.us/img138/4292/pfromstripandsub2wk.jpg); color:#000000;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #ff9000; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #ff9000; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #ff9000; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #ff9000 }
.post2 { background-color: #ff9000 }
.postlinksbar { background-color:#ff9000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img138.imageshack.us/img138/4292/pfromstripandsub2wk.jpg) }

.row1 { background-color: #ff9000 }
.row2 { background-color: #ff9000 }
.row3 { background-color: #D56D03}
.row4 { background-color: #ff9000 }

.darkrow1 { background-color: # D56D03; color:#ffffff; }
.darkrow2 { background-image:url(http://img138.imageshack.us/img138/4292/pfromstripandsub2wk.jpg); color:#000000; }
.darkrow3 { background-color: # D56D03; color:#ffffff; }

.hlight { background-color: # D56D03 }
.dlight { background-color: #ff9000 }

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-image: url(http://img138.imageshack.us/img138/4292/pfromstripandsub2wk.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #000000 }

.maintitle { vertical-align:middle;font-weight:bold; color:#000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img60.imageshack.us/img60/5403/maincopy6gh.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #000000;background-color:#Ff9000 }
.tableborder { border:1px solid #000000;background-color:#000000; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid # 000000;background-color:# D56D03;padding:6px;  }
.tablepad    { background-color:#ff9000;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:#000000 }
.edit { font-size: 9px }

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

.normalname { font-size: 12px; font-weight: bold; color: #000000 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #ff0000 }

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #ffffff; background-color: # D56D03; 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: #ffffff; background-color: # D56D03; 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 #000000;border-bottom:1px solid #000000}

.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 }



^_^
Goto Top
 
Spammy Sammy Oct 2 2005, 08:08 PM Post #2
Member Avatar
carpe diem
 Logostrip's default, and the titlemedium and darkrow2 don't load for me...

The maintitle's alright, but kinda choppy. Make the darkrow1 and caldate a lot lighter, and the postlinksbar is default.

Other than that it's pretty good for your first, good job. :)

Posted Image
RA from 09.12.05 to 04.04.06
Goto Top
 
jchang Oct 2 2005, 08:17 PM Post #3
New Member
 thanks, it is fixed
Goto Top
 
Hektik Oct 2 2005, 08:19 PM Post #4
Settled In
 good concept... With practice you could become a great skinner.
Posted Image
Goto Top
 
Montana Oct 3 2005, 12:50 AM Post #5
Member Avatar
TZ Frequent
 Good for a first. Just change the hover & the boader head line.
Newest Skin Made: Christmas Skin
Made on: Nov 27, 2005

Quote:
 
It feels good knowing that some people like your skin, Which keeps you wanting to make more.


Pixel_Designs- A skin making Forum.
Goto Top
 
jchang Oct 3 2005, 06:45 PM Post #6
New Member
 emmm.realy i don't what does the hover do "_ _ and the line is the logo but i don't have one :r
Goto Top
 
Tariq Oct 4 2005, 01:01 AM Post #7
Member Avatar
canyoufeelit?

 The hover colours are the colours that appear when the mouse goes over, or hovers, on the link. It's better to have a lighter or darker colour on the hover because it doesn't go well with the skin to have the links all the same.

The first thing I noticed when opening the page, is that the grads took a while to load. Never, ever use any websites for your skin grads. Always upload them to the forum (make sure you check the upload section in the permissions for admin). IF image hosting is ultimatley better than others, but only for small file types like skin grads.

Also, your tablefill border is still default. And while I'm on the subject of borders, never use black borders unless the skin is dark dark grey. It doesn't match the skin well, and plain black with orange isn't flattening on a skin. Your MT is extremley jagged, and I would recomend that you use the anti-alias tool when making the lines and shapes. Of set the rounded rectanlge radius to 20-25. Also make different grads for the submenu and userlinks. Havingt the same grad for both is extremley boring, and doesn't look good because the grad looks as if it repeats.

Use the below code to fix your portal.
Quote:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder{background-color: hex code here; }</style>")}
</script>
<style type="text/css">


The bold area should be replaced with the same hex you used for the tablepad, so they match. I also noticed that your darkrow3 is completley black. I don't know if that's just a slow grad or if that was meant to be like that, but in any case, fix it so it could look better.
TARIQ
Posted Image
Posted ImagePosted Image Posted Image Posted ImagePosted Image
Goto Top
 
.:Kimberly:. Oct 4 2005, 01:05 AM Post #8
Member Avatar
Settled In
 Hmm...I guess its good for a first skin.
Goto Top
 
jchang Oct 4 2005, 10:33 PM Post #9
New Member
Quote:
 

The hover colours are the colours that appear when the mouse goes over, or hovers, on the link. It's better to have a lighter or darker colour on the hover because it doesn't go well with the skin to have the links all the same.

thanks!

Quote:
 

Also, your tablefill border is still default.


no it supose to be black :S

Quote:
 

The first thing I noticed when opening the page, is that the grads took a while to load. Never, ever use any websites for your skin grads. Always upload them to the forum (make sure you check the upload section in the permissions for admin). IF image hosting is ultimatley better than others, but only for small file types like skin grads.


emm... to host in if you have tu use title/ranks in admin cp right???XD

Quote:
 

never use black borders unless the skin is dark dark grey. It doesn't match the skin well, and plain black with orange isn't flattening on a skin.


what color may match? :/

Quote:
 

Your MT is extremley jagged, and I would recomend that you use the anti-alias tool when making the lines and shapes. Of set the rounded rectanlge radius to 20-25.


where do i do that *-)

Quote:
 

Also make different grads for the submenu and userlinks. Havingt the same grad for both is extremley boring, and doesn't look good because the grad looks as if it repeats.


ok i will work in one :D

Quote:
 

Use the below code to fix your portal.
Quote:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder{background-color: hex code here; }</style>")}
</script>
<style type="text/css">


The bold area should be replaced with the same hex you used for the tablepad, so they match. I also noticed that your darkrow3 is completley black. I don't know if that's just a slow grad or if that was meant to be like that, but in any case, fix it so it could look better.


emm what a hex code?

p.d sorry "-- i am realy new in this
Goto Top
 
Tariq Oct 5 2005, 12:27 AM Post #10
Member Avatar
canyoufeelit?
jchang
Oct 4 2005, 10:33 PM
Quote:
 

The hover colours are the colours that appear when the mouse goes over, or hovers, on the link. It's better to have a lighter or darker colour on the hover because it doesn't go well with the skin to have the links all the same.

thanks!

Quote:
 

Also, your tablefill border is still default.


no it supose to be black :S

Quote:
 

The first thing I noticed when opening the page, is that the grads took a while to load. Never, ever use any websites for your skin grads. Always upload them to the forum (make sure you check the upload section in the permissions for admin). IF image hosting is ultimatley better than others, but only for small file types like skin grads.


emm... to host in if you have tu use title/ranks in admin cp right???XD

No. Just make sure you set the permission for the forum to allow the administrator to upload. Check all the boxes on the right for the first row, and then you'll be able to upload images to the forum. When replying a thing called FIle Attachments is under the post icons. Browse for the image, click ok, and then it'll be uploaded. To get the URL right lick it, click properties, and copy the location URL. It usually starts with 67.83 or anything like that.

Quote:
 

never use black borders unless the skin is dark dark grey. It doesn't match the skin well, and plain black with orange isn't flattening on a skin.


what color may match? :/

A darker brown or yellow perhaps? Play with it, just don't use black.

Quote:
 

Your MT is extremley jagged, and I would recomend that you use the anti-alias tool when making the lines and shapes. Of set the rounded rectanlge radius to 20-25.


where do i do that *-)

I'm not completley sure about the anti-alias, but to change the radius click on the rounded rectangle tool. See the little toolbar under all the options? There's a text-input area that says 10, make it 20.

Quote:
 

Also make different grads for the submenu and userlinks. Havingt the same grad for both is extremley boring, and doesn't look good because the grad looks as if it repeats.


ok i will work in one :D

Quote:
 

Use the below code to fix your portal.
Quote:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder{background-color: hex code here; }</style>")}
</script>
<style type="text/css">


The bold area should be replaced with the same hex you used for the tablepad, so they match. I also noticed that your darkrow3 is completley black. I don't know if that's just a slow grad or if that was meant to be like that, but in any case, fix it so it could look better.


emm what a hex code?

It's the numbers and/or letters that you copy & paste to get the colours.

p.d sorry "-- i am realy new in this

No problem. :)

Answers/Replies are in bold
TARIQ
Posted Image
Posted ImagePosted Image Posted Image Posted ImagePosted Image
Goto Top
 
Drew Oct 5 2005, 12:39 AM Post #11
&TIME.
 Great for a first skin. Where would you put the portal code?
this place used to be cool but now it's lame. so i'm outta here. i'll visit once in a while. peace out. BLACK WIDOW IS LOVE.
Goto Top
 
jchang Oct 7 2005, 08:56 PM Post #12
New Member
 well i have got all exept the thing of anti alias where is it is in admin cp on in a program....

p.d a portal code????
Goto Top
 
omega.strain420 Oct 7 2005, 09:00 PM Post #13
New Member
 eh, i dont like it much

2/10
Goto Top
 
Drew Oct 7 2005, 10:44 PM Post #14
&TIME.
 The MT does look a little done and you should switch it with something. >.<
this place used to be cool but now it's lame. so i'm outta here. i'll visit once in a while. peace out. BLACK WIDOW IS LOVE.
Goto Top
 
bwheatley537 May 5 2009, 09:15 PM Post #15
New Member
 i have seen better but it's good for a first try, but what do i know. I have never attempted to create a skin.
Click here to experience the best Animal Crossing message board ever!
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Orange, Yellow, Brown · Next Topic »