• » webSPELL.org - Free Content Management System
  • Language switch: English German

  • login



    » lost password?   » register now

  • About webSPELL

    webSPELL is a free Content Management System which was especially developed for the needs of esport related communities. Since a short while we are also offering an optimized and enhanced webSPELL version for the special requirements of non-profit organisations. The purpose of both systems is to offer a professional and free opportunity to create and administrate your own website in an easy and optimized way.

    » Learn more about webSPELL     » Download webSPELL now!

  • Advertisement

    Follow us

  • Messageboard » webSPELL.Addons + Mods » EN - Requests » floating static page?
    Sort:     printview
    Author
    Message
    webSPELL newbie
    5 Posts
    19.07.2012, 15:44 email offline quote 
    Hi,

    I'm looking for a 'floating' statig page.
    For example, where we can put a TS3 viewer in, but its alwways visible on the left or right side...
    Like the menu this website has on the left: http://www.connectionbult.com/bass/startinfo.html
    But then i'd like it to stay put and not even move when you scroll...
    webSPELL lover
    1003 Posts
    19.07.2012, 15:48 email offline quote 
    Hi,

    maybe like this ?
    http://www.w3.org/Style/Examples/007/menus.html

    Then you are looking for the Stylesheet property

    Code:
    1.
     postion:fixed;


    http://www.w3.org/wiki/CSS/Properties/position
    Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css
    Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
    webSPELL newbie
    5 Posts
    20.07.2012, 08:55 email offline quote 
    chris2603 wrote:
    Hi,

    maybe like this ?
    http://www.w3.org/Style/Examples/007/menus.html

    Then you are looking for the Stylesheet property

    Code:
    1.
     postion:fixed;


    http://www.w3.org/wiki/CSS/Properties/position

    yes, something like that =)
    But is there an addon for it? Or can make a static page using that?
    webSPELL lover
    1003 Posts
    20.07.2012, 09:11 email offline quote 
    I don´t know about a Addon for this.

    But where is the problem ?

    You have a documentation and you have a Texteditor to edit the index.php.

    Just try it. :-)
    Wesbepell Addon Erstellung und Anpassungen (x)HTML Valide div/css
    Bei interesse PM mit ausführlicher Beschreibung und Preisvorstellung.
    webSPELL user
    303 Posts
    20.07.2012, 11:13 email offline quote 
    Open your index.php and search for "</body>" and change it to

    Code:
    1.
    2.
    3.
    <div id="ts3Button" onclick="ts3viewer.click()">TS3</div>
    <div id="ts3viewer"><!--ts3 viewer code--></div>
    </body>


    now search for "</head>"

    insert

    Code:
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    <script type="text/javascript">
    var ts3viewer = {
        click : function() {
            var viewer = document.getElementById('ts3viewer');
            var button = document.getElementById('ts3Button');
            if(viewer.style.display != "block") {
                viewer.style.display = "block";
                button.style.right = "200px";
            } else {
                viewer.style.display = "none";
                button.style.right = "0";
            }
        }
    };
    </script>
    </head>


    open your _stylesheet.css and go to the end of the file and insert

    Code:
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
         #ts3Button {
         width: 50px;
         height: 20px;
         background-color: #000;
         color: #fff;
         position: fixed;
         right: 0;
         top: 20%;
         text-align: center;
         cursor: pointer;
         }

         #ts3viewer {
              width: 200px;
              height: 200px;
              padding: 5px;
              position: fixed;
              right: 0px;
              top: 20%;
              background-color: #000;
              color: #fff;
              display: none;
         } 


    to get some style in it edit the stylesheet lächeln
    webSPELL newbie
    5 Posts
    20.07.2012, 15:33 email offline quote 
    thats gonna work!
    Awesome thnx! amüsiert
    Sort:     printview


    To start or to reply to a topic you have to be registered and logged in!

    • register now
    • login
  • » Support
    FAQ
    FORUM
    IRC
    WIKI
    » Topics
    21.05.2013 - 23:37 - 4 Replies
    » msql datenbank transfer
    msql datenbank transfer
    Last post: nappel.ger
    Board: DE - Technischer Support
    21.05.2013 - 23:37
    21.05.2013 - 22:43 - 5 Replies
    » forum anzeige erweitern
    forum anzeige erweitern
    Last post: Swordfish3000
    Board: DE - Allgemeiner Support
    21.05.2013 - 22:43
    21.05.2013 - 20:12 - 3 Replies
    » When the update?
    When the update?
    Last post: Argu
    Board: EN - General
    21.05.2013 - 20:12
    21.05.2013 - 19:43 - 9 Replies
    » login startseite
    login startseite
    Last post: Argu
    Board: DE - Technischer Support
    21.05.2013 - 19:43
    21.05.2013 - 13:18 - 7 Replies
    » [Biete] Template Designs
    [Biete] Template Designs
    Last post: Marceld
    Board: DE - Biete
    21.05.2013 - 13:18
    21.05.2013 - 05:15 - 0 Replies
    » Need Designer for Logo/Te...
    Need Designer for Logo/Template
    Last post: Kody
    Board: EN - General
    21.05.2013 - 05:15
    21.05.2013 - 05:13 - 0 Replies
    » Looking for Designers/Cod...
    Looking for Designers/Coders (paid)
    Last post: Kody
    Board: EN - Requests
    21.05.2013 - 05:13
    20.05.2013 - 21:11 - 12 Replies
    » High Quality Website
    High Quality Website
    Last post: Dansjostedt
    Board: EN - Offers
    20.05.2013 - 21:11
    20.05.2013 - 18:27 - 4 Replies
    » [S] Tester für neuen Foru...
    [S] Tester für neuen ForumMod
    Last post: Argu
    Board: DE - Anfragen
    20.05.2013 - 18:27
    20.05.2013 - 11:47 - 5 Replies
    » Suche Designer GGL:Geld
    Suche Designer GGL:Geld
    Last post: Dynamic-Webmedia
    Board: DE - Suche
    20.05.2013 - 11:47
    20.05.2013 - 00:07 - 0 Replies
    » [S] Suche Programmierer
    [S] Suche Programmierer
    Last post: phoenix762
    Board: DE - Suche
    20.05.2013 - 00:07
    19.05.2013 - 03:55 - 8 Replies
    » Mein Forum
    Mein Forum
    Last post: Lordy4007
    Board: DE - Fragen zur Seite
    19.05.2013 - 03:55
    18.05.2013 - 19:58 - 36 Replies
    » Exklusiv Webseite zur Mie...
    Exklusiv Webseite zur Miete
    Last post: liQweb
    Board: DE - Biete
    18.05.2013 - 19:58
    18.05.2013 - 12:21 - 1 Replies
    » Query failed
    Query failed
    Last post: LoRd
    Board: DE - Allgemeiner Support
    18.05.2013 - 12:21
    18.05.2013 - 09:36 - 3 Replies
    » benötige hilfe bei paar k...
    benötige hilfe bei paar kleinigkeiten
    Last post: immostar
    Board: DE - Technischer Support
    18.05.2013 - 09:36
    18.05.2013 - 03:33 - 4 Replies
    » [SELL] Gaming Website
    [SELL] Gaming Website
    Last post: hornyst
    Board: EN - Offers
    18.05.2013 - 03:33
    18.05.2013 - 00:32 - 6 Replies
    » Hide BBCODE Echo
    Hide BBCODE Echo
    Last post: dado2106
    Board: EN - Technical support
    18.05.2013 - 00:32
    17.05.2013 - 21:42 - 0 Replies
    » website help
    website help
    Last post: envy0024
    Board: EN - Technical support
    17.05.2013 - 21:42
    17.05.2013 - 21:03 - 1 Replies
    » Need Coder!
    Need Coder!
    Last post: iG.ShAdOw
    Board: EN - Requests
    17.05.2013 - 21:03
    17.05.2013 - 20:44 - 9 Replies
    » Query failed!
    Query failed!
    Last post: LoRd
    Board: DE - Allgemeiner Support
    17.05.2013 - 20:44
    » Partners
    Bilderkiste.org Image Hosting
    k3rmit.org
    PascalMh.de

    » Blog
    28.03.2013 - derchris
    » Those damn spammers
    13.03.2013 - blue.tiger
    » Development thoughts
    12.09.2012 - derchris
    » Annual webSPEL meeting - Be...
    08.09.2011 - k3rmit
    » webSPELL meeting 2011 Düsse...
    25.08.2010 - k3rmit
    » Another year, another time,...