vb.org Archive
Page 1 of 6 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   Forum Home Enhancements - Vbdock (https://vborg.vbsupport.ru/showthread.php?t=203535)

figu120 01-28-2009 10:00 PM
Vbdock
 
1 Attachment(s)
Version: 1.0
vB Version: 3.6.x 3.7.x 3.8.x
Released: 03-August-2008


Live demo:
www.parcherock.com

General Description:

Create a menu-style dock for Mac OS X based on CSS and Javascript. (View image)

https://vborg.vbsupport.ru/attachmen...1&d=1233268631

Installation:

1. Upload via FTP the contents of the folder to upload the directory where you installed vBulletin

2. Go to AdminCP -> Styles & Templates -> Style Manager -> Expand the menu and choose Edit Templates. Edit the navbar template that is inside the Templates Header.
Paste at the end of the template

Code:
<!-- CSS Mac Dock -->
<script type="text/javascript" src="clientscript/jquery.js"></script>
<script type="text/javascript" src="clientscript/interface.js"></script>
<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(images/dock/iepngfix.htc) }
 </style>
<![endif]-->
<link href="images/dock/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="$vboptions[bburl]$session[sessionurl_q]"><img src="images/dock/home.png" alt="home" /><span>P?gina Principal</span></a>
  <a class="dock-item" href="memberlist.php$session[sessionurl_q]"><img src="images/dock/users.png" alt="usuarios" /><span>Miembros</span></a>
  <a class="dock-item" href="search.php?$session[sessionurl]do=getnew"><img src="images/dock/newpost.png" alt="nuevos mensajes" /><span>Nuevos Mensajes</span></a>
  <a class="dock-item" href="private.php$session[sessionurl_q]"><img src="images/dock/mp.png" alt="mensajes privados" /><span>Mensajes Privados</span></a>
  <a class="dock-item" href="usercp.php$session[sessionurl_q]"><img src="images/dock/usercp.png" alt="panel de control" /><span>Panel de Control</span></a>
  <a class="dock-item" href="calendar.php$session[sessionurl_q]"><img src="images/dock/calendar.png" alt="calendar" /><span>Calendar</span></a>
  <a class="dock-item" href="faq.php$session[sessionurl_q]"><img src="images/dock/faq.png" alt="FAQ" /><span>FAQ</span></a>
</div>
</div>
<script type="text/javascript">
 
 $(document).ready(
  function()
  {
  $('#dock').Fisheye(
    {
    maxWidth: 50,
    items: 'a',
    itemsText: 'span',
    container: '.dock-container',
    itemWidth: 40,
    proximity: 90,
    halign : 'center'
    }
  )
  }
 );
</script>
<br /><br /><br /><br />
<!-- / CSS Mac Dock -->
Customize:

1. How to add or remove buttons?
- To add buttons, paste at the end of the template


Before they add:

Code:
<a href= "ENLACE_DEL_BOTON" class= "fisheyeItem"> <img src= "ENLACE_DE_LA_IMAGEN" width= "30" /> <span> TITULO_DEL_BOTON </ span> </ a>
- To remove buttons, simply delete the line referring to the button you want to delete.

2. How to customize the background of the buttons?
- Edit the file. Css is included in the dock folder and look for the following:

Code:
body
  (
    background: url (images / main-bg.gif);
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
  )
Amendment to the line by placing the url of background image to the desired setting or the chosen color in hexadecimal format. For ex. # ff0000; if you want a red background color.
Do the same with the following section:

Code:
  .-dock container
          (
    position: absolute;
    height: 50px;
    background: url (images / dock-bg.gif);
    padding-left: 20px;
  )

figu120 01-29-2009 08:44 PM
****Reserve****

zefyx 01-29-2009 08:57 PM
Won't fit with my forum colors, very nice though!

figu120 01-29-2009 09:09 PM
Only changes the background color for your style


PERSONALIZE:

- How to add or remove buttons?

- To add buttons, find the following lines in the navbar template:

Quote:
</ Div>
</ Div>
</ Div>
Before they add:

Quote:
<a href="LINK" class="fisheyeItem"> <img src="URL_IMAGEN" width="30" /> <span> TITLE_BOTOM </ span> </ a>
- To remove buttons, simply delete the line referring to the button you want to delete.


- How to customize the background of the buttons?

- Edit the file. Css is included in the dock folder and look for the following:

Code:
Body
(
Background: url (images / main-bg.gif);
Height: 100%;
Font-family: Arial, Helvetica, sans-serif;
Font-size: 12px;
)
Amendment to the line by placing the url of background image to the desired setting or the chosen color in hexadecimal format. For ex. # ff0000; if you want a red background color.
Do the same with the following section:

Quote:
.-Dock container
(
Position: absolute;
Height: 50px;
Background: url (images / dock-bg.gif);
Padding-left: 20px;
)

Slyou 01-29-2009 09:10 PM
i have to do something with the clients scripts ? i uploaded files , modified template and it doesnt work

figu120 01-29-2009 09:14 PM
Quote:
Originally Posted by Slyou (Post 1728461)
i have to do something with the clients scripts ? i uploaded files , modified template and it doesnt work
should not do any work ... complex

just change the title of the buttons and URL if you add new images ...

Vaupell 01-29-2009 09:22 PM
That is so lovely, defenitly tagged for a mac themed mod. lovely..

5 stars.

figu120 01-29-2009 09:26 PM
thank you very much for the support ...

NAZIA 01-29-2009 09:53 PM
Great Addition..

g0dfather1984 01-29-2009 10:29 PM
Great feature.

Loving it.


All times are GMT. The time now is 11:24 PM.
Page 1 of 6 1 23 Last »
Show 40 post(s) from this thread on one page

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.01023 seconds
  • Memory Usage 1,748KB
  • 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
  • (5)bbcode_code_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete