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,702 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
 
Replies:
Kuroki Mio
Member
[ * ]
I love this skin design, but is there a code where you can shrink the board tables so they aren't so wide? Like, more centered?
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Kuroki Mio
Feb 23 2011, 08:46 PM
I love this skin design, but is there a code where you can shrink the board tables so they aren't so wide? Like, more centered?
In the first line of the CSS:
Code:
 
#wrap, #ipbwrapper { width: 90%; margin: 100px auto 30px; text-align:left!important; }


Change the 90% to something smaller, or use #px.
Offline Profile Quote Post Goto Top
 
UnDeRoAtH-ZNR
Member
[ * ]
i know this is old but how to i change the banner at the top i took it into photoshop and it shows trasnparent but on the site it shows grey i dunno what to do about it
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
I answered your question here :) :
http://if.invisionfree.com/single/?p=8378734&t=5149183

Quote:
 
You'll need a background color of #FFFFFF with an 18% opacity.

Here is a PSD you can use to make your banner:
http://z1.ifrm.com/0/1/0/p406681/LogoIndulgence.psd
( the font used is Neou )

You can request a banner be made for you on the resource board in the Graphics Request Forum.


Or you can try this one:
Posted Image
Attached to this post:
Attachments: TwistedConceptLogo.png (1.46 KB)
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

Yay! Thanks for making a ZB conversion. It looks beautiful. :wub:
I like how the 'search', 'members', 'calender', etc. words go up when you put your cursor over them. :up:
Quote Post Goto Top
 
Byzantine-ZNR
Member Avatar
One Voice 2011-2012
[ *  * ]
Thanks for converting this! Many thanks for including the PSD! :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 3