Dock in Rock

MobileHacks

New Member
From CSS Dock Menu
1. Go to navbar template
Find:
PHP:
<!-- breadcrumb, login, pm info -->
Add Before:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> 
  <a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a> 
  <a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> 
  <a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a> 
  <a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a> 
  <a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a> 
  <a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a> 
  <a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</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>
</body>
</html>
2. Upload all file under " upload " folder to ur forum roots

3. For more icons visit PNG Icons & Icon Packs Download | IconsPedia - Free Icons

You can add/change icon and link with:
PHP:
<a class="dock-item" href="#"><img src="images/home.png" alt="home" />
 
I downloaded it from this thread. Unless it's been re-uploaded, I think this one will still have some problem.

I'm not very good at checking for a virus but maybe someone else could have a look into it for us.
 
So is it safe or not ? but i know "MobileHacks" post some good stuff.
so lemme check this file trough a virus/trojan scanner or whatever.

Also MobileHacks is a mod so i seriously doubt there is anythin' wrong in this file.


EDIT:

i don't see any problem with this file...

Scanned file: Dock in Rock.zip
Dock in Rock.zip/upload/iepngfix.htc - OK
Dock in Rock.zip/upload/images/blank.gif - OK
Dock in Rock.zip/upload/images/calendar.png - OK
Dock in Rock.zip/upload/images/dock-bg.gif - OK
Dock in Rock.zip/upload/images/dock-bg2.gif - OK
Dock in Rock.zip/upload/images/email.png - OK
Dock in Rock.zip/upload/images/history.png - OK
Dock in Rock.zip/upload/images/home.png - OK
Dock in Rock.zip/upload/images/link.png - OK
Dock in Rock.zip/upload/images/main-bg.gif - OK
Dock in Rock.zip/upload/images/music.png - OK
Dock in Rock.zip/upload/images/portfolio.png - OK
Dock in Rock.zip/upload/images/rss.png - OK
Dock in Rock.zip/upload/images/rss2.png - OK
Dock in Rock.zip/upload/images/Thumbs.db - OK
Dock in Rock.zip/upload/images/video.png - OK
Dock in Rock.zip/upload/js/interface.js - OK
Dock in Rock.zip/upload/js/jquery.js - OK
Dock in Rock.zip/upload/style.css - OK
Dock in Rock.zip/template.txt - OK

Source: Virus File Scanner


I'll use it on my forum right away ;) thx MobileHacks ! :)
 
WOW ALL YOU CRITICS NOOBS AND LEECHERS GTFO IF YOU DONT KNOW HOW TO DO SUMTHING OMFG Y BOTHER IT WORKS PERFECT LEARN HOW TO CODE GOD

Shyt ill even give you some more instructions just for all you special noobs and leechers,
i like this in the footer the top of the site has enough junk at it so why not a nice style in the bottom part aswell

in your footer find

Code:
$vbphrase[top]</a>
			</strong>
		</div>

just do the find for "$vbphrase[top]"

find the closing div that follows that
*for the noobs*
(its the first </div> after $vbphrase[top])

after the closing div *agian for noobs* </div>

put <br>

if you want it centered add

Code:
<div align="center">

right after the <br>

under
Code:
<div align="center">

Add

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/home.png" alt="home" /><span>Home</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/email.png" alt="contact" /><span>Contact</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/music.png" alt="music" /><span>Music</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/video.png" alt="video" /><span>Video</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/history.png" alt="history" /><span>History</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/calendar.png" alt="calendar" /><span>Calendar</span></a> 
  <a class="dock-item" href="#"><img src="http://www.vbteam.info/images/rss.png" alt="rss" /><span>RSS</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>
</body>
</html>

Upload all the stuff from the first post to your forum directory and VOLLA!

????what still dont work.....well if you cant follow this the wow you just need to GTFO

HERE IS A SIMPLE SCREENIE

xpq72w.png


kcj7et.png


sry im in a bad mood, but hey this works if you want it in the footer

and no the ugly icons that come with this *no offence orange aint my color* they are not my icons i use i just re did this from start to show it works
 
@mobile sry i would edit the above post but it got kinda long, anyway....this is to tell you thank you for this mod, it FAWCKIN ROX, i love it it brings objectdock to VB and thats ttlly kick A** i love it and if i could keep pressin the thx button i would, im sry you have idiots posting in your thread i cant stand when ppl cant appreciate what we do, and for all the leechers who dont contribute, and say this is a virus seriously GTFO this is a mod are you kidding your gunna accuse him of a virus, mobile is awsome so wow GTFO and go do sumthing constructful with your life,

i cant stand you leechers with all your shyt talkin and nothing to contribute shyt ive been here for maybe "MAYBE" a month and shyt ive been thanked allot for a noob here, you know why ........I CONTRIBUTE IN ANYWAY I CAN!

agian @Mobile thx for this and im just stating what were all thinkin lol

and to everyone who contributes thank you for keeping the team together
 
@ lilfabbro, thanks for helping but go easy on your language man.
i don't feel offended tho coz i don't feel concerned...

Even tho im still learning that doesn't mean im not thankful for other people's posting
good stuff like this...

And thanks again Mobilehacks !!! :)
 
snoopdo2g said:
@ lilfabbro, thanks for helping but go easy on your language man.

i dont believe i ACTUALLY swore at all i censored myself and if you know what the abbreviations stand for G4U
 
Back
Top