My Design Skin

[xpguy]

I have made the following skin for a client but as th client didn't want it due to him changing his site design i am releasing it to the public, you can find a preview here: linkie (http://www.windowsos.com/ig/view.php?id=57&pg=1)

and download it Via the databse here under dark skins page3
Please read the instructions file before uploading the skin.

[cwfthai]

nice! i really like the design

[xsivforce]

Very nice xpguy. I have been a fan of Corona as well. Good work. B)

[xpguy]

thanks, what a small world it is :P

[HisCoolKid]

<span style='font-family:Optima'>Do you make skins free? If so, i need one with the top images that says "Hiscoolkid.com" and use the silver thing on the left as the background and colors like that? please. Also please make the font Courier everywhere.</span> :D

[xsivforce]

That white font you used in your post doesn't show up in all skins here. ;)

I fixed it for ya.

[puterbug]

Very cool skin indeed :) But it's got one tiny little problem ... hz scroll on the first page (haven't looked any further than that yet. Do you know if the fix post called:

Avoiding User Cp/pm Spillage With Narrow Skins

will fix it? I'm asking because it seems that post is geared toward the user cp/posting PM pages rather than the main pages. You may have noticed that if you make a fairly narrow skin certain areas of the user cp/posting PM sections are prone to horizontal stretching.

Since I'm not familiar w/making skins I don't want to mess w/it if someone knows it won't help.

Thanks,
Deb

[Ki||er]

I am currently using this skin, and I love the design. One thing though, it has black text on a dark backround in alot of the sections. Mainly:

When posting a new topic or replying
On the right in the on the My Controls section
The description text in the Help sections

I know you can fix this, but where do I go to fix it?

I know you mentioned something above about you fixing something, not sure if it was this, but I didn't download it from here, I got it from xpguys site. Hopefully someone can help.

Thanks in advance.

[Aristia]

you can change the text colour in AdminCP -> skins & templates -> manage stylesheets -> (your skin name) -> then, the main font controller is the top line. change that hex number to a different colour (#000000 = black, #ffffff = white, #666666 = grey)

[Ki||er]

hmm, no thats not it. Attached is a screenshot and you'll see what I mean. I tried what you did but it didnt work. I am probably doing something wrong, could someone please help me out here :(

[xpguy]

backup your stylesheet for the design skin and then update the one in your admin cp with the following one:

BODY {



margin-bottom:0px;



margin-left:0px;



margin-right:0px;



margin-top:0px;



padding: 0px;



SCROLLBAR-BASE-COLOR: #000006;



SCROLLBAR-ARROW-COLOR: #FFFFF6;



}







form { display: inline }







TABLE, TR, TD { font-family: Verdana, Tahoma, Arial; font-size: 8.5pt; color: #000000 }







a:link, a:visited, a:active { text-decoration: underline; color: #000000 }







a:hover { color: #333333 }







.hlight { background-color: #DFE6EF }







.dlight { background-color: #EEF2F7 }







.mainbg { background-color: #223249 }







.mainfoot { background-color: #223249 }







.forum1 { background-color: #ffffff }







.forum2 { background-color: #ffffff }







.post1 { background-color: #ffffff }







.post2 { background-color: #ffffff }







.posthead { background-color: #223249 }







.posthead2 { background-color: #8793A5 }







.postbak { background-color: #D2D2D0 }







.title { background-color: #6371BD }







.row1 { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #3A4B65 }







.row2 { background-color: #ffffff }







.postsep { background-color: #ffffff; height: 1px }







.signature { font-size: 7.5pt; color: #333399 }







.postdetails { font-size: 7.5pt }







.postcolor, #postcolor { font-size: 9pt; line-height: 160% }







.membertitle { font-size: 10px; line-height: 150%; color: #ffffff }







.normalname { font-size: 12px; font-weight: bold; color: #ffffff; padding-bottom: 2px }







.normalname a:link, .normalname a:visited, .normalname a:active { text-decoration: underline; color: #ffffff; padding-bottom: 2px }







.unreg { font-size: 11px; font-weight: bold; color: #CC9933 }







.highlight { color: #FF0000 }







.highlight a:link, .highlight a:visited, .highlight a:active { text-decoration: underline; color: #FF0000 }







.highlight a:hover { text-decoration: underline }







.desc { font-size: 8.0pt; color: #434951 }







.copyright { font-family: Verdana, Tahoma, Arial; font-size: 7.5pt; line-height: 12px }







.category { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #223249 }







.category2 { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #8793A5 }







.category3 { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #ffffff }







.category&nbsp;&nbsp; a:link, #category&nbsp;&nbsp; a:visited, #category&nbsp;&nbsp; a:active { text-decoration: none; color: #ffffff }







.postfoot { font-weight: bold; color: #ffffff; height: 24px; background-color: #223249 }







.titlefoot { font-weight: bold; color: #ffffff; height: 24px; background-color: #8793A5 }







.titlemedium { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }







.titlemedium2 { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/bgpost.gif) }







.titlemedium3 { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/bgtopic.gif) }







.titlemedium4 { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/bgpostc.gif) }







.titlemedium&nbsp; a:link,&nbsp; .titlefoot&nbsp; a:link, .titlemedium&nbsp; a:visited, .titlefoot&nbsp; a:visited, .titlemedium&nbsp; a:active, .titlefoot&nbsp; a:active { text-decoration: underline; color: #000000 }







.titlemedium a:hover, .subtitle a:hover, .titlefoot a:hover { text-decoration: underline; color: #000000 }







.maintitle { color: #000000; font-size: 9.5pt; height: 26px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }







.edit { font-size: 9px }







.fancyborder { border: 1px dashed #999999 }







.maintitle&nbsp; a:link, .maintitle&nbsp; a:visited, .maintitle&nbsp; a:active { text-decoration: none; color: #000000 }







.maintitle a:hover { text-decoration: underline }







.nav { font-weight: bold; color: #ffffff; font-size: 8.5pt }







.pagetitle { color: #000000; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120% }







.useroptions { background-color: #ffffff; height: 25px; font-weight: bold; color: #000000 }







.useroptions a:link, .useroptions a:visited,.useroptions a:active { text-decoration: none; color: #000000 }







.bottomborder { border-bottom: 1px dashed #D2D2D0 }







.linkthru { color: #000000; font-size: 8.5pt }







.linkthru&nbsp; a:link, .linkthru&nbsp; a:active { text-decoration: underline; color: #000000 }







.linkthru&nbsp; a:visited { text-decoration: underline; color: #000000 }







.linkthru&nbsp; a:hover { text-decoration: underline; color: #3A4B65 }







#QUOTE { font-family: Verdana, Arial; font-size: 8pt; color: #000000; background-color: #8793A5; border: 1px solid #223249; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }







#CODE { font-family: Verdana, Arial; font-size: 8pt; color: #000000; background-color: #8793A5; border: 1px solid #223249; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }







.codebuttons { font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }







.forminput { font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }







.textinput { font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }







.input { font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

that should get it to work.

[Ki||er]

Thanks for that man, although it still didnt fix some sections.

My Style Sheet
BODY { margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding: 0px; SCROLLBAR-BASE-COLOR: #000006; SCROLLBAR-ARROW-COLOR: #FFFFF6; }
form { display: inline }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial; font-size: 8.5pt; color: #000000 }
a:link, a:visited, a:active { text-decoration: underline; color: #000000 }
a:hover { color: #333333 }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }
.mainbg { background-color: #223249 }
.mainfoot { background-color: #223249 }
.forum1 { background-color: #ffffff }
.forum2 { background-color: #ffffff }
.post1 { background-color: #ffffff }
.post2 { background-color: #ffffff }
.posthead { background-color: #223249 }
.posthead2 { background-color: #8793A5 }
.postbak { background-color: #D2D2D0 }
.title { background-color: #6371BD }
.row1 { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #3A4B65 }
.row2 { background-color: #ffffff }
.postsep { background-color: #ffffff; height: 1px }
.signature { font-size: 7.5pt; color: #333399 }
.postdetails { font-size: 7.5pt }
.postcolor, #postcolor { font-size: 9pt; line-height: 160% }
.membertitle { font-size: 10px; line-height: 150%; color: #ffffff }
.normalname { font-size: 12px; font-weight: bold; color: #ffffff; padding-bottom: 2px }
.normalname a:link, .normalname a:visited, .normalname a:active { text-decoration: underline; color: #ffffff; padding-bottom: 2px }
.unreg { font-size: 11px; font-weight: bold; color: #CC9933 }
.highlight { color: #FF0000 }
.highlight a:link, .highlight a:visited, .highlight a:active { text-decoration: underline; color: #FF0000 }
.highlight a:hover { text-decoration: underline }
.desc { font-size: 8.0pt; color: #434951 }
.copyright { font-family: Verdana, Tahoma, Arial; font-size: 7.5pt; line-height: 12px }
.category { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #223249 }
.category2 { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #8793A5 }
.category3 { font-weight: bold; line-height: 150%; color: #ffffff; background-color: #ffffff }
.category a:link, #category a:visited, #category a:active { text-decoration: none; color: #ffffff }
.postfoot { font-weight: bold; color: #ffffff; height: 24px; background-color: #223249 }
.titlefoot { font-weight: bold; color: #ffffff; height: 24px; background-color: #8793A5 }
.titlemedium { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium2 { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/bgpost.gif) }
.titlemedium3 { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/bgtopic.gif) }
.titlemedium4 { font-weight: bold; color: #ffffff; height: 30px; background-color: #223249; background-image: url(style_images/<#IMG_DIR#>/bgpostc.gif) }
.titlemedium a:link, .titlefoot a:link, .titlemedium a:visited, .titlefoot a:visited, .titlemedium a:active, .titlefoot a:active { text-decoration: underline; color: #000000 }
.titlemedium a:hover, .subtitle a:hover, .titlefoot a:hover { text-decoration: underline; color: #000000 }
.maintitle { color: #000000; font-size: 9.5pt; height: 26px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
.edit { font-size: 9px }
.fancyborder { border: 1px dashed #999999 }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000000 }
.maintitle a:hover { text-decoration: underline }
.nav { font-weight: bold; color: #ffffff; font-size: 8.5pt }
.pagetitle { color: #FFFFFF; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120% }
.useroptions { background-color: #ffffff; height: 25px; font-weight: bold; color: #000000 }
.useroptions a:link, .useroptions a:visited,.useroptions a:active { text-decoration: none; color: #000000 }
.bottomborder { border-bottom: 1px dashed #D2D2D0 }
.linkthru { color: #000000; font-size: 8.5pt }
.linkthru a:link, .linkthru a:active { text-decoration: underline; color: #000000 }
.linkthru a:visited { text-decoration: underline; color: #000000 }
.linkthru a:hover { text-decoration: underline; color: #3A4B65 }
#QUOTE { font-family: Verdana, Arial; font-size: 8pt; color: #000000; background-color: #8793A5; border: 1px solid #223249; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Verdana, Arial; font-size: 8pt; color: #000000; background-color: #8793A5; border: 1px solid #223249; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.codebuttons { font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput { font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.textinput { font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.input { font-size: 9pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.hidden_text { color: red }

Affected sections:
http://killer.uber-fxp.com/images/help.gif

http://killer.uber-fxp.com/images/modteam.gif

http://killer.uber-fxp.com/images/mycontrols.gif

Any help would be appreciated, I highlighted the sections I think are troubled in red.

A big thanks in advance to anyone that can help.

[Aleborg]

it's a very nice skin, but you need to learn HTML though!

You can' use 3-4 <body> and <head>-tags at the same page...
and you also need to have a look at the HTML for the tables, found some errors there to...