Invision Power Services: Tidying up the Board Header - Invision Power Services

Jump to content

Web Design and Coding

Our community chat forum areas are for off-topic discussion only. Please do not post topics about IPS or its products and services here. We provide other forum areas for IPS discussion.

Do you need technical support on IPS products or services?

You can obtain support via the client area, or you can try to obtain peer-to-peer support at IPS Resources.

Did you find a bug in one of our products?

If you believe you've found a bug please post it to the bug tracker.

Have a suggestion or feedback?

Use the company feedback forum or appropriate product feedback forum. You can also submit a ticket in your client area if it's a private matter.
  • (2 Pages)
  • +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

Tidying up the Board Header Rate Topic: -----

#1 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 23 March 2005 - 11:03 AM

OK here's something I am VERY curious about. In sources/admin/ad_stylesets.php, there is the code for the "Click for more skin options" when you click on any skin name in the skin manager, which brings up that popup menu that you can toggle on and off.

Has anyone adapted this for use in say the main forum index to clean up the forum header? IE for example you could have a link that said "Extra Stuff" and when clicked on, it would bringup the exact same menu that you get when clicking on Skin names in the Skin Manager. The menu could have links to your forum mods, pages, or whatnot.

Reason for all this? Well after seeing whats on dscripting.com when you click on "Extra Stuff" and the tutorials at Invisionize.com which didn't achieve the desired effect, I think this would be very interesting to have. :D
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#2 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 25 March 2005 - 09:08 AM

Ok no one has replied to this eh? :( I have looked at the code myself, but I just can't figure out how to modify it myself to use it on a board header so that it will popup a menu like that mentioned above with links to whatever you want, whethers its forum mods or html links etcetera.
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#3 User is offline   _ Icon

  • Needs Serious Help
  • PipPipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 1,655
  • Joined: 09-December 03

Posted 25 March 2005 - 11:39 AM

I believe it is Javascript/DHTML. :)
Posted Image
(colours are based on your IP address and almost* unique)
(* meaning that two bytes are left unused, and there's always the chance of a collision)
0

#4 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 25 March 2005 - 03:35 PM

Quote

I believe it is Javascript/DHTML. :)


I realise that, but I could use some assistance in modifying this to use on a board header. It would make the perfect DHTML menu imho. :)
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#5 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 30 March 2005 - 03:01 PM

So I guess no one has bothered to use the pop up menu for board header eh? :( God knows I've looked at the code but I can't seem to figure out how to use it to clean up the board header so that you dont have a long line of links like

Arcade - Help - Members - Calendar - Search - Etcetera

One word like "Extra's" that when clicked on would bring up that same style of popup menu as seen in the Admin CP would be so much easier.
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#6 User is offline   Matt Icon

  • Chief Software Architect
  • Icon
  • View blog
  • View gallery
  • Group: IPS Management
  • Posts: 23,753
  • Joined: 13-February 02
  • Location:Cambs, UK

Posted 30 March 2005 - 03:34 PM

I actually did some tests today using menus in the board header, but it'll likely remain the way it is until IPB 3.0.
Matthew Mecham ( TwitterPersonal BlogFlickr )
Invision Power Services, Inc. - C.S.A.
Email | Official IPS Facebook Page | 434-316-7201
"I love deadlines. I especially like the whooshing sound they make as they go flying by."
-- Douglas Adams (1952 - 2001)
0

#7 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 31 March 2005 - 03:37 AM

Quote

I actually did some tests today using menus in the board header, but it'll likely remain the way it is until IPB 3.0.


Ok, than you for trying then anyway. I'm still curious as to how dean over at dscripting.com managed to do it with his forum though, without using javascript drop down boxes.
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#8 Guest_IAIHMB_*

  • Group: Guests

Posted 31 March 2005 - 04:32 AM

That annoying pop up is in the way, but it looks like whoever created the skin used CSS.
0

#9 User is offline   Nash12 Icon

  • Spam Happy
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 591
  • Joined: 02-June 04
  • Location:Arkham Asylum

Posted 31 March 2005 - 07:07 AM

Uhm, if I visit the mentioned dscripting.com boards and hover or click on "Extra Stuff" nothing happens. :ermm:
0

#10 Guest_IAIHMB_*

  • Group: Guests

Posted 31 March 2005 - 07:44 AM

Quote

Uhm, if I visit the mentioned dscripting.com boards and hover or click on "Extra Stuff" nothing happens.  :ermm:


I believe it has to do with that damned pop up. <_<
0

#11 User is offline   Nash12 Icon

  • Spam Happy
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 591
  • Joined: 02-June 04
  • Location:Arkham Asylum

Posted 31 March 2005 - 08:17 AM

That might be the case. :)

That scrolling Login-Box is really annoying as hell. >_<
0

#12 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 31 March 2005 - 03:08 PM

This is what's supposed to show when you click on "Extra Stuff'.

Attached Image

The menu stays up too once you click on Extra Stuff. Seem's he possibly found a way to re-use Matt's popup menu style from the admin CP, yet the site admin (Dean) has decided to be very selfish and not release the mod to the public.

Surely he's not the only coder out there that figured this out and could implement this for the rest of the public to use :shifty: , therby proving that Dean perhaps shouldn't be so selfish in the first place? :rolleyes:
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#13 Guest_IAIHMB_*

  • Group: Guests

Posted 31 March 2005 - 04:18 PM

That can be accomplished with CSS, no need to use javascript or whatever it is that Invision Power Board uses.
0

#14 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 01 April 2005 - 05:04 AM

Had a closer look and he's not using just "Pure CSS". He's using Javascript for it.
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#15 Guest_IAIHMB_*

  • Group: Guests

Posted 01 April 2005 - 05:56 AM

Well, you can't really call what he created a menu, as it doesn't work in Internet Explorer 6 or Firefox 1.0.2. :P I thnk I replied to your message earlier, but if I didn't, you can accomplish the effect entirely in CSS. I don't see the need to make things complicated when you don't have to.
0

#16 User is offline   Nash12 Icon

  • Spam Happy
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 591
  • Joined: 02-June 04
  • Location:Arkham Asylum

Posted 01 April 2005 - 08:33 AM

Quote

Well, you can't really call what he created a menu, as it doesn't work in Internet Explorer 6 or Firefox 1.0.2. :P


:lol: Thats right. ;)

Btw. I would use a combination of HTML (unordered list), CSS and a bit of Javascript. Something like the Suckerfish Dropdowns would be the one to go.
0

#17 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 01 April 2005 - 05:01 PM

Seem's I finally figured out his code so to speak. What he did was add this to the board wrapper

<script type="text/javascript' src=jscripts/ipb_global.js'></script>
<script type='text/javascript' src='jscripts/dmenu.js'></script>


Add a link like this to the board header where normally your Help, Search, Members etcetera links are

<span id='gbartab'><a href='#gbarlinks'>Extra Stuff </a></span>


Add the following to his CSS template

.dmenu
{
        position: absolute;
        z-index: 10;
        width: auto;
}

.dmenu .row1
{
        padding: 5px;
}
.dmheader
{
        margin-bottom: 2px;
        text-align: center;
        font-weight: bold;
}
#gbarlinks
{
        visibility: hidden;
        top: 0px;
        left: 0px;
}



And finally some code like this as an example

<div id='gbarlinks' class='dmenu' style='width:150px'>
  <div class='borderwrap'>
  <table align='center' cellpadding='0'>
    <tr>
      <td align='left' valign='top' class='row2'>
        <span class='dmheader'><center><a href='http://www.dscripting.com/index.php?act=idx'>Board 
Index</a></center></span>
        <hr size='1' style='color:#eeeeee;width:90%'>
        <img src='style_images/dscripting/nav_m_dark.gif' border='0'  alt='.' /> 
<a href='http://www.dscripting.com/index.php?act=Arcade''>Arcade</a>
       </td>
    </tr>
  </table></div>
</div>


The only thing that really puzzled me was, how in the heck did he link to "#gbarlinks" in the CSS? Every time I tried to a href link to #gbarlinks, my forum wouldn't load the code up to even bring up the menu. :shifty:

This kept me up all night trying to figure out how he's working this all together even though the .JS file is supposedly loaded.
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#18 User is offline   xQuarkDS9x Icon

  • The Sloan!
  • PipPipPipPipPip
  • View blog
  • Group: Members
  • Posts: 625
  • Joined: 25-February 03
  • Location:Section 31

Posted 02 April 2005 - 03:19 PM

So no one has any idea's how to link to that "#gbarlinks"? Obviousely it was done somehow on deans site, unless I am completly missing something with that code of his above, which does seem a bit messy. :P
Posted Image
Star Trek / Star Wars / Sci Fi Forums With a DS9 Theme!
0

#19 User is offline   RainX Icon

  • IPB Full Member
  • PipPipPip
  • View blog
  • Group: Members
  • Posts: 192
  • Joined: 11-March 05

Posted 02 April 2005 - 11:48 PM

Quote

This is what's supposed to show when you click on "Extra Stuff'.

Attachment attachment

The menu stays up too once you click on Extra Stuff. Seem's he possibly found a way to re-use Matt's popup menu style from the admin CP, yet the site admin (Dean) has decided to be very selfish and not release the mod to the public.

Surely he's not the only coder out there that figured this out and could implement this for the rest of the public to use :shifty: , therby proving that Dean perhaps shouldn't be so selfish in the first place? :rolleyes:



Why can't he keep some modifications for himself?
I mean the dude mods like crazy and gives it all away so others can use it for free.
Just because he doesnt wanna give this one away doesn't make him selfish lol.
Sure u can try to remake it but there's no need to diss the guy :cool:
0

#20 User is offline   Burnout Icon

  • Advanced Member
  • PipPipPipPip
  • View blog
  • Group: Members
  • Posts: 248
  • Joined: 23-December 03

Posted 01 July 2005 - 11:48 AM

Haha
D-Scripting.com
For IPB mod installs, support and Much much more!
0

  • (2 Pages)
  • +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users