Niko
  • Administrator

      Reputation : 319
      Registered on : 2012-02-22
      Posts : 2366
      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

    Syabria
    • ***


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

      Kenzo
      • *****


          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.

        Nick
        • Manager

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



          Window with message on sections 15px10