|
|
Post by Emma on Jul 14, 2012 11:32:48 GMT -5
How to install ALL the grey!:- Go to your Admin CP.
- Click on Skins / Forum Colors.
- Create Skin and name it "ALL the grey!" or however you like.
- Fill out the boxes as listed in the quote box below.
- Go back to the Admin CP and click on Headers and Footers.
- Choose Global Header / Footer from the drop-down list and click on "continue".
- Insert the HEADER code (found in the post below) in the HEADER box.
- Insert the FOOTER code (found in the post below) in the FOOTER box.
- Save changes.
Please rehost images on your own server!
|
|
|
|
Post by Emma on Jul 14, 2012 11:42:17 GMT -5
GLOBAL HEADER / FOOTER : HEADER
<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[i].style.backgroundColor = "transparent";
// -->
</script>
<style type="text/css">
TABLE {
width: 100%;
margin: auto; }
body {
background: #B4B4B4 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_boxbg.gif);
text-align: center;
margin: 0; }
#banner { text-align: center; }
.welcomebg { display: none; }
.wrapper {
background: #DADADA url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_silverbg.gif);
width: 80%;
margin: 30px auto 20px auto;
text-align: left;
padding: 10px;
box-shadow: 0 0 5px 5px #7d7d7d; }
.menubg { display: none; }
font { font-size: 13px; font-family: verdana, arial, tahoma, arial, sans-serif; color: #7d7d7d; }
td { color: #7d7d7d; }
.windowbg font a b, .windowbg2 font a b { text-transform: uppercase; font-size: 11px; }
.nav { padding-left: 10px; }
a, a:active, a:link, .nav a, .nav a:active, .nav a:link { color: #2e2e2e !important; text-decoration: none !important; }
a:visited, a:hover, .nav a:visited, .nav a:hover { color: #2e2e2e !important; text-decoration: none !important; border-bottom: 2px solid #7d7d7d !important; padding-bottom: 1px; }
.bordercolor { background: transparent; }
.windowbg, .windowbg2 { background: #fff url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_whitebg2.gif); }
.titlebg { background: #B4B4B4 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_boxbg.gif); text-align: center; }
.titletext { font-size: 10px; text-transform: uppercase; letter-spacing: -1px; color: #2e2e2e; }
.catbg { background: #7d7d7d url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_conbg.gif); text-align: left; padding: 5px 10px; }
.cattext, .text1 { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 0; color: #000; }
.credit { background: transparent; padding: 10px; margin: auto; width: 100%; }
body center, body center font { font-size: 10px; }
center a { background: transparent; padding: 5px; }
center form { background: transparent; margin: auto; margin-top: 10px; margin-bottom: 10px; width: 30%; }
#toplinks, #credit {
width: 100%;
background: #2e2e2e url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_bodybg.gif);
margin: -20px 0 20px 0;
padding: 5px 10px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
letter-spacing: 0;
color: #7d7d7d;
}
#toplinks a, #credit a { color: #fff !important; }
#toplinks a:hover, #credit a:hover { color: #dadada !important; }
#credit { margin: 30px 0 15px 0; }
blockquote {
background: #fff;
box-shadow: 0 0 5px 5px #b4b4b4;
padding: 0; }
blockquote b { padding-left: 2px; font-size: 10px; letter-spacing: -1px; font-weight: bold; text-transform: uppercase; }
.code, .quote { font-size: 11px; color: #7d7d7d; }
.quote {
background: #fff;
padding: 10px;
border: 1px solid #dadada;
border-left: 10px solid #b4b4b4; }
.quote .quote { border: 0; padding: 0; }
hr, .hr { background: #dadada; border: 1px solid #7d7d7d; height: 4px; }
</style>
<body>
<div id="toplinks">
<a href="http://allthegrey.proboards.com/index.cgi">Home</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=newestthreads">New Topics</a> ||
<a href="http://help.proboards.com/">Help</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=search">Search</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=members">Members</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=calendar">Calendar</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=admin">Admin CP</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=viewprofile">Profile</a> ||
<a href="http://allthegrey.proboards.com/index.cgi?action=logout">Logout</a>
</div>
<div class="wrapper">
<div id="banner"><a href="http://allthegrey.proboards.com"><img src="http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/grey_logo.png" /></a></div>
<div id='mainTable'>
|
|
|
|
Post by Emma on Jul 14, 2012 13:04:12 GMT -5
GLOBAL HEADER / FOOTER : FOOTER:
</div>
</div>
<div id="credit"><b>ALL the grey!</b> skin by <a href="http://rpg-directory.com/members/soggymuse.3221/">soggymuse</a> of <a href="http://rpg-directory.com">RPG-Directory</a>.</div>
</body>
|
|
