Watercolour (361 views)

[Zaxinou]

Watercolour
by Ahmed

Live demo: Click here

Description: A skin I made a while back, for an art community I never opened. Blues and greens in a fluid width design.

>> Download and Installation

---

Wanna repost this resource at your forum? Click here for more info.

[Annalee]

I really love the layout of this skin, was wondering which codes you use - I'm unable to download

[Zaxinou]

The colours are as follows:##### Forum Colors #####
Background Color: ebf3f3
Auto Gradients: No
Text Color: 494949
Link Color: 004fa0
Active Link Color: 004fa0
Visited Link color: 004fa0
Title Background Color: 99d9ea
Title Text Color: ffffff
Category Background Color: f3f9ff
Category Text Color: 005e8e
News Title Bagkround Color: 99d9ea
News Title Text Color: ffffff
News Background Color: f8fbff
News Text Color: 494949
Window Background 1: f2f8ff
Window Background 2: f8fbff
Board Highlight Color: fdfeff
Thread Highlight Color: fdfeff
Table Border Color: abd1ff

##### Popup Window Colors #####
Background Color: f8fbff
Text Color: 494949
Title Background Color: 99d9ea
Title Text Color: ffffffGlobal Header:<!-- Remove if using logo image -->
<link href='http://fonts.googleapis.com/css?family=Carter+One' rel='stylesheet' type='text/css'>


<style type="text/css">
<!--
/* Remove if using logo image */
.welcomebg font {
font-family: 'Carter One', arial, serif;
font-size: 36px;
font-weight: bold;
color: #fff;
text-shadow: 0px -1px 1px #50b0f4;
margin-left: 75px;
}

/* Background images; Gradients */
.welcomebg {
background-image: url(HTTP://YOURHOST.COM/welcomebg.png);
background-repeat: repeat;
height: 75px;
}
.menubg {
background-image: url(HTTP://YOURHOST.COM/menugrad.png);
background-repeat: repeat;
}
.titlebg {
background-image: url(HTTP://YOURHOST.COM/titlegrad.png);
background-repeat: repeat;
}
.catbg {
background-image: url(HTTP://YOURHOST.COM/catgrad.png);
background-repeat: repeat;
}

/* Menu stylings */
.menubg {
height: 30px;
}
.menubg a {
font-weight: bold;
font-size: 10px;
text-transform: lowercase;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
color: #00a2e8;
}
.menubg A:hover {
font-weight: bold;
font-size: 10px;
text-transform: lowercase;
padding-top: 7px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
color: #fd7f27;
background-color: eeeeee;
border-top: 2px solid #f8f8f8;
}

/* Invision-esque PM Bar CSS */
.pmbar {border: 1px solid #C2CFDF; background-color: #F0F5FA;}
.pmbar A:link{color: #000000; text-decoration: underline;}
.pmbar A:visited{color: #000000; text-decoration: underline;}
.pmbar A:hover{color: #465584; text-decoration: underline;}

/* Other stylings, no need to edit */
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:hover {text-decoration: none;  color: 65D328;}
.windowbg A:hover {text-decoration: none;  color: 65D328; background-color:#EAF3FF;}
.windowbg2 A:hover {text-decoration: none;  color: 65D328; background-color:#EAF3FF;}
.cattext {font-size:10px;}
.titlebg{font-size:10px;}
.titletext{font-size:10px;}
.titlebg {height: 20px;}
.catbg {height: 20px;}
.hr{color: 293941; height: 1px;}
input{border-width: 1px; background-color: FFFFFF; color: 494949; border-color: FEFEFE}
textarea{border-width: 1px; background-color: FFFFFF; color: 494949; border-color: FEFEFE; width: 100%;}
select{background-color: FFFFFF; color: 494949; border-color: FEFEFE}
.forumwrapbg {background-color: #f9fbfb;}
-->
</style>


<script type="text/javascript">
<!--
/* Invision-esque PM Bar */

var td = document.getElementsByTagName('td');
if(td[2].innerHTML.match(/Hey, (\w+), you have <.*>(\d+) (messages|message)<.*>, (\d+) (is|are) new./i))
{
var newpm=RegExp.$4;
}
var name = pb_displayname;
if(pb_username=='Guest'){
var pmhtml = '<table width="100%"><tr><td>Welcome Guest ( <a href="/index.cgi?action=login">Log In</a> | <a href="/index.cgi?action=register">Register</a> )</td><td align="right"><a href="/index.cgi?action=forgotpassword">Resend Validation Email</a></td></tr></table>';
} else {
var pmhtml = '<table width="100%"><tr><td><strong>Logged in as: <a href="/index.cgi?action=viewprofile">'+name+'</a></strong> ( <a href="/index.cgi?action=logout">Log Out</a> )</td><td align="right"><a href="/index.cgi?action=pm">Inbox ( '+newpm+' )</a> · <a href="/index.cgi?action=recent">View New posts</a> · <a href="/index.cgi?action=viewprofile">My Assistant</a></td></tr></table>';
}
document.getElementsByTagName("TD")[2].style.display = "none";
var pmcell = document.getElementsByTagName("TABLE")[0].insertRow(2).insertCell(0);
pmcell.className = "pmbar"
pmcell.style.padding = "4";
pmcell.align = "center";
pmcell.innerHTML = ''+pmhtml+'';
//-->
</script>


<script type="text/javascript">
<!--
/* Welcome table edits */
document.getElementsByTagName("br")[0].style.display="none";
document.getElementsByTagName('table').item(0).width = "100%";
document.getElementsByTagName('table')[0].cellSpacing = 0;
document.getElementsByTagName('td').item(2).style.display="none";
document.getElementsByTagName('font').item(1).style.display="none";
document.getElementsByTagName("td").item(1).align="left";
document.getElementsByTagName("td").item(5).align="right";

/* Remove brackets from text menu */
var td = document.getElementsByTagName('td');
for(t=0; t<td.length; t++){
if(td[t].className.match(/menubg/i)){
td[t].innerHTML = td[t].innerHTML.replace(/(\[)|(\])/gi,'');
}
}
//-->
</script>


<!-- Keep at the bottom of your global header -->
<table width="99%" cellspacing="0" cellpadding="0" align="center"><tr><td width="12px"><img src="HTTP://YOURHOST.COM/topleft.png"></td><td class="forumwrapbg"></td><td align="right" width="12px"><img src="HTTP://YOURHOST.COM/topright.png"></td></tr><tr><td colspan="3" class="forumwrapbg">Global Footer:<!-- Keep at the top of your global footer -->
</td></tr><tr><td width="12px"><img src="HTTP://YOURHOST.COM/bottomleft.png"></td><td class="forumwrapbg" width="100%"></td><td align="right" width="12px"><img src="HTTP://YOURHOST.COM/bottomright.png"></td></tr></table>
<center><a href="http://beboplabs.proboards.com" target="blank">Watercolour by Bebop Labs</a></center><BR>

[Annalee]

Thank you very much!!! <3

[Annalee]

I just noticed that there is no change in the new pms when using this code... is there a way to fix it? I haven't changed anything and I use Mozilla Firefox.

<script type="text/javascript">
<!--
/* Invision-esque PM Bar */

var td = document.getElementsByTagName('td');
if(td[2].innerHTML.match(/Hey, (\w+), you have <.*>(\d+) (messages|message)<.*>, (\d+) (is|are) new./i))
{
var newpm=RegExp.$4;
}
var name = pb_displayname;
if(pb_username=='Guest'){
var pmhtml = '<table width="100%"><tr><td>Welcome Guest ( <a href="/index.cgi?action=login">Log In</a> | <a href="/index.cgi?action=register">Register</a> )</td><td align="right"><a href="/index.cgi?action=forgotpassword">Resend Validation Email</a></td></tr></table>';
} else {
var pmhtml = '<table width="100%"><tr><td><strong>Logged in as: <a href="/index.cgi?action=viewprofile">'+name+'</a></strong> ( <a href="/index.cgi?action=logout">Log Out</a> )</td><td align="right"><a href="/index.cgi?action=pm">Inbox ( '+newpm+' )</a> · <a href="/index.cgi?action=recent">View New posts</a> · <a href="/index.cgi?action=viewprofile">My Assistant</a></td></tr></table>';
}
document.getElementsByTagName("TD")[2].style.display = "none";
var pmcell = document.getElementsByTagName("TABLE")[0].insertRow(2).insertCell(0);
pmcell.className = "pmbar"
pmcell.style.padding = "4";
pmcell.align = "center";
pmcell.innerHTML = ''+pmhtml+'';
//-->
</script>


[Zaxinou]

You know this isn't my skin right?

[Annalee]

Oh I must have read it wrong... I thought you said you made it for an Art community that never opened, but then I read who owns it. I don't suppose you know anything about that code?

[Zaxinou]

You can just replace it with another PM bar if that one isn't working

[Kozmo]

look shite anyways

[butterfly]

Sept 29, 2011 3:08:13 GMT 10 Kozmo said:

look shite anyways

I disagree!

[Annalee]

I disagree too, I really like the skin and the format, it looks really clean!

[Zaxinou]

I think Koz is just jealous cause he can't make skins