Skins for this site « Thread Started on Jan 6, 2008, 6:36pm »
xx Coming upon this site, I realized that it could draw a lot more members in if it had a great skin. People like to have friendly colors and nice features while they post. Here are just a couple suggestions that I'd do for a good skin;
<script type="text/javascript"> <!-- /* Head/Base Image on Sub-Boards By {XF}Äs$@§sîñ™, [url]http://www.xf-clan.net[/url] This header must stay intact. Code from [url]http://www.utopiangfx.proboards56.com/index.cgi[/url] */
var sHeadImg = "URL TO HEADER2.GIF"; // Head Image var sBaseImg = "URL TO BASE.GIF"; // Base Image
var table = document.getElementsByTagName("table"); if (location.href.match(/\?board=\w+&?((mod\w+|page)=\d+)?$/)) { for (i=0; i<table.length; i++) { if (table.item(i).width == "100%" && table.item(i).cellPadding == "0" && table.item(i).innerHTML.match(/<b>Sub-Boards<\/b>/i)) { var headDiv = document.createElement('div'); headDiv.setAttribute("align", "center"); var headImg = document.createElement("img"); headDiv.appendChild(headImg); var baseDiv = headDiv.cloneNode(true); headDiv.firstChild.setAttribute("src", sHeadImg); baseDiv.firstChild.setAttribute("src", sBaseImg); table.item(i).parentNode.insertBefore(headDiv, table.item(i)); table.item(i).parentNode.insertBefore(baseDiv, table.item(i).nextSibling); break; } } } //--> </script>
<script type="text/javascript"> <!-- /* Thread List Head/Base Images By {XF}Äs$@§sîñ™, [url]http://www.xf-clan.net/[/url] Code from [url]http://www.utopiangfx.proboards56.com/index.cgi[/url] */
var headSRC = "URL TO HEADER1.GIF"; // Head Image var baseSRC = "URL TO BASE.GIF"; // Base Image
var table = document.getElementsByTagName("table"); if (location.href.match(/\?board=\w+&?((mod\w+|page)=\d+)?$/)) { for (i=table.length-1; i>0; i--) { if (table.item(i).width == "100%" && table.item(i).className == "bordercolor" && table.item(i).innerHTML.match(/\[Search\sThis\sBoard\]/i)) { var headDiv = document.createElement("div"); headDiv.setAttribute("align", "center"); var headImg = document.createElement("img"); headDiv.appendChild(headImg); var baseDiv = headDiv.cloneNode(true); headDiv.firstChild.setAttribute("src", headSRC); baseDiv.firstChild.setAttribute("src", baseSRC); table.item(i).parentNode.insertBefore(headDiv, table.item(i)); table.item(i).parentNode.insertBefore(baseDiv, table.item(i).nextSibling); break; } } } // --> </script>
<script type="text/javascript"> <!-- /* Split Posts With Head / Base Images
This code may not be redistributed without express permission from the creator. This header must stay intact at all times. */
// Set gap size here var iGapSize = 35;
// Head image url var iHeadImg = "URL TO HEADER2.GIF";
// Base image url var iBaseImg = "URL TO BASE.GIF";
function bTable(tbobj, att){ var nTable = document.createElement("table");
for(a = 0; a < att.length; a ++){ nTable.setAttribute(att[a][0], att[a][1]); } nTable.appendChild(tbobj); return nTable; }
function splitPosts(){ var obj = new Object(); var gPoll = false; var iInc = 0, cInc = 0, oInc = 0; var attArray = [["width", "100%"], ["cellSpacing", 1], ["cellPadding", 4]]; var docFragment = document.createDocumentFragment(); var iTable = document.getElementsByTagName("table");
for(t = 0; t < iTable.length; t ++){ if(iTable.item(t).cellPadding == "4" && iTable.item(t).cellSpacing == "1"){ var iRows = iTable.item(t).rows; for(r = 0; r < iRows.length; r ++){ r = (r < 0)? 0 : r; var nTb = document.createElement("tbody"); var rNode = iRows.item(r); if(rNode && rNode.firstChild.colSpan == "2" && rNode.firstChild.className == "titlebg" && r == 0){ nTb.appendChild(rNode); obj[(iInc ++)] = { tobj: bTable(nTb, attArray) }; r --; } if(rNode && rNode.firstChild.width == "20%" && rNode.innerHTML.match(/>Poll Question: /)){ gPoll = true; nTb.appendChild(rNode); obj[(iInc ++)] = { tobj: bTable(nTb, attArray) }; r --; oInc ++; } if(rNode && rNode.firstChild.colSpan == "2" && rNode.firstChild.className == "windowbg2"){ // lets nest that form correctly so people can vote if(rNode.firstChild.getElementsByTagName("form").item(0) && !document.all){ var pForm = rNode.firstChild.getElementsByTagName("form").item(0); var fNode = pForm.cloneNode(false); pForm.parentNode.removeChild(pForm); while(rNode.firstChild.hasChildNodes()){ pForm.appendChild(rNode.firstChild.childNodes.item(0)); } rNode.firstChild.appendChild(pForm); } obj[(iInc - 1)].tobj.firstChild.appendChild(rNode); r --; oInc ++; } if(rNode && rNode.firstChild.className == "catbg" && rNode.firstChild.innerHTML.match(/Author/)){ nTb.appendChild(rNode); obj[(iInc ++)] = { tobj: bTable(nTb, attArray) }; r --; } if(rNode && rNode.firstChild.width == "20%" && rNode.firstChild.className.match(/^windowbg/i) && rNode.firstChild.innerHTML.match(/member is|guest/i)){ if(cInc == 0){ obj[(iInc - 1)].tobj.firstChild.appendChild(rNode); r --; } else { nTb.appendChild(rNode); obj[(iInc ++)] = { tobj: bTable(nTb, attArray) }; } cInc ++; r --; oInc ++; } } iTable.item(t).parentNode.parentNode.parentNode.id = "marker"; } }
function createImg(url){ var iImg = document.createElement("img");
iImg.src = url; return iImg; }
var iCount = 0; for(var o in obj){ var hDiv = document.createElement("div"); var nDiv = document.createElement("div");
<script type="text/javascript"> <!-- /* Categories Splitters w/ Head and Base Images By {XF}Äs$@§sîñ™, [url]http://www.xf-clan.net[/url] Code from [url]http://www.utopiangfx.proboards56.com/index.cgi[/url] This Header Stays Intact */
var catHead = "URL TO HEADER1.GIF"; // Head Image var catBase = "URL TO BASE.GIF"; // Base Image var separation = "35"; // Size Of Category Seperation
function setMainHBTable(cTable) { var headDiv = document.createElement("div"); headDiv.setAttribute("align", "center"); var headImg = document.createElement("img"); headDiv.appendChild(headImg); var baseDiv = headDiv.cloneNode(true); headDiv.firstChild.setAttribute("src", catHead); baseDiv.firstChild.setAttribute("src", catBase); cTable.parentNode.insertBefore(headDiv, cTable); cTable.parentNode.insertBefore(baseDiv, cTable.nextSibling); }
var table = document.getElementsByTagName("table");
if (location.href.match(/com\/?((index\.cgi)?\??(action=(home|logout))?(#\w+)?)?$/)) { var mainTab = document.createDocumentFragment();
for (i=0; i<table.length; i++) { if (table.item(i).width == "100%" && table.item(i).cellPadding == "4" && table.item(i).rows.item(0).cells.item(0).innerHTML.match(/Forum\sName/i)) { for (j=1; j<table.item(i).rows.length; j++) { var tCell = table.item(i).rows.item(j).cells.item(0); if (j == table.item(i).rows.length - 1 || tCell.className == "catbg" && tCell.colSpan == "5" && tCell.align != "right") { if (j != 1) { mainTab.appendChild(outerTab); var tDiv = document.createElement("div"); tDiv.style.height = separation + "px"; mainTab.insertBefore(tDiv, outerTab); setMainHBTable(outerTab); if (j == table.item(i).rows.length - 1) { innerTab.firstChild.appendChild(table.item(i).rows.item(j).cloneNode(true)); break; } }
<script type="text/javascript"> <!-- /* remove Forum Name | Topics | Posts... and add thread & post info by california */ var td=document.getElementsByTagName("td"); if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){ for(i=0;i<td.length;i++){ if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){ if(td[i+1].width.match(/^(1|7)%$/)){ td[i].innerHTML+="<br />threads"; td[i].width="8%"; }else{ td[i].innerHTML+="<br />posts"; td[i].width="7%"; } } if(td[i].width=="8%" && !td[i].innerHTML.match(/thread/)){ td[i].width="4%"; } if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i)){ td[i].parentNode.style.display="none"; } } } //--> </script>
<script type="text/javascript"> <!-- /* Seperate News Fader From Categories w/ Head and Base Images By {XF}Äs$@§sîñ™, [url]http://www.xf-clan.net[/url] Code from [url]http://www.utopiangfx.proboards56.com/index.cgi[/url] */
var nSeperation = "35"; // Edit height of seperation var newsHead = "URL TO HEADER2.GIF"; // News Head Image var newsBase = "URL TO BASE.GIF"; // News Base Image
if (location.href.match(/com\/?((index\.cgi)?\??(action=(home|logout))?(#\w+)?)?$/)) { var fs = document.getElementById("fscroller"); var tTarget = fs.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
var nDiv = document.createElement("div"); nDiv.style.height = nSeperation + "px";
var headDiv = document.createElement("div"); headDiv.setAttribute("align", "center"); var headImg = document.createElement("img"); headDiv.appendChild(headImg); var baseDiv = headDiv.cloneNode(true); headDiv.firstChild.setAttribute("src", newsHead); baseDiv.firstChild.setAttribute("src", newsBase);
<script type="text/javascript"> <!-- /* Info Center Head/Base Image By {XF}Äs$@§sîñ™, [url]http://www.xf-clan.net/[/url] Code from [url]http://www.utopiangfx.proboards56.com/index.cgi[/url] */
// Edit Below accordingly var headSRC = "URL TO HEADER2.GIF"; // Head Image var baseSRC = "URL TO BASE.GIF"; // Base Image
var table = document.getElementsByTagName("table"); if (location.href.match(/com\/?((index\.cgi)?\??(action=(home|logout))?(#\w+)?)?$/)) { for (i=0; i<table.length; i++) { if (table.item(i).width == "100%" && table.item(i).className == "bordercolor" && table.item(i).innerHTML.match(/Info\sCenter/i)) { var headDiv = document.createElement("div"); headDiv.setAttribute("align", "center"); var headImg = document.createElement("img"); headImg.setAttribute("src", headSRC); headDiv.appendChild(headImg);
var baseDiv = document.createElement("div"); baseDiv.setAttribute("align", "center"); var baseImg = document.createElement("img"); baseImg.setAttribute("src", baseSRC); baseDiv.appendChild(baseImg);
Text Color: 65A5AB Link Color: 2A525E Active Link Color: 2A525E Visited Link Color: A7E4E9 Title Background Color: 070E1D Title Text Color: C9DAD5 Category Background Color: 070E1D Category Text Color: C9DAD5 News Title Background Color: 070E1D News Title Text Color: C9DAD5 News Background Color: 070E1D News Text Color: 65A5AB Window Background 1: 070E1D Window Background 2: 070E1D Board Highlight Color: 0A142A Thread Highlight Color: 0A142A Table Border Color: 345555
Background Color: 070E1D Text Color: 65A5AB Title Background Color: 070E1D Title Text Color: C9DAD5 -------------------------------------------------------------- Other
Re: Skins for this site « Reply #4 on Jan 7, 2008, 4:17pm »
[I merely wanted to offer you something you can't have with just the Skins program that is side along with Proboards. I apologize if it came off a different way.]
www.edoauv.proboards92.com Redpaw~PondClan Tom Sageheart~WishClan Tom
aijiaen Guest
wow gold « Reply #7 on Sept 2, 2008, 2:28am »
The four-times ffxi gil Olympic champion, now deputy wow gold director of the Village, said organisers aoc gold hoped to give the 16,000 athletes and officials a feel of China's "long history wow gold and rich culture", without disrupting maple story mesos their preparations.The Athletes Village maplestory mesos at the Beijing Olympics will be maple story meso as good as any at previous Games and wow gold give guests a real taste of China, table tennis great aoc gold Deng Yaping said on Tuesday."We want all the athletes wow gold and officials to know they are living in the Beijing Olympic Village and not anywhere else," said Deng, who won two gold medals at both the Barcelona wow gold and Atlanta Games."We wow gold hope they will be impressed by the Chinese characteristics wow gold of the Village."It is a bit difficult wow gold because the Village is a place for the athletes to rest. We will wow gold try our best to provide cultural activities wow gold but to retain a balance between the activities wow gold and the athletes' needs."With wow gold such a long history, officials are having some difficulty in deciding wow gold what to include in the cultural programme, but exposing their wow gold guests to genuine Chinese cuisine would definitely be part of the plan, Deng said.