|
Neon Green
|
|
Topic Started: Feb 28 2008, 04:20 AM (822 Views)
|
|
erin49015
|
Feb 28 2008, 04:20 AM
Post #1
|
- Posts:
- 59
- Group:
- Members
- Member
- #302,518
- Joined:
- October 5, 2007
|
Name: Neon Green Author: erin49015 Skin Number: 5 Date Created: Feb 28, 2008 Side Notes: Still learning this skinning thing. LOL its fun, but I don't get a lot of time to practice, so I still need to use a cheat sheat. Sorry Let me know what you all think...
Preview of the Skin?
- Code:
-
</STYLE><CENTER>Skin created by <B>"erin49015B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
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: 12px; color: #00ee00; margin: 0px 10px 0px 10px; background-color:#; background-image: url(http://img405.imageshack.us/img405/1173/bgun8.jpg) } TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #00ee00; } a:link, a:visited, a:active { text-decoration: underline; color: #00ee00 } a:hover { color: #0000cd; 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:#00ee00;background-color:#000000; 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 #00ee00;background-color: #000000; background-image: url(http://) } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #000000; background-image: url(http://); border:1px solid #00ee00;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px repeat #00ee00;background-color: #00ee00;background-image:url(http://img205.imageshack.us/img205/9995/logostrpgp1.jpg);padding:0px;margin:0px; } /* Skin Created using the Premium CSS Generator at http://ifskinzone.net/main.php */ #submenu { border:1px solid #00ee00;background-color: #000000; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#00ee00;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #00ee00; } #userlinks { border:1px solid #00ee00; background-color: #000000; background-image: url(http://) }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#000000; background-image: url(http://); padding:6px }
.pformstrip { background-color: #000000; background-image: url(http://img205.imageshack.us/img205/4082/mainstpnv2.jpg); color:#00ee00;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #00ee00; border-right:1px solid #00ee00; } .pformleftw { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #00ee00; border-right:1px solid #00ee00; } .pformright { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #00ee00; }
.post1 { background-color: #000000; background-image: url(http://) } .post2 { background-color: #000000; background-image: url(http://) } .postlinksbar { background-color:#000000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }
.row1 { background-color: #000000; 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: #000000; background-image: url(http://); color:#00ee00; } .darkrow2 { background-color: #000000; background-image: url(http://); color:#00ee00; } .darkrow3 { background-color: #000000; background-image: url(http://); color:#00ee00; }
.hlight { background-color: #000000; background-image: url(http://) } .dlight { background-color: #000000; background-image: url(http://) }
.titlemedium { font-weight:bold; color:#00ee00; padding:7px; margin:0px; background-color: #000000; background-image: url(http://) } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #00ee00 }
.maintitle { vertical-align:middle;font-weight:bold; color:#000000; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #000000; background-image: url(http://img205.imageshack.us/img205/4082/mainstpnv2.jpg) } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #00ee00 } .maintitle a:hover { text-decoration: none }
.plainborder { border:1px solid transparent;background-color:transparent } .tableborder { border:1px solid #00ee00;background-color:#00ee00; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #00ee00;background-color:#000000; background-image: url(http://);padding:6px; } .tablepad { background-color:#000000; 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:#00ee00 } .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: #00ee00; background-color: #ffffff; background-image: url(http://); border: 1px solid #00ee00; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #00ee00; background-color: #ffffff; background-image: url(http://); border: 1px solid #00ee00; 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 #00ee00;border-bottom:1px solid #00ee00 }
.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 }
|
|
|
| |
|
Malygos_
|
Feb 28 2008, 07:20 AM
Post #2
|
- Posts:
- 334
- Group:
- Members
- Member
- #214,738
- Joined:
- September 25, 2006
|
I don't like nothing about it... Bg is ugly and the skin is so flat...
Try to improve yourself... Look another skinner's work, read a lot of tutorials and then make a skin... So you will make a good skin
|
|
|
| |
|
erin49015
|
Feb 28 2008, 09:14 AM
Post #3
|
- Posts:
- 59
- Group:
- Members
- Member
- #302,518
- Joined:
- October 5, 2007
|
- Obi_Wan_Kenobi
- Feb 28 2008, 11:20 AM
I don't like nothing about it... Bg is ugly and the skin is so flat...
Try to improve yourself... Look another skinner's work, read a lot of tutorials and then make a skin... So you will make a good skin
Thank you. I am going to stick with the black and green, But I will work on approching this a little different.
|
|
|
| |
|
daniwigg
|
Feb 28 2008, 12:54 PM
Post #4
|
- Posts:
- 103
- Group:
- Members
- Member
- #322,942
- Joined:
- January 26, 2008
|
I quite like that! Well as it is your Number 5 you are still learning but I think that is preety good!
-daniwigg
|
|
|
| |
|
erin49015
|
Feb 28 2008, 02:46 PM
Post #5
|
- Posts:
- 59
- Group:
- Members
- Member
- #302,518
- Joined:
- October 5, 2007
|
- daniwigg
- Feb 28 2008, 04:54 PM
I quite like that! Well as it is your Number 5 you are still learning but I think that is preety good!
-daniwigg
Thank you daniwigg. I did not think it was too bad, I agree it could use some work, but I did want to get some feed back and see if my color choices are getting better, etc. Seems that everyone has a different taste of what they like. LOL...
|
|
|
| |
|
.Vendetta
|
Feb 29 2008, 05:29 PM
Post #6
|
- Posts:
- 629
- Group:
- Members
- Member
- #321,001
- Joined:
- January 16, 2008
|
Okay, a few things to start off. -Images are always nice (EFS maintitles, gradients etc.) -Make your logostrip longer lengthwise so that it doesn't repeat when a board logo stretches. -Your on your fifth skin now. That's a lot, but you need to start to learn to skin without the IF skin gen. Try editing the CSS yourself. The cheat sheet is fine to use, I'm on my 9th skin now and I still use the docs on zetaboards now and then if I don't remember a certain class. Just try out CSS editing. -The neon green's a tad bit harsh, maybe soften it by toning it down a bit. -Put a size on the board, it looks neater and fits on screens.
That's about it. Great work, I can tell you put lots of time and effort into this.
|
|
|
| |
|
erin49015
|
Mar 1 2008, 01:10 PM
Post #7
|
- Posts:
- 59
- Group:
- Members
- Member
- #302,518
- Joined:
- October 5, 2007
|
- graysparx
- Feb 29 2008, 09:29 PM
Okay, a few things to start off. -Images are always nice (EFS maintitles, gradients etc.) -Make your logostrip longer lengthwise so that it doesn't repeat when a board logo stretches. -Your on your fifth skin now. That's a lot, but you need to start to learn to skin without the IF skin gen. Try editing the CSS yourself.  The cheat sheet is fine to use, I'm on my 9th skin now and I still use the docs on zetaboards now and then if I don't remember a certain class. Just try out CSS editing. -The neon green's a tad bit harsh, maybe soften it by toning it down a bit. -Put a size on the board, it looks neater and fits on screens. That's about it. Great work, I can tell you put lots of time and effort into this.
Thank you for your feed back. I really want to learn skinning. I have started reading up on the documentations here on this board. So probably soon after I read more, I will try again. Again thank you.
|
|
|
| |
|
Alfie9090
|
Mar 1 2008, 05:18 PM
Post #8
|
- Posts:
- 124
- Group:
- Members
- Member
- #320,542
- Joined:
- January 13, 2008
|
Thats realy good for ur 3rd skin my advicce is dnt stick to 1 colour try out dif 1ns they look different and might look better and also use images always good
|
|
|
| |
|
Sir Xakk~Eaglestar
|
Mar 2 2008, 04:05 PM
Post #9
|
- Posts:
- 20
- Group:
- Members
- Member
- #326,967
- Joined:
- February 17, 2008
|
I absolutely LOVE it ! I an using it for all of my Invision Free Forums now Great Job.
X
|
|
|
| |
|
.Person
|
Mar 2 2008, 08:52 PM
Post #10
|
- Posts:
- 807
- Group:
- Members
- Member
- #147,574
- Joined:
- February 15, 2006
- Latest Design
- Screams Professional v1.2
|
Don't worry. I used the cheat sheet when I stated skinning. =)
This is good for a (almost) first skin. But the green stands out to much. It sorta hurts my eyes. You should probably search the web or google for a good page that offers lots of hex codes you can get more tones into your skin. Instead of just black, green and blue. Keep it up though! You'll become a lot better if you take in all of the suggestions you get and take your time.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|