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
City of Rain; (red and black or blue and black)
Topic Started: May 1 2005, 10:13 PM (629 Views)
Ubi
The Sight of the Moon
[ * ]
Name:City of Rain
Author:Farin
Skin Number: 1st (To submit here)
Date Created: 4.30.05
Side Notes: Well, I don't think it is too bad for my first major skin here. Personally, I kinda like the look of it. The skin has two layouts; blue and red background rain. I hope someone likes this skin. I truly like helping people. Remember to have only this in your skin (and any codes/hacks you may have:


Code:
 
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>



Preview (red layout)

Preview (blue layout)





Layout 1 (red)

Code:
 
html { overflow-x: hidden; overflow-y: auto; }

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #ffffff; margin: 0px 10px 0px 10px; background-color:#; background-image: url(http://i5.photobucket.com/albums/y176/Farin1/misc/Rainimage3.jpg) }
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: #898989 }
a:hover { color: #898989; text-decoration:none }

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:#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 #898989;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 #898989;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: #000000;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the AIO CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #000000;background-color: #000000; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif); 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: #898989; }
#userlinks { border:1px solid #000000; background-color: #000000; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif) }

#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://i1.ifrm.com/1997/87/upload/p915.gif); color:#ffffff;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 #898989; border-right:1px solid #898989; }
.pformleftw { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #898989; border-right:1px solid #898989; }
.pformright { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #898989; }

.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://i1.ifrm.com/1997/87/upload/p915.gif) }

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

.darkrow1 { background-color: #161616; background-image: url(http://); color:#ffffff; }
.darkrow2 { background-color: #202020; background-image: url(http://i1.ifrm.com/1997/87/upload/p904.gif); color:#ffffff; }
.darkrow3 { background-color: #202020; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif); color:#ffffff; }

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

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

.maintitle { vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #000000; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ff0000 }
.maintitle a:hover { text-decoration: none }

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


</STYLE><CENTER><font color=#FFFFFF>City of Rain skin created by Farin. Ā Find more great skins at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin Zone</A></B>.</font></CENTER><STYLE TYPE="text/css">


.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 #898989;border-bottom:1px solid #898989 }

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




Layout 2 (blue)

Code:
 
html { overflow-x: hidden; overflow-y: auto; }

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #ffffff; margin: 0px 10px 0px 10px; background-color:#; background-image: url(http://i5.photobucket.com/albums/y176/Farin1/misc/Rainimage4.jpg) }
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: #898989 }
a:hover { color: #898989; text-decoration:none }

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:#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 #898989;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 #898989;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: #000000;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the AIO CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #000000;background-color: #000000; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif); 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: #898989; }
#userlinks { border:1px solid #000000; background-color: #000000; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif) }

#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://i1.ifrm.com/1997/87/upload/p915.gif); color:#ffffff;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 #898989; border-right:1px solid #898989; }
.pformleftw { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #898989; border-right:1px solid #898989; }
.pformright { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #898989; }

.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://i1.ifrm.com/1997/87/upload/p915.gif) }

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

.darkrow1 { background-color: #161616; background-image: url(http://); color:#ffffff; }
.darkrow2 { background-color: #202020; background-image: url(http://i1.ifrm.com/1997/87/upload/p904.gif); color:#ffffff; }
.darkrow3 { background-color: #202020; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif); color:#ffffff; }

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

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

.maintitle { vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #000000; background-image: url(http://i1.ifrm.com/1997/87/upload/p915.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #0000FF }
.maintitle a:hover { text-decoration: none }

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

</STYLE><CENTER><font color=#FFFFFF>City of Rain skin created by Farin. Ā Find more great skins at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin Zone</A></B>.</font></CENTER><STYLE TYPE="text/css">

.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 #898989;border-bottom:1px solid #898989 }

.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
 
Caterina Vladimir
Member Avatar
Member
[ *  * ]
Not bad would look better if it had some grads and the background wasnt so stand outish
Offline Profile Quote Post Goto Top
 
Ubi
The Sight of the Moon
[ * ]
Actually, I wanted the background to stand out. :lol: Either way, I do agree that I need more grads but this skin is just a simple peice if you know what I mean. It was basically made for editing to your liking! :)

However, in the future, I will have a remade model that will look much better. However, for now, I am working on another skin.
Offline Profile Quote Post Goto Top
 
Ubi
The Sight of the Moon
[ * ]
Wow... Is that really all the input I got? :unsure:
Offline Profile Quote Post Goto Top
 
Raynez
Member
[ * ]
I like it I am actually using it for a forum I made to cater to a SL based on the LKH Anita Blake Vampire hunter seires. Thank you for putting it up on here for people like myself to use.
:D
Offline Profile Quote Post Goto Top
 
Zero Resistance
Flash!11
[ *  *  *  * ]
Hmm...BG too Stand-offish. 6/10
Offline Profile Quote Post Goto Top
 
Handles
Back in the Game.
[ *  *  *  *  * ]
You might wanna center the skins but good job.
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
The background doesn't fit but its good. 8/10, keep trying
Offline Profile Quote Post Goto Top
 
XOX_Melissa_XOX
Member Avatar
Member
[ *  *  *  * ]
Ok, we alreayd distblished the background is too out there, you need grads which has also been said, you need grads in the calander the quote and code is nasty I do not like that one bit, You need to use this code to change the color of your text box and things like that because white does not go with this skin.

Quote:
 
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { background-color: #; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }


You used the same grads you used for MT for your submenu, userlinks, and pformstrip, and the TM needs a grad, you do not have one there. Your Skin looks flat, but it would rock if you maybe faded the background and fixed everything I listed lol....

5/10
Offline Profile Quote Post Goto Top
 
GraphiX
Member Avatar
Member
[ *  *  *  *  * ]
Black/grey graphite effect on a light coloured background doesnt work. Better luck next time.
Offline Profile Quote Post Goto Top
 
Raynez
Member
[ * ]
The viewing profile skin does not show up either. Could be a glitch in the code? I wouldn't know I don't write code I just know that the "viewing profile" skin is not working it just makes a huge big blank square.
Offline Profile Quote Post Goto Top
 
Ubi
The Sight of the Moon
[ * ]
Like I said before, I made the skin for others to edit. It really isn't a perfect skin and I knew that when i put it up. Just because my pip image says Newb skinner does not mean I am a newb to skinning. I do things for a reason.

This skin was made for others to edit. I also wanted it to look very dark for a reason: I stay in dark rooms on computers all day and enjoy dark looking skins for forums. I just thought someone else would too. :)

Thanks for the reviews though! :lol: I like what I saw! Good ratings suck! :P
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply