|
Octa-White Stripes
|
|
Topic Started: Mar 5 2006, 12:27 PM (653 Views)
|
|
superguy
|
Mar 5 2006, 12:27 PM
Post #1
|
- Posts:
- 127
- Group:
- Members
- Member
- #68,783
- Joined:
- April 20, 2005
|
Name: Octa-White Stripes Author: superguy a.K.a .Kiki Skin Number: :confused: Date Created:Yesterday Side Notes:It is is my best one yet. You will definately like the Quote/Code Boxes.
Preview Of the Skin
CSS of skin:
Header & Body
- Quote:
-
<body bgcolor="#4D7AA8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"> <table align="center"> <td width="760px" style="background-color: #4D7AA8; padding: 2px 2px 2px 2px; border: 0px dashed;"> <div class="customlogo"><img src=" http://i18.photobucket.com/albums/b120/Pure_Designs/psp/octastripesbanner.gif" /></div> <div class="customsubmenu"><a href="http://s10.invisionfree.com/psplanet/index.php?act=site">Portal</a><a href="http://s10.invisionfree.com/psplanet/index.php?act=Help">Help</a><a href="http://s10.invisionfree.com/psplanet/index.php?act=Search&f=">Search</a><a href="http://s10.invisionfree.com/psplanet/index.php?act=Members">Members</a><a href="http://s10.invisionfree.com/psplanet/index.php?act=calendar">Calendar</a> </div> <% BOARD HEADER %> <table align="center"> <td width="760px" style=" background-color: #4D7AA8; padding: 2px 2px 2px 2px;"> <% NAVIGATION %> <% BOARD %> <% STATS %>
Footer
- Quote:
-
<script type='text/javascript' language='JavaScript'> <!--
var ul = document.getElementById('userlinks'); if (ul) { var hrefs = ul.rows[0].cells[1].getElementsByTagName('A'); var n; if (hrefs && hrefs.length) { var newHTML = '<select onChange="if (value != -1) window.location = value;'; newHTML += ' selectedIndex=0;" class="forminput">'; newHTML += '<option value="-1">Useful links...</option>'; newHTML += '<option value="-1">----------------</option>'; for (n = 0; n < hrefs.length; n++) newHTML += '<option value="' + hrefs[n].href + '">' + hrefs[n].innerHTML + '</option>'; newHTML += '</select>'; ul.rows[0].cells[1].innerHTML = newHTML; } }
//--> </script>
<table width="100%" style='border: 1px solid #4D7AA8; border-top: 0px solid #B2B9D6; background-color:4D7AA8' cellspacing="1" cellpadding="4"> <tr> <td align='center'><font size=1>Skin created by <b>superguy</b> of <b><a href="http://www.ifsz.net">IFSZ.</a></b></font></td> </tr>
CSS:
- Code:
-
<style> html { overflow-x: auto; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:10px 30px 10px 30px;background-color:#24486B } 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: #4D7AA8; text-decoration:none; border:1px solid #DDDDDD;background-color: #8BA9C7; }
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:#777;background-color:#DFE6EF;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 #345487;background-color: #F5F9FD } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { display: none; } #submenu { display: none; } #userlinks { border:1px dashed #C2CFDF; background-color: #8BA9C7}
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#BCD0ED; padding:6px }
.pformstrip { background-color: #6290BF; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }
.post1 { background-color: #8BA9C7} .post2 { background-color: #8BA9C7} .postlinksbar { background-color:#D1DCEB;padding:1px;margin-top:1px;font-size:10px; background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/inputandetc1.gif) }
.row1 { background-color: #F5F9FD } .row2 { background-color: #91B0CF; border-top: 1px solid #B3D2F2; border-left: 1px solid #A2C1E1; border-bottom: none; border-right: 1px solid #A2C1E1; } .row3 { background-color: #EEF2F7 } .row4 { background-color: #8BA9C7; border-top: 1px solid #ADCBE9; border-left: 1px solid #9CBAD8; border-bottom: none; border-right: 1px solid #9CBAD8; }
.darkrow1 { background-color: #4D7AA8; color:#4D7AA8; } .darkrow2 { background-color: #BCD0ED; color:#3A4F6C; background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/psp/dark2psp.gif);} .darkrow3 { background-color: #35689C; color:#00000; }
.hlight { background-color: #DFE6EF } .dlight { background-color: #EEF2F7 }
.titlemedium { font-weight:bold; color:#3A4F6C; padding:1px; margin:0px; background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/inputandetc1.gif) } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { text-align:center; vertical-align:middle;font-weight:bold; color:#35689C; letter-spacing:1px; padding:6px 0px 6px 5px; background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/psp/mtpsp.gif) } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #4D7AA8 } .maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid #345487;background-color:#F5F9FD } .tableborder { border:1px solid #345487;background-color:#5084CC; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; } .tablepad { background-color:#F5F9FD;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:#434951 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #339; padding: 10px; height: 200px; overflow: hidden } .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 }
/*Standard quote code*/
#QUOTE, #CODE { font-size: 10px; background: #B2C3D4; border: 1px dashed #000000; border-top: 0px; padding: 5px; color: #777777; margin: 0px; padding-bottom: 3px; } #CODE { font-family: Courier, Courier New, Verdana, Arial; }
/*Quote code main FX*/
.post1 td, .post2 td { color: #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px 2px 3px 20px; background: bottom left no-repeat url(http://i18.photobucket.com/albums/b120/Pure_Designs/psp/quote2.gif); } .post1 table, .post2 table { padding: 0px; margin: 8px 0px 2px 0px; }
/*Quote code error fixes*/
.post1 td b, .post2 td b, .post1 td#quote td b, .post2 td#quote td b, .post1 td#quote td#quote td b, .post2 td#quote td#quote td b, .post1 td#quote td#quote td#quote td b, .post2 td#quote td#quote td#quote td b, .post1 td#quote td#quote td#quote td#quote td b, .post2 td#quote td#quote td#quote td#quote td b, .post1 td#quote td#quote td#quote td#quote td#quote td b, .post2 td#quote td#quote td#quote td#quote td#quote td b, .post1 td#quote td#quote td#quote td#quote td#quote td#quote td b, .post2 td#quote td#quote td#quote td#quote td#quote td#quote td b, .post1 td#quote td#quote td#quote td#quote td#quote td#quote td#quote td b, .post2 td#quote td#quote td#quote td#quote td#quote td#quote td#quote td b { font-weight: normal; margin-right: 50px; color: #000000; }
.post1 td#quote b, .post2 td#quote b, .post1 td#quote td#quote b, .post2 td#quote td#quote b, .post1 td#quote td#quote td#quote b, .post2 td#quote td#quote td#quote b, .post1 td#quote td#quote td#quote td#quote b, .post2 td#quote td#quote td#quote td#quote b, .post1 td#quote td#quote td#quote td#quote td#quote b, .post2 td#quote td#quote td#quote td#quote td#quote b, .post1 td#quote td#quote td#quote td#quote td#quote td#quote b, .post2 td#quote td#quote td#quote td#quote td#quote td#quote b, .post1 td#quote td#quote td#quote td#quote td#quote td#quote td#quote b, .post2 td#quote td#quote td#quote td#quote td#quote td#quote td#quote b { font-weight: bold; color: #777777; margin: 0px; }
/*New post quote code fixes*/
td.row1 span.postcolor td { border: 1px solid #000000; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; color:# ; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#; background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/inputandetc1.gif); background-position:center;border:1px solid # ; }
.forminput, .radiobutton, .checkbox, input { border:1px solid #; color: #;background-color:# ; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/inputandetc1.gif); }
.textinput { border: 1px solid #;background-color:#; font-size: 10px; color:#; 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 #FFF;border-bottom:1px solid #FFF }
div.tableborder div.tablepad { background-color: 8BA9C7!important; } div.tableborder div.tablepad table { background-color: 8BA9C7!important; }
.customlogo { background-color: #FFFFFF; border: 1px solid #ffffff; }
.customsubmenu { text-align: center; margin: 10px 0px 10px 0px; padding: 10px; } .customsubmenu a:link, .customsubmenu a:visited, .customsubmenu a:active { font-weight: bold; color: #35689C; padding: 6px 20px 6px 20px; background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/psp/fancysub.gif); border: 1px solid #9E9E9E; }
.customsubmenu a:hover { background-image: url(http://i18.photobucket.com/albums/b120/Pure_Designs/psp/hoverfancy.gif); color: #FFFFFF; border: 1px solid #FFFFFF; }
.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 } </style>
|
|
|
| |
|
scope
|
Mar 5 2006, 01:22 PM
Post #2
|
- Posts:
- 44
- Group:
- Members
- Member
- #72,484
- Joined:
- May 7, 2005
- My Board URL
- http://z13.invisionfree.com/USS_Adams
|
I like it a lot !!
|
|
|
| |
|
pucifur27
|
Mar 5 2006, 01:22 PM
Post #3
|
- Posts:
- 7
- Group:
- Members
- Member
- #91,233
- Joined:
- July 20, 2005
|
I really, really like this skin. Good work!
|
|
|
| |
|
superguy
|
Mar 5 2006, 01:49 PM
Post #4
|
- Posts:
- 127
- Group:
- Members
- Member
- #68,783
- Joined:
- April 20, 2005
|
Thank You.
|
|
|
| |
|
Stephen-ZNR
|
Mar 5 2006, 02:20 PM
Post #5
|
- Posts:
- 3,483
- Group:
- Members
- Member
- #62,467
- Joined:
- March 24, 2005
|
Overall I think it's a decent skin. Even though "Octa Stripes" means more than three 
To start I think your userlinks is very plain, and very cliché. I've rated about 8 skins in my career so far, and 6 of them have a dashed line around the userlinks. I think it looks all right, but not cool enough to use on every single skin. I'd suggest going for something more original there if you can come up with something that isn't the maintitle - which I have a problem with myself.
The calendar is just a smidge plain - it looks like you didn't skin it and left it default.
I like the advanced quote/code skin you're trying to do -- I think those add lot of flavor to skins when done right - however I think your coloring is off and the gradient doesn't match the others very well. You'd do better with a glass look like your MT and DR2.
As to the huge section of coding for your Quote fixes, I think you can simply add this instead, although I haven't tried it - it should work: - Code:
-
.post1 td#quote td b, .post1 td#quote b { font-weight: normal!important; } Having added the !important tag to it should fix the problem and help remove the extra code as to specifying each element.
Great skin, I'm certianly looking forward to seeing your works and watching you improve.
|
|
|
| |
|
Jordi V
|
Mar 5 2006, 03:17 PM
Post #6
|
- Posts:
- 3,254
- Group:
- Members
- Member
- #52,837
- Joined:
- February 9, 2005
|
That's very nice awesome job
|
|
|
| |
|
superguy
|
Mar 5 2006, 03:50 PM
Post #7
|
- Posts:
- 127
- Group:
- Members
- Member
- #68,783
- Joined:
- April 20, 2005
|
Thank you Sprjix for the long comment, and thank you for the replies to the others.
|
|
|
| |
|
Josh.
|
Mar 5 2006, 03:51 PM
Post #8
|
- Posts:
- 344
- Group:
- Members
- Member
- #141,649
- Joined:
- January 25, 2006
|
Lovely skin
|
|
|
| |
|
superguy
|
Mar 5 2006, 04:23 PM
Post #9
|
- Posts:
- 127
- Group:
- Members
- Member
- #68,783
- Joined:
- April 20, 2005
|
Thank you.
|
|
|
| |
|
helloworld
|
Mar 5 2006, 08:12 PM
Post #10
|
- Posts:
- 6,544
- Group:
- Members
- Member
- #148,828
- Joined:
- February 19, 2006
|
That's pretty unique, but I'd get rid of the paler blue in the forum table and just make it white, it might flow better with only two main colors.
|
|
|
| |
|
Sudukchung
|
Mar 6 2006, 07:57 PM
Post #11
|
- Posts:
- 17
- Group:
- Members
- Member
- #138,748
- Joined:
- January 15, 2006
|
nice
|
|
|
| |
|
Machiavelii
|
Mar 7 2006, 01:03 AM
Post #12
|
- Posts:
- 284
- Group:
- Members
- Member
- #153,690
- Joined:
- March 7, 2006
|
Fantastic stuff, I really like this, great effort!
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|