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
  • 2
Melancholic (4 in 1); Blue, Red, Purple & Green Versions
Topic Started: Dec 19 2010, 03:35 AM (6,614 Views)
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Posted Image



Information:
Author: Leonardo
Date Created: 11 December 2010
Skin Preview:


Side Notes: Haven't skinned for a good couple of years, getting back into it and I hope you like this simple but elegant design.
Edits Allowed?
Font size, font colours, nothing too drastic.



Header & Body:
Edit the logo and submenu links:
NB: To get a banner in the portal, go to Admin CP > Skinning & Styles > Images and place the banner in the logo box (1st box).

Code:
 
<div id="header">
<table id="ul"><tr><td></td></tr></table>

<div align="center" style="margin: 120px 0px 70px;">
<a href="http://z15.invisionfree.com/Melancholic/index.php">
<img src="LOGO IMAGE GOES HERE"/>
</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>

<center>
<div id="wrap">
<% BOARD HEADER %>
</div>

<div id="wrap1"><% NAVIGATION %><hr>

<% BOARD %>

<div align="right"><b>Melancholic</b> by <a href="http://resources.zetaboards.com/">Leonardo</a></div>




Footers:
Code:
 
<hr></div></center></div>

<script language='JavaScript' type="text/javascript">
document.getElementById('ul').rows[0].cells[0].innerHTML = document.getElementById('userlinks').rows[0].cells[0].innerHTML
if (document.getElementById('userlinks').rows[0].cells[1]) {
document.getElementById('ul').rows[0].insertCell(1).innerHTML = document.getElementById('userlinks').rows[0].cells[1].innerHTML }
</script>




Style Sheets:
Blue:
Spoiler: click to toggle


Red:
Spoiler: click to toggle


Purple:
Spoiler: click to toggle


Green:
Spoiler: click to toggle



Edited by Helena, Jun 21 2012, 03:59 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Thanks everyone :)
Offline Profile Quote Post Goto Top
 
Kevin
paradise
[ *  *  *  *  *  *  *  * ]
Nice to see IF getting some love! :P Great work Leo, great to see you back. :)
Edited by Kevin, Dec 21 2010, 04:06 AM.
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Thanks Kevin :)
Offline Profile Quote Post Goto Top
 
Symbiote
Member Avatar

[ *  *  * ]
This is the best skin i've seen in a long ass time. Badass job, Leonardo.
Offline Profile Quote Post Goto Top
 
themeltingmind
Member Avatar
★ coloursphynx `
[ *  * ]
ohmygod convert this, please! :D i love this. convert. convert. convert.
Offline Profile Quote Post Goto Top
 
denis6902
Member Avatar
Folding@home
[ * ]
Wow, this skin template is awesome :)

I came here to this place, as this service was the only "proper" free forum i found on the net. Not hassle with installing databases and servers and all this stuff i have no idea where to begin with.

Im trying to make a forum for our folding@home team, and i think this skin suits the purpose just as i wanted to. Is this ok and free to use?


Now i got some doubts cause im totally n00b at this :( But hey i managed to put my own logo already, that's a step forward, correct?
Can you guys help me out with the questions i put on the picture?

forum in test mode, please be kind cause im trying to learn it!

http://z15.invisionfree.com/foldingbrasil

Spoiler: click to toggle


Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
1. Have you changed the submenu links?
Code:
 
<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>


2. Are you ad-blocking?

3. Find navigation marker in Images.
To change the font size, find #navstrip and change #px to the font size you want
Code:
 
#navstrip { font-size: #px; font-weight:bold;padding:6px 0px 6px 0px; }


4. Find .maintitle and change the font size there:
Code:
 
.maintitle { vertical-align:middle;font-weight:normal; text-transform: uppercase; color:#FFFFFF; padding:15px 0px 15px 60px; background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; font-family: Arial; font-size: 15px; }


5. That would be a forum marker in Images.


Offline Profile Quote Post Goto Top
 
KweenKatz
Member
[ * ]
great skin! Will this be converted to zetaboards too?
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Yes, I would absolutely love a conversion!
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
If I get the time, probably :P
Offline Profile Quote Post Goto Top
 
WangiesWife
Member Avatar
Member
[ *  * ]
This is really cool!! If i was gonna use a custom skin again, so b this.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Do you still plan to convert it to ZB at some point? If you're not, I will. :P
Offline Profile Quote Post Goto Top
 
Byzantine-ZNR
Member Avatar
One Voice 2011-2012
[ *  * ]
Very Nice Theme! The banner and the background goes well in my opinion! :)
Offline Profile Quote Post Goto Top
 
King_of_heroes
Member
[ * ]
Damn it T_T i wish it was zetaboards..the them is so beautiful! can anyone convert it?
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
  • 2