HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Window with message on sections

    avatar
    • Administrator

        Reputation : 315
        Registered on : 2012-02-22
        Posts : 2362
        School of codes courses: coming soon
      Window with message on sections

      Description


      Have a window when you pass hover the forum-name

      Set up


      Go on ACP > General > Configuration > Categories and forums > edit the forum you want to have this effect...
      Type this code in the forum-name place:
      Code:
      <none>

      You will see an error-message as forum-name in the panel but it is ok...
      Note: remeber the link of the forum, you will use it later

      Type this code in the forum description (the same)
      Code:
      <style type="text/css">
      <!--
      .navtext {
      width:260px;
      font-size:8pt;
      font-family:verdana;
      border-width:2px;
      border-style:outset;
      border-color:#006BAE;
      background-color:#FFF6D9;
      color:black;
      }
       -->
      </style>
      <script language="javascript" type="text/javascript" src="http://virtualdeejay.us/script/alttxt.js"></script>

      And now add this code (before the code above)

      Code:
      <!--- Subject: "Window with message on sections" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes--->
      <div id="navtxt" class="navtext" style="visibility:hidden; position:absolute; top:0px; left:-400px; z-index:10000; padding:10px"></div>


      And now add this code (another one xD )
      [code][url=FORUMLINK]FORUMNAME[/url]
      Note: change FORUMLINK e FORUMNAME with your own datas :bene:

      Enjoy! :Good:

      Customize the tutorial


      You can edit some parameters:
      width:260px; Width of window
      font-size:8pt; Font-size
      font-family:verdana; Font-family
      border-width:2px; Size of the border
      border-style:outset;
      border-color:#006BAE; Color of the border
      background-color:#FFF6D9; Color of the background


      Inside the .js file (find it here: http://virtualdeejay.us/script/alttxt.js) there are some editable parts:

      dofade - if it is true there is a fade effect
      (It doesn't work on Opera)

      centertext - The message is centered

      mousefollow - The window follow the mouse

      hideDelay -It works when mousefollow is online and it will "say" to the window to wait before closing the window; this is useful when you have links

      This tutorial was written by Virtualdeejay: Thanks! :Good:

      Technical problems


      The tutorial was tested on This forum and works with every browsers; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your segnalation.

      Thanks, the staff

      For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

      Friendly,
      The team of the Forum of Codes.



      Last edited by Niko on Sat May 26, 2012 12:47 pm; edited 1 time in total



      Niko wants you in the team Guest

      Community manager and Administrator at Forumattivo.com

      avatar
      • ***


          Reputation : 0
          Registered on : 2012-05-07
          Posts : 35
        And this work's on Punbb yeah?

        avatar
        • *****


            Reputation : 3
            Registered on : 2012-05-02
            Posts : 197
          Syabria wrote:And this work's on Punbb yeah?

          The tutorial was tested on This forum and works with every browsers; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your segnalation.

          avatar
          • Manager

              Reputation : 20
              Registered on : 2012-04-01
              Posts : 407
            Cool!




            YOUR BANNER HERE
            728x90
            DMCA.com Protection Status
            © PunBB | Contact | Report an abuse