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
Ye Olde Pub IF Retro-version
Topic Started: Jul 8 2011, 11:10 AM (4,283 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Ye Olde Pub Posted Image

Author: Designed for ZetaBoards by Helena, converted for IF by Cory.
Original ZetaBoards Theme

Date Created: 07/11

Skin Preview: Click image to see the full, live preview.

Posted Image

Side Notes: It's important you keep all code in order for the skin to look proper. In any of the coding find "z#" and change the number sign to your server number and "BOARD_NAME" to your board name both found in the URL. Remove this line from the IPDynamic Lite Set-up coding if you actually use the 'affiliates box' feature on the portal: $(".maintitle:contains(Recommended Sites)").parent().remove();

Completely remove the coding in the logo box in the image macros to use the skin as intended. A separate logo banner is not needed, as the navigation design fills that need. However, if you do insert a banner, it will appear over the navigation within the wrap area.

Ye Olde Pub IF has been tested in FireFox 5, the latest Chrome, IE9, Opera and Safari. IE8 renders the skin serviceably, but has some small anomalies on the portal and in button placement on the forum page. If you encounter other browser-related display issues, please post in this topic. (Versions below IE8 likely cannot be supported.)

Edits Allowed? Yes, as long as you add "edited by..." in the copyright for any major edits beyond normal personalizations.

Graphics: For full previews of the graphics, please visit this topic:
http://resources.zetaboards.com/topic/5119090/
DOWNLOADS:
http://z3.ifrm.com/28122/87/0/p411173/PubImages1.zip
http://z3.ifrm.com/28122/87/0/p411174/PubImages2.zip
http://z3.ifrm.com/28122/87/0/p414335/YOPimagesIF.zip
http://z3.ifrm.com/28122/87/0/p411175/PubEmoticons.zip

Image code block for use with developer tool transfer method


prehosted image URLs for manual copy/paste installation



CSS:
Code:
 
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: "Palatino Linotype", "Georgia", "Utopia STD", serif; font-size: 13px; color: #301919; margin: 0; background:#000 }
TABLE, TR, TD { color: #333; font-size: 13px; }
a { text-decoration: none; color: #822D2D; }
a:hover, script + #ucpcontent + div a:hover { color: #C44040; text-decoration: none; }

#wrap {
background: #DBDBDB;
border-left: 15px solid #000;
border-right: 15px solid #000;
padding: 20px;
}

#ipbwrapper {
border: 15px solid #000;
border-top-width: 27px;
}

#ipbwrapper .row4[width] {
background: #DBDBDB;
}

#ipbwrapper .row4[width="200"] {
padding-left: 20px;
border-right: 0 !important;
border-top-width: 25px !important;
background: url(http://z3.ifrm.com/28122/87/0/p399825/BrdrSideL.png) repeat-y top left, url(http://z3.ifrm.com/28122/87/0/p399827/BrdrSideTop.png) repeat-x top left, url(http://z3.ifrm.com/28122/87/0/p399828/BrdrSideBot.png) repeat-x bottom left;
background-color: #EFEFEF;
}

#ipbwrapper .row4[width="90%"] {
padding-top: 76px;
padding-right: 20px;
border-left: 0 !important;
border-top-width: 25px !important;
background: url(http://z3.ifrm.com/28122/87/0/p399826/BrdrSideR.png) repeat-y top right, url(http://z3.ifrm.com/28122/87/0/p399827/BrdrSideTop.png) repeat-x top left, url(http://z3.ifrm.com/28122/87/0/p399828/BrdrSideBot.png) repeat-x bottom left;
background-color: #EFEFEF;
}

#ipbwrapper .row4[width] {
border: 20px solid #DBDBDB;
}

#ipbwrapper .row4[width="5"] {
border-top-width: 25px;
background: url(http://z3.ifrm.com/28122/87/0/p399827/BrdrSideTop.png) repeat-x top left, url(http://z3.ifrm.com/28122/87/0/p399828/BrdrSideBot.png) repeat-x bottom left;
background-color: #EFEFEF;
}

.row4 b a {
font-size: 14px;
}

label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

li.helprow { padding: 0; margin: 0 0 10px 0; list-style: none; }
ul#help { padding: 0 0 0 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { padding-left: 5px; }

td.row1[style*="outset"] {
border-color: #C44040 #822D2D #822D2D #C44040 !important;
border-style: solid !important;
border-width: 2px !important;
}

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

#calendarname + br + div table .darkrow1 {
background: #F6F6F6;
}

#calendarname + br + div + br + div {
position: relative;
bottom: 19px;
}

#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 #D1D1D1; }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#menu {
color: #C5C3C3;
font-size: 13px;
left: 75px;
position: fixed;
text-align: center;
top: 300px;
z-index: 2;
}

#menu a {
color: #2A1212;
padding: 3px 5px;
}

#menu a:hover {
color: #C44040;
}

#userlinks {
background: #000;
position: absolute;
top: 0;
left: 0;
padding: 0 20px;
}

#userlinks td, #userlinks a {
color: #C5C3C3;
}

#navstrip { color: #2A1212; }

#navstrip li, #navstrip a {
display: inline-block;
}

#navstrip ul {
margin: 0;
padding: 0;
list-style: none;
}

.nav-first {
background: url(http://z3.ifrm.com/28122/87/0/p400407/NavBkgdHead.png) no-repeat;
}

.nav-first a {
background: url(http://z3.ifrm.com/28122/87/0/p400465/NavBkgdEnd.png) no-repeat right;
padding: 12px 18px;
font-size: 20px;
font-weight: 700;
text-shadow: 0 2px 2px #FFF;
text-align: center;
min-width: 110px;
}

.nav-first + span {
margin: 0 10px 0 0 !important;
}

.activeuserstrip { background: url(http://z3.ifrm.com/28122/87/0/p399816/grad4.png) repeat-x bottom #FBF7F5; padding: 5px 10px; }

.pformstrip { background: url(http://z3.ifrm.com/28122/87/0/p399802/grad2.png) repeat-x #EFEFEF; color: #777; padding: 3px 5px; }
.pformleft { padding:6px; margin-top:1px;width:25%; }
.pformleftw { padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; }
.pformright { padding:6px; margin-top:1px; }

.postlinksbar { background: url(http://z3.ifrm.com/28122/87/0/p399802/grad2.png) repeat-x #EFEFEF; padding: 3px 5px; margin-top:1px; font-size:10px; }

.row1, .row2, .row3, .row4, .pformleft, .pformright, .pformleftw, .tablefill, #calendarname + br + div table .row3, .post1, .post2, #ucpcontent, #ucpmenu, #CODE, #QUOTE, .shadow, #ipbwrapper .desc[style], .postdetwrap { background: url(http://z3.ifrm.com/28122/87/0/p399803/gradCell.png) repeat-x bottom #FBF7F5; }

.shadow { height: 33px; margin: 0 -3px; }
.pformstrip + .shadow { margin: 0; }

.tablepad { background: url(http://z3.ifrm.com/28122/87/0/p399803/gradCell.png) repeat-x bottom #FBF7F5 !important; }

table[bgcolor] { background: #FBF7F5 !important; }

.tablepad {
padding: 10px;
}

.row4[align="center"][style] {
background: #000 !important;
border: 0 !important;
color: #EEE;
}

.row4[align="center"][style] a {
color: #C44040;
}

.darkrow1, .darkrow2, .darkrow3, .caldate, #calendarname + br + div + br + div .pformstrip { background: url(http://z3.ifrm.com/28122/87/0/p399801/grad1.png) repeat-x #FBF7F5; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { color: #777; padding: 3px 5px; background: url(http://z3.ifrm.com/28122/87/0/p399802/grad2.png) repeat-x #EFEFEF; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

.maintitle img, #submenu, fieldset.search, #ipbwrapper #logostrip { display: none; }

img[alt="Last Post"] { margin-right: 3px; }

.mtwrap {
background: url(http://z3.ifrm.com/28122/87/0/p398007/H2a.png) repeat-x;
}

.plainborder .mtwrap {
margin: 0 -5px -6px;
}

form[action*="fchoice"] .mtwrap {
margin: -3px;
}

.mtleft {
background: url(http://z3.ifrm.com/28122/87/0/p411219/H2start.png) no-repeat;
}

.mtcenter {
font-size: 16px;
font-weight: 700;
padding: 12px 9px 0;
text-align: left;
}

.mtcenter, .mtcenter a {
color: #EEE;
text-shadow: 0 -1px 1px #000;
}

.mtright {
background: url(http://z3.ifrm.com/28122/87/0/p411220/H2end.png) no-repeat right top;
height: 43px;
}

.tableborder { background: #D1D1D1; }
.tablefill { width: 100%; padding: 6px; }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

input[name="CookieDate"] + div table {
width: 100%;
}

.pformstrip + div + .signature {
width: auto !important;
}

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

#ucpcontent table[cellspacing="1"] {
margin-left: -1px;
width: 100.3%;
}

.postdetails { font-size: 10px; display: block; text-align: center; }
.postcolor { font-size: 13px; line-height: 160% }

.postdetwrap { text-align: left; padding: 5px 7px; margin: 0 5px 5px; }

.normalname { font-size: 13px; font-weight: bold; color: #003; display: block; text-align: center; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 13px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { padding: 5px }
#CODE { font-family: "Monaco", "Consolas", "Courier New", "Courier", monospace; padding: 5px }

.dl {
background: url(http://z3.ifrm.com/28122/87/0/p399802/grad2.png) repeat-x #EFEFEF;
}

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons, input[type="submit"] { color: #666; background: url(http://z3.ifrm.com/28122/87/0/p399802/grad2.png) repeat-x #EFEFEF; vertical-align: middle; font-size: 11px; font-family: "Palatino Linotype", "Georgia", "Utopia STD", serif; }
.forminput, .textinput, .radiobutton, .checkbox { background: #FAFAFA; vertical-align: middle; font-size: 11px; }

select[style*="red"] {
color: #9F1F1F !important;
}

textarea {
width: 95%;
font-family: "Verdana", sans-serif;
font-size: 13px;
}

input:focus, input.focus, textarea:focus, textarea.focus {
border: 1px solid #BDBDBD;
}

select[name="ffont"], select[name="fsize"], select[name="fcolor"] {
margin: 0 0 0 5px;
}

input.row1 { background: none; }

.thin { padding: 6px 0; line-height: 140%; margin: 2px 0; }

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

#sidebar {
min-width: 135px;
background: url(http://z3.ifrm.com/28122/87/0/p397996/lamp.png) no-repeat 34px 35px fixed;
position: absolute;
z-index: 1;
margin-top: -20px;
}

#sidebar_content {
position: fixed;
top: 567px;
font-size: 9px;
text-align: center;
margin-left: 10px;
}

#header {
background: url(http://z3.ifrm.com/28122/87/0/p399827/BrdrSideTop.png);
height: 30px;
margin: 30px 0 -27px;
}

#header_l {
background: url(http://z3.ifrm.com/28122/87/0/p399821/BrdrTopL.png);
height: 30px;
width: 30px;
float: left;
}

#header_r {
background: url(http://z3.ifrm.com/28122/87/0/p399822/BrdrTopR.png);
height: 30px;
width: 30px;
float: right;
}

#side_l {
background: url(http://z3.ifrm.com/28122/87/0/p399825/BrdrSideL.png) repeat-y left;
padding-top: 10px;
}

#side_r {
background: url(http://z3.ifrm.com/28122/87/0/p399826/BrdrSideR.png) repeat-y right #EFEFEF;
margin-left: 20px;
padding-right: 20px;
}

#side_r > div {
position: relative;
}

#footer {
background: url(http://z3.ifrm.com/28122/87/0/p399828/BrdrSideBot.png);
height: 30px;
}

#footer_l {
background: url(http://z3.ifrm.com/28122/87/0/p399823/BrdrBotL.png);
height: 30px;
width: 30px;
float: left;
}

#footer_r {
background: url(http://z3.ifrm.com/28122/87/0/p399824/BrdrBotR.png);
height: 30px;
width: 30px;
float: right;
}

.post-button {
background: url(http://z3.ifrm.com/28122/87/0/p408115/PBblank.png);
width: 76px;
height: 21px;
text-align: center;
display: inline-block;
text-shadow: 1px 1px 1px #FBF7F5;
text-transform: lowercase;
font-weight: 700;
font-size: 13px;
}

.contact {
background: url(http://z3.ifrm.com/28122/87/0/p413805/ContactBlank.png);
width: 55px;
height: 20px;
color: #7F7F7F;
text-shadow: 1px 1px 1px #FBF7F5;
}

.darkrow1[style*="5px"] {
background: url(http://z3.ifrm.com/28122/87/0/p399818/sep.png) repeat-x #7D2613;
}

td.pagination {
background: url(http://z3.ifrm.com/28122/87/0/p401483/PaginationHead.png) no-repeat;
margin: 15px 0;
padding: 5px 0;
width: 1%;
}

td.pagination div {
background: url(http://z3.ifrm.com/28122/87/0/p401484/PaginationEnd.png) no-repeat right;
padding: 2px 18px;
margin-top: -10px;
}

.webkit td.pagination div {
margin-top: -8px;
}

span.pagination {
background: url(http://z3.ifrm.com/28122/87/0/p401629/PaginationHeadSm.png) no-repeat;
float: right;
}

span.pagination div {
background: url(http://z3.ifrm.com/28122/87/0/p401630/PaginationEndSm.png) no-repeat right;
padding: 3px 13px 5px;
font-size: 10px;
}

.webkit span.pagination div {
padding: 3px 13px 4px;
}

.pagination {
text-shadow: 0 2px 1px #FFF;
}

.signature, textarea {
background: url("http://z3.ifrm.com/28122/87/0/p399807/corner.png") no-repeat right bottom #FBF7F5 !important;
}

.signature {
margin: 0 -3px -3px;
min-height: 92px;
padding: 5px 10px;
}

script + div + div + div .signature {
padding: 0;
}

.forum_rules {
padding: 10px 25px;
background: url(http://z3.ifrm.com/28122/87/0/p399803/gradCell.png) repeat-x bottom #FBF7F5;
border-left: 4px solid #000 !important;
}

.forum_rules img:first-child {
margin: 0 0 0 -28px;
}

#ipbwrapper + #footer_l {
margin-top: -72px;
bottom: 35px;
left: 185px;
position: relative;
}

#ipbwrapper + div + #footer_r {
margin-top: -72px;
bottom: 35px;
right: 35px;
position: relative;
}

#ipbwrapper #header_l {
margin: -6px 0 0 -20px;
}

#ipbwrapper #header_r {
margin: -76px -20px 0 0;
}

script + #ucpcontent + div, script + #ucpcontent + div a {
color: #C5C3C3;
}

div[stlye*="none"] + br + div, form[action*="Poll"] .row1, input[value="11"] + div, input[value='reval2'] + div + br + div {
background: none;
}

input[name="referer"] + div .pformleftw, input[name="referer"] + div .pformright, input[name="sf"] + div .pformleftw, input[name="sf"] + div .pformright, p + .pformstrip + .tablepad, .history .pformleftw, .history .pformright {
border: 0 !important;
}

table + .darkrow2, form[method="post"] .darkrow2, .pformleft, .pformleftw, .pformright, form[enctype] .pformstrip, script[language] + .tableborder .pformstrip, input[value="11"] + div + div .pformstrip, input[value='reval2'] + div + br + div .pformstrip, div[style*='none'] + br + div + br + br + div + br + div .pformstrip:last-child, input[name="CookieDate"] + div .pformstrip, input[name="OID"] + table .pformstrip, form[action*="getgallery"] .pformstrip, form[name="creator"] .pformstrip, form[onsubmit*='Profile'] .pformstrip, input[value="dofolderdelete"] + div + p + div .pformstrip, .darkrow2 + .row2, .plainborder .row1, .plainborder .row3, form[action*="SF"] .pformstrip {
border-top: 0 !important;
}

form[enctype] .pformstrip, br[clear] + br + div .pformstrip, script[language] + .tableborder .pformstrip, .pformleft, .pformleftw, .pformright, form[name="REPLIER"] .pformleftw, form[name="REPLIER"] .pformright {
border-bottom: 0;
}

.dl, br[clear] + br + div .pformstrip:first-child, div[style*='none'] + br + div + br + br + div .pformstrip, div[style*='none'] + br + div + br + br + div + br + div .pformstrip:first-child, form[onsubmit*='Profile'] .pformstrip, form[action*="report"] .row1 {
border-bottom: 0 !important;
}

#ipbwrapper .post1:last-child, #ipbwrapper .row4[width="5"], .pformright, form[name="REPLIER"] .pformleftw, form[name="REPLIER"] .pformright, form[name="bob"] .pformstrip, form[name="bob"] .pformleft, form[action*="getgallery"] .pformleft, form[name="creator"] .pformleft, form[name="creator"] .pformstrip, form[onsubmit*='Profile'] .pformleft, #ucpcontent script + form[name="REPLIER"] .pformstrip, #ucpcontent script + form[name="REPLIER"] .pformleft, .plainborder .row1 {
border-left: 0 !important;
}

form[name="REPLIER"] .row1 {
border-left: 0 !important;
border-top: 0 !important;
}

form[name="REPLIER"] .row1:first-child {
border-left: 1px solid #D1D1D1 !important;
}

#ipbwrapper .post1[width="5%"], #ipbwrapper .post2[width="5%"], #ipbwrapper .row4[width="5"], form[name="REPLIER"] .pformleftw, form[name="REPLIER"] .pformright, script + form[name="REPLIER"] .pformstrip {
border-right: 0;
}

form[name="bob"] .pformstrip, form[name="bob"] .pformright, form[action*="getgallery"] .pformright, form[name="creator"] .pformright, form[name="creator"] .pformstrip, form[onsubmit*='Profile'] .pformright, form[onsubmit*="(1)"] .pformright, form[action*="report"] .row1, div[style*='none'] + br + div + br + br + div .row1:first-child {
border-right: 0 !important;
}

#ipbwrapper .desc[style], form[name="REPLIER"] .row1, #ipbwrapper .post1, #ipbwrapper .post2, #calendarname + br + div + br + div .pformstrip, form[enctype] .pformstrip, br[clear] + br + div .pformstrip, script[language] + .tableborder .pformstrip, .pformleft, .pformleftw, .pformright, .tablepad, table + .darkrow2, .tablefill, .postdetwrap, #QUOTE, #CODE, .dl, .codebuttons, input[type="submit"], .forminput, .textinput, .radiobutton, .checkbox, .forum_rules, input[value="11"] + div + div .pformstrip, input[value='reval2'] + div + br + div .pformstrip, div[style*='none'] + br + div .pformstrip, div[style*='none'] + br + div + br + br + div .row1, div[style*='none'] + br + div + br + br + div .pformstrip, div[style*='none'] + br + div + br + br + div + br + div .pformstrip, input[name="CookieDate"] + div .titlemedium, input[name="CookieDate"] + div .pformstrip, textarea, #ucpcontent, .activeuserstrip + .row2, .darkrow2 + .row2, .row2 + .darkrow2, .plainborder .row3, .plainborder .row1, form[action*="SF"] .pformstrip {
border: 1px solid #D1D1D1;
}

form[name="REPLIER"] .pformstrip, #ipbwrapper .row2, form[action*="Poll"] .pformstrip, .activeuserstrip, input[name="referer"] + div .pformstrip, .postlinksbar, .darkrow1[style*="5px"], input[value="11"] + div .pformstrip {
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
}

#ipbwrapper .post1[width="5%"], #ipbwrapper .post2[width="5%"] {
border-left: 1px solid #D1D1D1;
}

#ucpcontent .pformstrip, #ucpmenu .pformstrip {
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
}

form[name="bob"] .pformstrip {
border-top: 1px solid #D1D1D1 !important;
}

form[name="bob"] .pformstrip:last-child {
border-top: 0 !important;
}

form[name="REPLIER"] .pformstrip:last-child, #welcome_box .pformleft, #welcome_box .pformright, #ipbwrapper .row2[align], #QUOTE, #CODE, form[onsubmit] .pformright, script + form[name="REPLIER"] .pformright {
border-bottom: 1px solid #D1D1D1 !important;
}

form[onsubmit] .pformright {
border-right: 1px solid #D1D1D1;
}

.signature, #welcome_box .pformleft, #welcome_box .pformright, input[value="11"] + div .pformleft, input[value="11"] + div .pformright {
border-top: 1px solid #D1D1D1 !important;
}

form[action*="report"] .row1:first-child {
border-left: 0 !important;
}

#header, #side_l, #footer {
margin-left: 130px;
}

#ipbwrapper table.tableborder table.tableborder {
position: relative;
z-index: 1;
}

#ipbwrapper .row4[colspan="3"] {
background: #DBDBDB;
}

IMAGES

Board Wrappers:

Document Type:
Code:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Javascript:
Code:
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

Header & Body:
Code:
 
<div id="wrap">

<div id="sidebar"><div id="sidebar_content">Designed by <a href="http://if.invisionfree.com/profile/273996/">Helena</a>,<br> converted by <a href="http://if.invisionfree.com/profile/32664/">Cory</a> of <a href="http://if.invisionfree.com/">ZN</a></div></div>

<div id="menu">
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Search&f=1">Search</a><br>
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Members">Members</a><br>
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=calendar">Calendar</a><br>
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Help">Help</a><br>
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=site">Portal</a>
</div>
<div id="header">
<div id="header_l"></div>
<div id="header_r"></div></div>
<div id="side_l"><div id="side_r">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
</div></div>
<div id="footer">
<div id="footer_l"></div>
<div id="footer_r"></div>
</div>
</div>

Footer:
Code:
 
<script type="text/javascript">
//<![CDATA[
$(".maintitle").wrapInner("<div class='mtwrap'><div class='mtleft'><div class='mtright'><div class='mtcenter'></div></div></div>");
$("div.row4:has(ins)").css("background", "none");
$("#navstrip").wrapInner("<ul></ul>");
$("#navstrip a").wrap("<li></li>");
$("#navstrip li:eq(0)").addClass("nav-first");
$(".row4:contains(Hosted for free)").prev().remove();
var h = $(window).height();
$("#side_r").css("min-height", h - 153);
$("br[clear] + br + div .pformstrip:last").css("margin-top", "-1px");
$("form[enctype] .pformstrip:last, br[clear] + br + div .pformstrip:last, input[name='referer'] + div .pformstrip:last, , script[language] + .tableborder .pformstrip:last").css("border-bottom", "1px solid #D1D1D1");
$(".post1 table td:not(#CODE), .post2 table td:not(#CODE), .post1 table td:not(#QUOTE), .post2 table td:not(#QUOTE)").addClass("dl");
$(".post1 table, .post2 table").attr("cellspacing", "0");
$("div.signature").before("<div class='shadow'></div>");
$(".maintitle:contains(Topic History Report), .maintitle:contains(Moderator Log Entries)").parent().addClass("history");
$("input[value='11'] + div table, input[value='reval2'] + div + br + div table, div[style*='none'] + br + div table, div[style*='none'] + br + div + br + br + div table, input[name='CookieDate'] + div table, #ucpcontent .tablebasic, script + form[name='REPLIER'] table, form[onsubmit*='Profile'] table, .plainborder table").attr("cellspacing", "0");
$("input[value='11'] + div").next().remove();
$('td[nowrap]').each(function () {
if ($(this).children().length < 1) {
$(this).remove();
}
});
$("td[nowrap][align][width], span.small").addClass("pagination").wrapInner("<div></div>");
$("a[title='Open Topic Options']").insertAfter("table:last");
$('td[nowrap]:has(> div:empty)').each(function () {
if ($(this).children().length === 1) {
$(this).remove();
}
});

if ($.browser.webkit) {
$('body').addClass('webkit');
}

var board_url = location.href.split(/\/([a-zA-Z0-9-]+)*.php/)[0];
$("a[href*='Search&CODE=getnew']").text("Active Topics").attr("href", board_url + "/index.php?act=Search&CODE=getactive");

//Remove Sig Dashes
//By slayer766 of thecodingzone.com
var dash = document.getElementsByTagName("td");
for (i = 0; i < dash.length; i++) {
if ((dash[i].className === "post2" || dash[i].className === "post1") && dash[i].innerHTML.match(/(--------------------)/i)) {
dash[i].innerHTML = dash[i].innerHTML.replace(RegExp.$1, "");
}
}

if (location.href.match('showforum') || location.href.match('showtopic') || location.href.match('Post&CODE') || location.href.match('SF')) {
$('#navstrip + br + div[align="left"], #navstrip + br + script + a + div[align="left"], input[name="CODE"] + div, input[name="f"] + div, input[name="t"] + div').addClass('forum_rules');
}

if (location.href.match('calendar&code')) {
$('.pformstrip:eq(0)').css({
'border-left': '1px solid #D1D1D1',
'border-right': '1px solid #D1D1D1'
});
}

$('td[class*=post] span.postdetails').html(function (i, h) {
var spl = h.split('\n'),
n = 0,
i = spl.length,
copy = spl.slice();
for (; n < i; n++) {
if (spl[n].indexOf('Group: ') !== -1) {
copy.splice(n, 0, "<div class='postdetwrap'>");
} else if (spl[n].indexOf('Joined: ') !== -1) {
copy.splice(n + 2, 0, "</div>");
if (location.href.indexOf('act=Msg') === -1) {
copy[n + 1] = copy[n + 1].replace(/<br(?:\s?\/)?>/g, "");
}
}
}
return copy.join("\n");
});

if (location.href.indexOf('act=Msg') !== -1) {
$('.postdetwrap br:first').remove();
}

//By Choco of the IFSZ
x = document.getElementsByTagName("img");
for (var i in x) {
if (x[i].src && x[i].src.match(/bar_left/i)) {
x[i].src = "http://z3.ifrm.com/28122/87/0/p399818/sep2.png";
}
if (x[i].src && x[i].src.match(/bar_right/i)) {
x[i].src = "http://z3.ifrm.com/28122/87/0/p399818/sep2.png";
}
if (x[i].src && x[i].src.match(/bar\.gif/i)) {
x[i].src = "http://z3.ifrm.com/28122/87/0/p399818/sep2.png";
}
}

$('#side_r').css('min-height', ($('#wrap').height()) + 'px');
$('#sidebar').css('min-height', ($('#wrap').height()) + 'px');

$(window).scroll(function () {
if ($(window).scrollTop() >= 15) {
$('#sidebar').css('background-position', '34px 10px');
$('#sidebar_content').css('top', '537px');
$('#menu').css('top', '275px');
} else {
$('#sidebar').css('background-position', '34px 35px');
$('#sidebar_content').css('top', '562px');
$('#menu').css('top', '300px');
}
});
//]]>
</script>


IP Dynamic Lite Set up:

Code:
 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script type="text/javascript">
//<![CDATA[
$(function () {
$(".maintitle").wrapInner("<div class='mtwrap'><div class='mtleft'><div class='mtright'><div class='mtcenter'></div></div></div>");
$("div.row4:has(ins)").css("background", "none");
$(".post1 table td:not(#CODE), .post2 table td:not(#CODE), .post1 table td:not(#QUOTE), .post2 table td:not(#QUOTE)").addClass("dl");
$(".post1 table, .post2 table").attr("cellspacing", "0");
$(".tableborder:eq(0) tr:eq(0)").prepend('<td style="padding: 0 150px 0 0; background: #DBDBDB" rowspan="2"><div id="sidebar"><div id="sidebar_content">Designed by <a href="http://if.invisionfree.com/profile/273996/">Helena</a>,<br> converted by <a href="http://if.invisionfree.com/profile/32664/">Cory</a> of <a href="http://if.invisionfree.com/">ZN</a></div></div></td>');
$("#menu").appendTo("#sidebar");
$(".tableborder:eq(0) td[width='200']").prepend('<div id="navstrip" style="margin: 10px 0"><ul style="list-style: none"><li class="nav-first"><a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=idx">BOARD_NAME</a></li></ul></div>');
$(".maintitle:contains(Recommended Sites)").parent().remove();
$(".row4[width='200']").prepend("<div id='header_l'></div>");
$(".row4[width='90%']").prepend("<div id='header_r'></div>");
$("body").append("<div id='footer_l'></div><div id='footer_r'></div>");
$('head').prepend('<!--[if lte IE 8]><style type="text/css">#ipbwrapper + #footer_l, #ipbwrapper + div + #footer_r, #ipbwrapper #header_l, #ipbwrapper #header_r { display: none !important; }</style><![endif]-->');

var board_url = location.href.split(/\/([a-zA-Z0-9-]+)*.php/)[0];
$("a[href*='Search&CODE=getnew']").text("Active Topics").attr("href", board_url + "/index.php?act=Search&CODE=getactive");

$('#sidebar').css({
'min-height': ($('table.tableborder:eq(0)').height() + 17) + 'px',
'top': '0'
});
});

$(window).scroll(function () {
if ($(window).scrollTop() >= 15) {
$('#sidebar').css('background-position', '34px 10px');
$('#sidebar_content').css('top', '537px');
$('#menu').css('top', '275px');
} else {
$('#sidebar').css('background-position', '34px 35px');
$('#sidebar_content').css('top', '562px');
$('#menu').css('top', '300px');
}
});
//]]>
</script>

<div id="menu">
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Search&f=1">Search</a><br />
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Members">Members</a><br />
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=calendar">Calendar</a><br />
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php?act=Help">Help</a><br />
<a href="http://z#.invisionfree.com/BOARD_NAME/index.php">Forums</a>
</div>
Offline Profile Quote Post Goto Top
 
Pando
Member Avatar
Member
[ *  *  *  *  *  * ]
Looks good Cory :) Good conversion :D
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Nice conversion, Cory. :D
Offline Profile Quote Post Goto Top
 
RyanF
Member Avatar
My Comedy Drama
[ *  *  *  *  * ]
I am so happy this happened!
Offline Profile Quote Post Goto Top
 
DynamicDesigns
Member Avatar
Member
[ * ]
Very well put together, Well done!
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Cory has updated the skin codes to fix a problem that appeared in FireFox browser after a recent update. The issue caused the lampost image in the sidebar to break up during scrolling. The update fixes that problem.

If you started using this theme before the date of this post, please replace all the codes for your board wrappers and for your Style Sheets with those now posted in the first topic.
Offline Profile Quote Post Goto Top
 
mawarm
Member
[ *  * ]
This skin looks very nice and would definitely fit with my clan's theme, however I don't think that the lamp post on the left side would really go with our style. Is it possible to remove that and maybe even replace it with another image? I also suppose that there wouldn't be any issue with changing the table width, right?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

It is possible, and edits like that are not prohibited. However, there is a lot going on in this theme, and changes in the table width might break something. You'll have to give it a try and see what happens.
Offline Profile Quote Post Goto Top
 
mawarm
Member
[ *  * ]
Alright, thanks for the quick reply. :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply