Cyan Bliss [Skin]

[Ellie]

Just like Lavendar Bliss, but Cyan!

Live Preview


Forum Colors

Background Color: 404040

Text Color: FFFFFF

Link Color: A8DDF8

Active Link Color: A8DDF8

Visited Link Color: 50BDF0

Title Background Color: 50A7E4

Title Text Color: 404040

Category Background Color: 404040

Category Text Color: FFFFFF

News Title Background Color: CDAAF8

News Title Text Color: 734BA5

News Background Color: 404040

News Text Color: FFFFFF

Window Background 1: 464646

Window Background 2: 464646

Board Highlight Color: 404040

Thread Highlight Color: 404040

Table Border Color: 000000



Popup Window Colors

Background Color: 404040

Text Color: FFFFFF

Title Background Color: 50A7E4

Title Text Color: 404040


Global Header

<style type="text/css">
<!--

body
{
background-position:center top;
background-repeat:repeat-y;
}

.newstitlebg
{
background-image: url(TITLE URL HERE);
background-repeat: repeat;
}

.titlebg
{
background-image: url(TITLE URL HERE);
background-repeat: repeat;
}

.catbg
{
background-image: url(CAT URL HERE);
background-repeat: repeat;
}

.menubg
{
background-image: url(TITLE URL HERE);
background-repeat: repeat;
}

-->
</style>

<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1];
PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>



Global Footer

<script language="JavaScript">
var boardwidth = document.getElementsByTagName('TABLE');
for(i=0;i<boardwidth.length;i++) {
if(boardwidth.width=="92%"){
boardwidth.width='700 px';}}
</script>


Images

Click here for the background

Click here for the banner

Title


Cat


New Icon


Old Icon

Preview of the smilies:


Download the ZIP for the smilies

*Skin by Ellie*

[G]

I am trying to use your guide to get the look of the cyan skin but it is saying that "One or more of the colors entered had errors. All colors must be entered in proper hex format. If you need help with the colors, you can click the button next to each form field to have a diagram of some colors you can choose from. Make sure that all form entries that require colors are filled out (none may be blank)." Are some of the colors you used not available in proboards system?

I would appreciate any help I can get, I have never used skins before.

--G

[Ellie]

Hi G, thanks for using Cyan Bliss! I just checked and the colors all work for me. The only thing I can think of is to check to make sure that all of the characters are entered correctly and that none of the boxes have been left blank.

Hope that works! Let me know if it still doesn't.

[Lauren]

How do we add smilies and the new old icons?

[Ellie]

Upload them to an image hosting site, then go to Admin > Skins/Forum Colors > Customize Images.

Hope that helps!

[Kelli]

Hello!
I'm using your skins but, I've added my own logos and what not, and I always encounter the same problem.
Why is it that the information on the top banner are always squished into a corner?
If you can help me with this, it would help a whole lot.

Thank you.

-Kelli.

[Ellie]

Hi Kelli. Are you talking about the welcome/pm text? If so you need to use this code to remove it in order for the banner to look right:
<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1];
PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>

Hope that helps!

[Debbie]

Hey! I'm trying to use this template, but I was just wondering- why do you have all this HTML stuff? Where do you put it?

[Debbie]

Debbie said:

Hey! I'm trying to use this template, but I was just wondering- why do you have all this HTML stuff? Where do you put it?

Okay, nevermind. But when I refresh the page, it doesn't exactly...show up. Did I do something wrong? I don't see any difference to my skins.

[Ellie]

Hi Debbie. When you added the codes did you paste in the urls for the cat and title images? It should change that. It should also center the background image, remove the welcome/pm text, and resize the board to 700 pixels.

If you provide a link to your board I might be able to tell by looking at it if anything is wrong.

[Ariel]

Kelli said:

Hello!
I'm using your skins but, I've added my own logos and what not, and I always encounter the same problem.
Why is it that the information on the top banner are always squished into a corner?
If you can help me with this, it would help a whole lot.

Thank you.

-Kelli.

[Ellie]

Hi Ariel. Are you asking the same question as Kelli? I think it's probably that this code needs to be added in:
<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1];
PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>

HTH!