Thanks for the input everyone!
one future request, to put ACP on and off option and more menu configuration
Assuming I sort out how to add an ACP module I certainly will. I've never done such a thing, but this is my first mod, so I'll see what I can sort out.
it is ok the vertical thing but what is "click here to share" ?
I have no clue why that is happening. I'll investigate it...but please keep in mind that the JQuery portion of this was not written by me, I am merely plugging it into phpBB3. So it may be necessary to have the author of that answer it. Does that show all the time, or just when you mouse-over it?
But need more icons, i.e. newpost.png, search.png ..etc. Perhaps a blank png included is much better.
I'm not much of an artist, I just used these freely available icons:
http://icons.mysitemyway.com/category/b ... rls-icons/
There are hundreds available there, in many different themes.
One question is that how to change the spacing between the icon and the font, I would like to make it narrow a bit.
Add this to the common.css:
Code: Select all
div.jqDockLabelText {position:absolute; top:15px; right:1px; white-space:nowrap; cursor:pointer;}
You can adjust that and tweak it as needed.
For what it's worth, here is the author's documentation regarding the label:
labels : boolean or string, default = false, values = true, 'tl', 'tc', 'tr', 'ml', 'mc', 'mr', 'bl', 'bc', 'br'
This enables/disables display of a label on the current image.
Allowed string values are 2 characters in length: the first character indicates horizontal position (t=top, m=middle, b=bottom) and the second indicates vertical position (l=left, c=center, r=right). So 'br' means bottom-right!
If simply set to true, jqDock will use its default positioning for the label, which is 'tl' (top-left) for any align setting other than 'top' or 'left'. The defaults for 'top' and 'left' alignment are 'br' (bottom-right) and 'tr' (top-right) respectively.
To determine the text for the label, jqDock looks firstly for text in the image's 'title' attribute; if not found, it will then look for text in the 'title' attribute of the parent link - if there is one - and use that if found.
Please be aware that enabling this option with one of the middle/center label positions (eg. 'ml', 'bc', etc) may have a slight effect on the performance of the Dock, simply due to the additional processing required to position the label correctly.
You can make those changes by editing this portion of the code in overall_header.html:
Code: Select all
, labels: 'tc' // add labels (defaults to 'br')
I'd like a template for the code required to add other links please
That is incredibly simple. All you need to do is add another link inside the div "fmenu."
For example, to add one to the far right:
Find:
Code: Select all
<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"><img src="{T_THEME_PATH}/images/fisheye/login.png" title="{L_LOGIN_LOGOUT}" alt="" /></a>
<!-- ENDIF -->
Add after:
Code: Select all
<a href="YOUR_LINK_HERE" title="YOUR_LABEL"><img src="{T_THEME_PATH}/images/fisheye/YOUR_IMAGE.png" title="YOUR_LABEL" alt="" /></a>
If you want it to be visible only to logged in users, add it before the ENDIF.
I tried some other icons found in the net but they don't enlarge or resize. No matter the sizes are 72X72, 150X150..etc.
How to add other icons ?
I've had no problem switch the icons around. I just make sure to use 150x150 png. Dump them in {T_THEME_PATH}/images/fisheye/ and change the img src in overall_header.html.
Usually I've found that if it doesn't move when you mouse over it, the js is giving an error of some sort. Try running the Chrome or Firebug console when loading the page to see if it gives you any errors after switch the icons.
