|
|
MS1 BLU
Sept 23, 2009 19:17:43 GMT -5
Post by modskins on Sept 23, 2009 19:17:43 GMT -5
|
|
|
|
MS1 BLU
Sept 25, 2009 3:46:52 GMT -5
Post by modskins on Sept 25, 2009 3:46:52 GMT -5
Skin Name: MS1-BLU
Logo URL: REDESIGNED LOGO BAR INSERT HERE
Font: Verdana,Arial
Background Color: 000033
Background Image URL: img.photobucket.com/albums/v622/hogwartsexpress/MS1%20BLU/modpagedesblubackground.jpg
Background Image Fixed: NO
Auto Gradients: NO
Gradient Height: 27
Text Color: FFFFFF
Link Color: 133C74
Active Link Color: 133C74
Visited link Color: 133C74
Title Background Color: 000027
Title Text Color: FFFFFF
Category Background Color: 003366
Category Text Color: FFFFFF
News Title Background Color: 000027
News Title Text Color: FFFFFF
News Background Color: 999999
News Text Color: 000000
Window Background 1: 000033
Window Background 2: 7E7E7E
Board Highlight Color: 686868
Thread Highlight Color: 006699
Table Border Color: 000000
Popup Window Colors
Background Color: 000033
Text Color: FFFFFF
Title Background Color: 0066CC
Title Text Color: 000000
|
|
|
|
MS1 BLU
Oct 5, 2009 12:45:18 GMT -5
Post by modskins on Oct 5, 2009 12:45:18 GMT -5
GLOBAL HEADER
<CENTER BACKGROUND>
<style type='text/css'>
body{
background-position:center top;
background-repeat:repeat-y;
}
</style>
<TRANSPARENT WELCOME TABLE>
<script type="text/javascript">
<!--
/* transparent welcome table */
var td = document.getElementsByTagName("td");
var tt = document.getElementsByTagName("table")[0];
tt.style.backgroundColor = "transparent";
tt.cellSpacing = "0";
for(i=0; i<td.length; i++)
td.style.backgroundColor = "transparent";
// -->
</script>
<REMOVE NAVIGATION BELOW WELCOME TABLE>
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<FORUM RESIZE HEADER>
<style type="text/CSS">
/* CSS Forum Resize */
body table tr td table.bordercolor, body table.bordercolor {
width: 700px;
}
blockquote table.bordercolor, td.windowbg table tr td table.bordercolor, td.windowbg2 table tr td table.bordercolor {
width: 500px !important;
}
</style>
<div align="center" style="align: center;"><div style="width: 700px;" width="700">
GLOBAL FOOTER
<REMOVE HEY YOU HAVE X MESSAGES>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<CATEGORY SPLITTER>
<script type="text/javascript">
<!--
/*
Dividing Categories - Created by Peter
This code cannot be reposted anywhere other than SSDesigns or ProBoards Support.
This header must stay intact.
*/
// Size of the gap between categories
var gapSize = 25;
var tabHTML = '<td id="rr" colspan="5"></table></td></tr></table><div style="height:' + gapSize + '"></div><table width="100%" cellspacing="0" cellpadding="0" class="bordercolor"><tr><td><table cellpadding="4" cellspacing="1" width="100%"><tr>';
if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)){
var tBod = document.getElementsByTagName("tbody");
for(tb = 0; tb < tBod.length; tb ++){
for(r = 2; r < tBod.item(tb).rows.length; r ++){
var tBodObj = tBod.item(tb).rows.item(r).cells.item(0);
if(tBodObj.className == "catbg" && tBodObj.colSpan == "5" && tBodObj.align != "right"){
var c = tabHTML + tBod.item(tb).firstChild.innerHTML + "</tr>";
var p = tBodObj.parentNode.innerHTML;
var tBodPar = tBod.item(tb).parentNode.parentNode.parentNode.parentNode.parentNode;
tBodPar.parentNode.innerHTML = tBodPar.parentNode.innerHTML.replace(p, c + p);
}
if(tBod.item(tb).rows.item(r).firstChild.id == "rr"){
tBod.item(tb).rows.item(r).style.display = "none";
}
}
}
}
//-->
</script>
<FORUM RESIZE FOOTER>
</div></div>
<REMOVE FORUM NAME TOPICS AND POSTS>
<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(/\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
for(i=0;i<td.length;i++){
if(td.width=="1%" && td.innerHTML.match(/\d/)){
if(td[i+1].width.match(/^(1|7)%$/)){
td.innerHTML+="<br />threads";
td.width="8%";
}else{
td.innerHTML+="<br />posts";
td.width="7%";
}
}
if(td.width=="8%" && !td.innerHTML.match(/thread/)){
td.width="4%";
}
if(td.className=="titlebg" && td.innerHTML.match(/Forum Name/i)){
td.parentNode.style.display="none";
}
}
}
//-->
</script>
|
|
|
|
Post by modskins on Oct 7, 2009 2:17:14 GMT -5
MAIN FOOTERS
<script type="text/javascript">
<!--
/* rename news fader */
if(location.href.match(/\.com\/?(index.cgi)?\??(&?action=home)?(#\w+)?$/)) {
var td = document.getElementsByTagName('td');
for(i=0; i<td.length; i++) {
if(td.item(i).className == 'newstitlebg') {
td.item(i).firstChild.firstChild.innerHTML = 'Current Events';
break;
}
}
}
//-->
</script>
<script>
//Remove Last Post Cell on main page
//wooper
var TD = document.getElementsByTagName("TD")
for(i=0;i<TD.length;i++){
if(TD.width == "1%" && TD[i+1].width == "1%")
{
TD[i+2].style.display ="none";
}
}
</script>
|
|
|
|
Post by modskins on Oct 7, 2009 3:07:20 GMT -5
img.photobucket.com/albums/v622/hogwartsexpress/MS1%20BLU/modpagedesbluelogobarRESIZE.jpgIn order to place your forum name inside of the banner, you must first have photoshop. Any version will do. If you do not have photoshop please post under the requests area with your forum name and how you wish it to look, and I will create one for you. If you have photoshop... click on the url provided to display the banner, copy the image and paste it into photoshop. Then add a blank layer to add the text where you wish it to be. Then if you want any gradients added to the letters, just right click on the text layer and select blending options. Then you can add whatever effect you want to the text. If you wish to have the same effects as the modskins logo, apply an inner bevel, which I believe looks the best. Once you have your banner the way you want, save the document for your desktop, in case you wish to change it later. Once saved, flatten the image by selecting the drop down arrow next to the layers palette. Once flattened, hit the file button, then select save for web. First select the jpeg option in drop down box. Then on the right side panel, find the value adjuster, and select 100%. This will get rid of all pixelation within your piece. Once completed you may then hit the save button. Save it directly to your desktop, so it is easier to find later. Once you have saved the image under you desktop as a jpeg image. Go onto the internet and go to www.photobucket.com. This site enables you to save images on the web. It is completely free and signing up is easy. Once you are registered, log in to your account. Select the upload images and videos button. Then find your banner on the desktop, the one that was saved for the web. Once the download is complete, your image will show up in the photobucket main area. Hover your mouse over the image and you will see the direct link code provided for your banner. Copy that url and paste it in the modify skin area of your board. (Also listed above).
|
|
