We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
  • 3
Indulgence; Black & Purple
Topic Started: Jan 10 2011, 04:18 AM (9,701 Views)
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Posted Image



Information:

Author: Leonardo
Date Created: 6-January 11
Skin Preview: Posted Image click for full preview
Graphics: http://resources.zetaboards.com/topic/5109366/1/
Side Notes: Was made with a battle (http://resources.zetaboards.com/topic/5107488/1/)
ZB Conversion is found here: http://resources.zetaboards.com/topic/5110080/1/

Edits Allowed? Minor edits such as font-size, font colour. Nothing that would change the overall design.



Javascript: (Adding Jquery to Invisionfree for the menu effects)
Code:
 
<script type="text/javascript" src="http://z4.ifrm.com/30084/149/0/f5092046/jQuery_v144_Mini.js"></script>




Header & Body:Change the logo and the menu links.
Code:
 
<center><div id="wrap">

<div id="logo">
<a href="http://zX.invisionfree.com/BOARDNAME/index.php">
<img src='http://z3.ifrm.com/2/101/0/p385014/Logo.png' alt='' />
</a>
</div>

<div id="menu">
<a href="http://zX.invisionfree.com/BOARDNAME/index.php">Home</a>
<a href="http://zX.invisionfree.com/BOARDNAME//index.php?act=Search&f=">Search</a>
<a href="http://zX.invisionfree.com/BOARDNAME//index.php?act=Members">Members</a>
<a href="http://zX.invisionfree.com/BOARDNAME//index.php?act=calendar">Calendar</a>
<a href="http://zX.invisionfree.com/BOARDNAME//index.php?act=Help">FAQ</a>
<a href="http://zX.invisionfree.com/BOARDNAME//index.php?act=site">Portal</a>
</div>

<% BOARD HEADER %>
<div id="container">
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
</div>




Footers: Do not remove anything from here.
Code:
 
<center>Indulgence by <a href="http://resources.zetaboards.com">Leonardo</a> of <a href="http://resources.zetaboards.com">ZNR</a></center>
</div>
</center>
<script type="text/javascript">
$('#menu a').css('position', 'relative').hover(function () { $(this).animate({top: '-10px'}, 'fast'); }, function () { $(this).animate({top: 0}, 'fast'); });
</script>

<script type='text/javascript'><!--
// 3-part maintitle
d = document.getElementsByTagName('DIV')
for (n = 0; n!=-1; n++) { if (d[n].className == 'maintitle' && d[n].parentNode.id != 'ucpmenu' && d[n].parentNode.id != 'ucpcontent') {
c = d[n].innerHTML
d[n].innerHTML = "<div class='left'><div class='right'><div class='text'>" + c + "</div></div></div>"
} }
// --></script>




CSS:
Spoiler: click to toggle


Edited by Helena, Jun 21 2012, 03:54 PM.
Offline Profile Quote Post Goto Top
 
Pando
Member Avatar
Member
[ *  *  *  *  *  * ]
:up: epic as usual Leonardo, you must make a ZB version and graphics! :puppyeyes:

Also, if you were to use a PNG as the background then use a PNG compressor it would look a lot better :r
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
The background is a .gif but if you are referring to the logo, it looks fine for me in Windows and all browsers (perhaps it's a Mac thing?).
Offline Profile Quote Post Goto Top
 
Pando
Member Avatar
Member
[ *  *  *  *  *  * ]
Leonardo
Jan 10 2011, 04:43 AM
The background is a .gif but if you are referring to the logo, it looks fine for me in Windows and all browsers (perhaps it's a Mac thing?).
I'm referring to the .gif background. If you were to save as a PNG then use compressor the image wouldn't be such a big file size and there would be no posterization (or browser HEX code incompatibilities). And since you're using JQuery you can try caching the image.
Spoiler: click to toggle
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Pandorasaurus
Jan 10 2011, 04:54 AM
Leonardo
Jan 10 2011, 04:43 AM
The background is a .gif but if you are referring to the logo, it looks fine for me in Windows and all browsers (perhaps it's a Mac thing?).
I'm referring to the .gif background. If you were to save as a PNG then use compressor the image wouldn't be such a big file size and there would be no posterization (or browser HEX code incompatibilities). And since you're using JQuery you can try caching the image.
Spoiler: click to toggle

Yes it would cut down the file size but 64kb isn't that much of a worry :lol:

Offline Profile Quote Post Goto Top
 
Nimor
Member Avatar
Fireman
[ *  *  *  * ]
Epic! Simply epic. ;)
Offline Profile Quote Post Goto Top
 
dpk.
Member Avatar
Member
[ *  * ]
Converted to ZB = godly theme.

It's amazing how it is, now.
Offline Profile Quote Post Goto Top
 
renegade-xx.
Member
[ *  *  * ]
i love this.
Offline Profile Quote Post Goto Top
 
ChanceOL
Member Avatar
The Alpha and Omega
[ *  *  * ]
Really nice work there Leonardo!
Offline Profile Quote Post Goto Top
 
UnstoppableForce
Member Avatar
Member
[ *  * ]
Really nice skin there Leonardo. I agree, would make an excellent ZB theme.
Offline Profile Quote Post Goto Top
 
Swim-ZNR
Member Avatar
Gaga for Gaga
[ *  *  * ]
Agreed about ZB.
You NEED to convert it Leonardo.
Offline Profile Quote Post Goto Top
 
Raymond
Member Avatar
de BULLY
[ *  *  *  *  *  * ]
Word! This is sick!
Offline Profile Quote Post Goto Top
 
skyrocket
Member Avatar
eightbit
[ *  *  *  *  * ]
NIce to see something new from you Leonardo. I love this theme.
Offline Profile Quote Post Goto Top
 
Delirium
Member Avatar
Rill Rill
[ *  *  *  *  *  *  * ]
Pandorasaurus
Jan 10 2011, 04:30 AM
Also, if you were to use a PNG as the background then use a PNG compressor it would look a lot better :r
:ermm:

I really like this, Leo, great job on it.
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Thanks guys. Appreciate it.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 3