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
blue tech thin; a blue skin
Topic Started: Feb 14 2006, 10:41 PM (1,191 Views)
rumbo11
Member Avatar
Member
[ *  *  *  *  *  * ]
Name:blue tech
Author: rumbo11 (me)
Skin Number: 1
Date Created: 14 february 2006
Side Notes: its my first one ill make button in a while


http://s15.invisionfree.com/testrumbo11

footer:
Quote:
 
</STYLE><CENTER>Skin created by <B>rumbo11</B>. 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">



CSS of skin:
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: 14px; color: #ffffff; margin: 20px 121px 0px 121px; background-color:#000000; 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: #f0f8ff }
a:hover { color: #556b2f; 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:#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 #a9a9a9;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 #a9a9a9;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #a9a9a9;background-color: #000000;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 #a9a9a9;background-color: #; 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: #f0f8ff; }
#userlinks { border:1px solid #a9a9a9; background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/userlinkcopy.jpg) }

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

.activeuserstrip { background-color:#; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/titlemediumcopy.jpg); padding:6px }

.pformstrip { background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/maintilteleboncopy.jpg); color:#;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #00008b; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; }
.pformleftw { background-color: #00008b; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; }
.pformright { background-color: #00008b; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #a9a9a9; }

.post1 { background-color: #4169e1; background-image: url(http://) }
.post2 { background-color: #4169e1; background-image: url(http://) }
.postlinksbar { background-color:#;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/postlinkbarcopy.jpg) }

.row1 { background-color: #00008b; background-image: url(http://) }
.row2 { background-color: #0000cd; background-image: url(http://) }
.row3 { background-color: #00008b; background-image: url(http://) }
.row4 { background-color: #0000cd; background-image: url(http://) }

.darkrow1 { background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/darkrow1copy.jpg); color:#ffffff; }
.darkrow2 { background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/darkrow2copy.jpg); color:#ffffff; }
.darkrow3 { background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/darkrow3copy.jpg); color:#ffffff; }

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

.titlemedium { font-weight:bold; color:#; padding:7px; margin:0px; background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/titlemediumcopy.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #; background-image: url(http://i43.photobucket.com/albums/e354/rumbo11/maintilteleboncopy.jpg) }
.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 #a9a9a9;background-color:#a9a9a9; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #a9a9a9;background-color:#00008b; background-image: url(http://);padding:6px; }
.tablepad { background-color:#00008b; 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: #000000; background-image: url(http://); border: 1px solid #a9a9a9; 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: #000000; background-image: url(http://); border: 1px solid #a9a9a9; 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 #a9a9a9;border-bottom:1px solid #a9a9a9 }

.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
 
Forgive
Member Avatar
Member
[ *  *  * ]
Not a bad skin for first. 5/10 :wub:
Offline Profile Quote Post Goto Top
 
rumbo11
Member Avatar
Member
[ *  *  *  *  *  * ]
thx i khow i need some work
Offline Profile Quote Post Goto Top
 
Forgive
Member Avatar
Member
[ *  *  * ]
rumbo11
Feb 15 2006, 02:51 AM
thx i khow i need some work

Change the color of the main title a bit to some other color. It'll make it look a bit better. :yes:
Offline Profile Quote Post Goto Top
 
rumbo11
Member Avatar
Member
[ *  *  *  *  *  * ]
like to what color
Offline Profile Quote Post Goto Top
 
Mister.
Member Avatar
go giants!
[ *  *  *  *  * ]
I like that you actually used some gradients and images for your first skin rather than just colors like some others do. One suggestion that will make your skin look better would be to make your pformstrip the same image as your titlemedium. Also, now that you know where the basic images are, try making them flow, like maybe making the titlemedium or darkrow2 blend in with your rows.

Overall, its a good start. ^_^ Personally, I think a first skin shouldnt be for show, but to learn to use CSS. Dont worry if it doesnt look wonderful.
Offline Profile Quote Post Goto Top
 
Gizmo Mk1
Member
[ *  *  *  *  * ]
Ok, for a first skin that's looking alright. However, your login/resiter graphic (cant remember what it's called) looks really bad compared to your other graphics. I also find that large text like you have there looks kind of unprofessional. The pformstrip shouldn't really be the same as the maintitle in my opinion as it makes the bottom of the board look a bit weird. :/

The maintitle is ok but it doesn't really fit with the skin. Just try to make the skin flow a bit more. The darkrow2 is way too light in comparison to the rest of the skin. Maybe you should darken it. Then it would look a little better. I like the posting screen, everything seems to fit, however, the backgrounds to the posts are too light. I think you should darken them quite alot.

It just needs to flow more. I'm glad you know where all the graphics go. Some people's first skins are much worse. :( (like mine). Good luck with your future skins. :)
Offline Profile Quote Post Goto Top
 
rumbo11
Member Avatar
Member
[ *  *  *  *  *  * ]
thx guys i'll try to arrage them ok

where do i put a copyright and how
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
Good for a first. Keep trying.
Offline Profile Quote Post Goto Top
 
Adamantine
Member Avatar
Exams are OVER.
[ *  *  *  *  * ]
Kind of wierd, but for a first, 2/10.
Offline Profile Quote Post Goto Top
 
boogawoogawooga
in.LOVE
[ *  *  *  * ]
At least you used gradients unlike other newbie skinners who think it's cool to make an all white skin. The grads don't go together very well though.
Offline Profile Quote Post Goto Top
 
Killer_911
Member Avatar
Member
[ *  *  * ]
rumbo11
Feb 15 2006, 12:23 PM
thx guys i'll try to arrage them ok

where do i put a copyright and how

Click

scroll down to the place where it says: IMPORTANT!

that tells you how. nice first skin with gradients. :) ^_^
Offline Profile Quote Post Goto Top
 
rumbo11
Member Avatar
Member
[ *  *  *  *  *  * ]
Killer_911
Feb 15 2006, 07:43 PM
rumbo11
Feb 15 2006, 12:23 PM
thx guys i'll try to arrage them ok

where do i put a copyright and how

Click

scroll down to the place where it says: IMPORTANT!

that tells you how. nice first skin with gradients. :) ^_^

thx but now its up can i have it down?? and how
Offline Profile Quote Post Goto Top
 
Killer_911
Member Avatar
Member
[ *  *  * ]
rumbo11
Feb 15 2006, 08:04 PM
Killer_911
Feb 15 2006, 07:43 PM
rumbo11
Feb 15 2006, 12:23 PM
thx guys i'll try to arrage them ok

where do i put a copyright and how

Click

scroll down to the place where it says: IMPORTANT!

that tells you how. nice first skin with gradients. :) ^_^

thx but now its up can i have it down?? and how

To get the copyright down put it in the footer.
Offline Profile Quote Post Goto Top
 
rumbo11
Member Avatar
Member
[ *  *  *  *  *  * ]
oki thx ill edit the topic

but what do i change in the header and body???
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