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
Antiquus Retake; Orange / Blue / White
Topic Started: Jan 13 2014, 03:22 AM (6,837 Views)
Liam
Member Avatar
~

Author: Design by Steven, coding by Moonface and graphics by Chance
Date Created: 2012 (not sure of the exact date) :smug:
Theme Preview:
Posted Image View Antiquus Retake

Side Notes: Theme was originally used at Antiquus, however as the board is no longer updated, I thought it'd be worth releasing for others to use.
Edits Allowed? Shoot me a PM if you'd like to change anything ^_^

It's been a while since it was designed and coded, so if I forgot to credit anyone then I'm sorry, it was unintentional! :blush: Thanks to all those involved in creating this magnificent theme!

CSS


Layout


Theme Images (huge thanks to Helena for putting this page together)

There's a bit of editing required in the Layout codes, but I've labelled each section that requires changing so it should be easy to work out. If you get stuck with anything or want a particular feature (such as the sliding advertisements) removed, leave a reply in this topic. :)
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Thanks for the release. :)
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
I'm glad you decided to release this! It's great to see. :D Great work to everyone involved.
Offline Profile Quote Post Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
Surprised this hasn't gotten more attention. Well done on the theme, was impressed when I first visited Antiquus :P
Offline Profile Quote Post Goto Top
 
extraordinary
Member
[ *  * ]
Beautiful theme; just wish the colours weren't as clashing.
Offline Profile Quote Post Goto Top
 
Yoga Guru
Member Avatar
BITW
[ *  * ]
Great release, waited a long time for this!
Offline Profile Quote Post Goto Top
 
Akhil. (PM)
Member Avatar
Member
[ * ]
Liam
 
There's a bit of editing required in the Layout codes, but I've labelled each section that requires changing so it should be easy to work out. If you get stuck with anything or want a particular feature (such as the sliding advertisements) removed, leave a reply in this topic.


Bro, each of the labelled places indicated something but, i don't get what to add there please give me instructions on each of them.
Offline Profile Quote Post Goto Top
 
Liam
Member Avatar
~

Code:
 
<div class='adbubble'>
<br />
<a class="one" href="LINKHERE">Title here</a><br />
<a class="one" href="LINKHERE">Title here</a><br />
</div>

This is for the bubble feature in the theme (top left hand side in the header - in the preview, it says Latest News: August Updates). Add or remove lines as you please. LINKHERE is the direct link to the topic. Title here is the text that you want displayed as the link.

Code:
 
<div id="footer_links">
<div id="inside">
<ul>
<li>Main Title
<ul>
<li><a href="LINKHERE">Subtitle</a></li>
<li><a href="LINKHERE">Subtitle</a></li>
<li><a href="LINKHERE">Subtitle</a></li>
<li><a href="LINKHERE">Subtitle</a></li>
</ul>
</li>

This section is the quick links that are in the footer of the theme (bottom left hand corner). LINKHERE is the direct link to the forum/section. Subtitle is the text that displays for the link.

Code:
 
<script type="text/javascript">
//<![CDATA[
logoPics=[];l=0
logoPics[l++]=["IMAGELINKHERE","<a href='FORUMURLHERE'>","</a>"];
logoPics[l++]=["IMAGELINKHERE","<a href='FORUMURLHERE'>","</a>"];var place=Math.floor(Math.random()*logoPics.length);
$(".adslider").html(logoPics[place][1]+"<img src='"+logoPics[place][0]+"'/>"+logoPics[place][2]);
//]]>
</script>

This is the ad slider/rotating ad banner system. Simply replace the IMAGELINKHERE with the direct link to the image, and the FORUMURLHERE with the forum URL.
Offline Profile Quote Post Goto Top
 
chrisy..
Member Avatar
Member
[ * ]
I absolutely love this theme it's really clever. Lots of possibilities and customization available with it.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

This theme has been approved for addition the Recommended themes gallery.

Congrats!
Offline Profile Quote Post Goto Top
 
Grey Goose
Member
[ * ]
Link needs fixed.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

I'll set up a new preview for this later today. Thanks for reporting it. :up:

Edit:
Preview link is now operational.
Edited by Helena, Aug 31 2014, 07:47 PM.
Offline Profile Quote Post Goto Top
 
Kankuro
Member Avatar
かんくろ
[ *  *  *  *  * ]
Would anybody be willing to tell me how you got the sliding and fading effects on the topic titles in the Index view?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

This is the part in the CSS that does that. The transition element directs the fade in and out, and the padding element on the hover tells it how far to slide right.

Code:
 
.c_last-title {
display: block;
line-height: 16px;
transition: all 0.4s ease-in-out 0s;
}
.c_last-title:hover {
padding-left: 10px;
}
Offline Profile Quote Post Goto Top
 
Kankuro
Member Avatar
かんくろ
[ *  *  *  *  * ]
Helena
Sep 3 2014, 03:26 PM
This is the part in the CSS that does that. The transition element directs the fade in and out, and the padding element on the hover tells it how far to slide right.

Code:
 
.c_last-title {
display: block;
line-height: 16px;
transition: all 0.4s ease-in-out 0s;
}
.c_last-title:hover {
padding-left: 10px;
}
Thank you Helena.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1