Lovable Pink

[catherine]

This is the first actual skin I made that I am letting other people use. I don't have photoshop or any graphics program, and for some reason I cannot download the trials for some reason, so when one day I get Photoshop I will create some images to go with the skin(s) I made(make) I hope you love this first skin. The previews hold the colors, but I will also post them here to make it easier to see.

Preview 1

Preview Two

Preview Three

Preview Four

Colors:

Background/Titlebg/Catagorybg/Newstiltlebg/newsbg: FF9999
Text/Titletext/Catagorytext/newstitle/newstext: CA6464
Link/Active/Visited colors: B95353
Windowbg1&2: FFA1A1
Board/thread highlight: EA8484
Border: 000000

Pop-up box colors:

Background: FF9999
Text: 000000
Title Background: FFA1A1
Title Text: B95353

Images:


Background: Click Me NOTE: When you click the link, you won't be able to see the image. But if you place the background link into the box marked Background Image, then it will show. But make sure you do not have the Center Background Code in your global headers, or else the background won't work.
Title Grad: i20.photobucket.com/albums/b250/Kitten321/grad2.jpg

Catagory Grad: i20.photobucket.com/albums/b250/Kitten321/grad1.jpg


More Coming soon

Codes:

Global Header
<script type="text/javascript">
<!--

// Different gradients for different skins
// Global header

var cssSkin = [];

// Skin 1
cssSkin["1"] = [
   ["titlebg", "http://i20.photobucket.com/albums/b250/Kitten321/grad2.jpg"],
   ["catbg", "http://i20.photobucket.com/albums/b250/Kitten321/grad1.jpg"],
   ["menubg", "http://i20.photobucket.com/albums/b250/Kitten321/grad2.jpg"],
   ["newstitlebg", "http://i20.photobucket.com/albums/b250/Kitten321/grad2.jpg"]
]

// Skin 2
cssSkin["2"] = [
   ["titlebg", "URL HERE"],
   ["catbg", "URL HERE"],
   ["menubg", "URL HERE"],
   ["newstitlebg", "URL HERE"]
];


var iSheet = document.styleSheets.item(0);
var isIE = (document.all)? true : false;

if(iSheet){
   if(cssSkin[pb_skinid]){
      for(s = 0; s < cssSkin[pb_skinid].length; s ++){
         var tRule = "." + cssSkin[pb_skinid][s][0];
         var tVal = cssSkin[pb_skinid][s][1];

         if(isIE){
            iSheet.addRule(tRule, "background-image: url(" + tVal + ")");
         } else {
            iSheet.insertRule(tRule + "{" + "background-image: url(" + tVal + ")}", 0);
         }
      }
   }
}

//-->
</script>


<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName("td").item(5).align="left";
//-->
</script>



Global Footer:

<script type="text/javascript">
<!--
fWidth = document.getElementsByTagName('table');
for(t=0; t<fWidth.length; t++) {
if(fWidth[t].width=="92%")
fWidth[t].width='710';
}
// -->
</script>

<sub>Please tell me what you guys think!


NOTE: Please, tell me if you use this skin. I would love it if you post a link to your site, to see what it looks like on a real board. I would really appriciate it!

NOTE 2: Over the weekend, I will try to put in the scroll-bar code for those who are interested! Man, this is my fourth modification to this yet!</sub>

[Michael]

Wow, this is great! I love it, catherine! Thanks for the wonderful contribution to the Premades!

[Nya]

That skin looks great Catherine ^^

What Programe do you use?

[catherine]

Well, the background I've had for a while. When I had Photoshop CS2, I made the backgrounds with the gradient tool, and I found the colors online. I have a ton of them saved on my computer, waiting for use, so I thought I'll use them for some skins!!!

Thanks! I don't know what, I never really want to use my own skins for my sites. Maybe I should start....

[Nya]

Cool ^^

Hehe its a good way to show off your own work.

[catherine]

Yup! I'm still trying to make some new skins, but no inspiration yet...

[Nya]

Well im sure it will strike you when you least expect it. ^^

[catherine]

You were right! I made a new skin!

[Nya]

^^ I saw congrats