vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   What Hack is this? - Looks Great! (https://vborg.vbsupport.ru/showthread.php?t=189736)

GDA 09-01-2008 03:39 PM
What Hack is this? - Looks Great!
 
Hi,

I was wondering how I could achieve these forum styles:

http://forum.notebookreview.com/

or

http://forums.slickdeals.net/?styleid=17


Are these any certain hacks which you can see they are using?

Lynne 09-01-2008 03:52 PM
What is it I'm supposed to be seeing? They just look like standard vb boards. Or are you talking about the colors? The CSS?

GDA 09-01-2008 04:17 PM
I'm talking about the design, style and css - and also hacks.

In Example one:

How do they achieve the tabbed layout and also how do they achieve the "Latest Laptop Discussion" section? I also would like to know how they achieve the whole "compact" look with everything kept in a container?

Thank-You

AdrianH 09-01-2008 04:23 PM
Why don't you ask the owner of the site?

Looking at the style chooser the style is listed as their own so they either coded the template themselves or bought a design from a template coder.

The side columns are just a part of the design, there are many vB skins available in similar designs and there is a side columns hack available here at vB.org if you prefer to use that with your own skin.

Lynne 09-01-2008 04:26 PM
Do a search on "left" "all mods" "titles only" and you'll get mods like this - Simple Left Side Column Blocks on ForumHome There are others, too.

There are also mods for second navbars.

A lot of this stuff you can figure out by just viewing the source in the page. If you look at the source, you'll see the top tabs are in a div with the id "sitetabContainer". Then just look at their css file (style.css) and you see this:
Code:
#sitetabContainer {position: absolute; left: 50%; top: 3px;    margin-left: -340px; width: 680px; height: 30px;}
#sitetabContainer a {display: block;float: left;margin-top: 6px;margin-right: 1px;background: url(/images/bg_sitetab.gif) no-repeat;width: 128px;height: 24px;text-align: center;font-size: 9px;font-weight: bold;color: #000;line-height: 22px;text-decoration: none;}
#sitetabContainer a:hover {background: url(/images/bg_sitetab.gif) 0 -24px no-repeat;text-decoration: none;}
#sitetabContainer a.on {display: block;float: left;background: url(/images/bg_sitetab_on.gif) no-repeat;width: 140px;height: 30px;margin-top: 1px;margin-right: 1px;text-align: center;font-size: 9px;font-weight: bold;color: #FFF;line-height: 28px;text-decoration: none;}
#sitetabContainer a.on:hover {background: url(/images/bg_sitetab_on.gif) no-repeat;text-decoration: none;}

GDA 09-01-2008 04:47 PM
Quote:
Originally Posted by Lynne (Post 1612126)
Do a search on "left" "all mods" "titles only" and you'll get mods like this - Simple Left Side Column Blocks on ForumHome There are others, too.

There are also mods for second navbars.

A lot of this stuff you can figure out by just viewing the source in the page. If you look at the source, you'll see the top tabs are in a div with the id "sitetabContainer". Then just look at their css file (style.css) and you see this:
Code:
#sitetabContainer {position: absolute; left: 50%; top: 3px;    margin-left: -340px; width: 680px; height: 30px;}
#sitetabContainer a {display: block;float: left;margin-top: 6px;margin-right: 1px;background: url(/images/bg_sitetab.gif) no-repeat;width: 128px;height: 24px;text-align: center;font-size: 9px;font-weight: bold;color: #000;line-height: 22px;text-decoration: none;}
#sitetabContainer a:hover {background: url(/images/bg_sitetab.gif) 0 -24px no-repeat;text-decoration: none;}
#sitetabContainer a.on {display: block;float: left;background: url(/images/bg_sitetab_on.gif) no-repeat;width: 140px;height: 30px;margin-top: 1px;margin-right: 1px;text-align: center;font-size: 9px;font-weight: bold;color: #FFF;line-height: 28px;text-decoration: none;}
#sitetabContainer a.on:hover {background: url(/images/bg_sitetab_on.gif) no-repeat;text-decoration: none;}
Thanks for the help - appreciate it!:)

Do you know how they do the latest discussions feed?

Konstantinos 09-01-2008 05:12 PM
the increase/decrease skin font is cool. whats the hack for it ?

Lynne 09-01-2008 05:27 PM
Quote:
Originally Posted by GDA (Post 1612137)
Do you know how they do the latest discussions feed?
There are several ways to get the latest threads/posts. Do a search in the articles here and on vb.com in the Tips and Tricks forum (or whatever it's called) and you'll see different ways to do that.


All times are GMT. The time now is 08:34 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00991 seconds
  • Memory Usage 1,732KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (8)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete