• » 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.Support » DE - Allgemeiner Support » Facebook Verlinkung
    Sort:     printview
    Author
    Message
    webSPELL newbie
    31 Posts
    09.06.2012, 11:05 email offline quote 
    Schön guten Morgen,

    habe folgende frage habe das schon oft auf pages gesehen das facebook oder twitter etc an der Seite der Homepage
    den man per klick öffnet und nach klick wieder schließt hoffe Ihr wisst Ihr was ich meine =)

    bitte um hilfe
    website: www.inox-gamerz.de
    version: 4.2.3
    webSPELL newbie
    31 Posts
    09.06.2012, 11:14 email offline quote 
    habe mal eine page gesucht damit Ihr wisst was ich meine ^^ zb wie bei der seite der ts slider

    http://www.dark-revolution-gamerz.de/ und den wollte ich mit facebook erstellen ^^ könnt Ihr mir helfen ?
    webSPELL user
    188 Posts
    09.06.2012, 11:29 email offline quote 
    Hier wäre das script was du suchst: http://www.2one-design....php?site=files&cat=2

    einfach die grafik bearbeiten und statt nem TS Viewer deinen Facebook Code einfügen
    webSPELL newbie
    31 Posts
    09.06.2012, 12:37 email offline quote 
    danke das habe ich schon gefunden jetzt ist meine frage wie ich mehrere einfügen kann wenn ich den code kopiere in der index.php und den änder dann ist der facebook weg kann den auch nicht left setzten etc -.- gucke meine page pls
    webSPELL newbie
    31 Posts
    09.06.2012, 14:04 email offline quote 
    bitte um dringende hilfe wie kann ich ein 2ten slider einbauen ? da der erste slider verschwindet wenn ich den zweiten mit reinschreibe in die index
    webSPELL user
    308 Posts
    09.06.2012, 14:51 email offline quote 
    hey benutzen die slider evtl die gleichen jquery`s

    kann sein das die sie gegenseitig blockieren

    mfg
    www.plezoo.de Social Media Community using Webspell 4.2.3 SE
    ------------------------------------------------------------------------
    Für die Leute die gerne Minecraft Spielen: mc.plezoo.de:25565

    Die deutsche Sprache ist Freeware.
    Das heißt, du darf
    webSPELL newbie
    31 Posts
    09.06.2012, 14:53 email offline quote 
    ja das ist der coder für den ersten

    in Head bereich

    Code:
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.
    41.
    42.
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

        <script type="text/javascript">
        $(function(){
            $('.slide-out-div').tabSlideOut({
                tabHandle: '.handle',                     //class of the element that will become your tab
                pathToTabImage: 'images/ts_3.png', //path to the image for the tab //Optionally can be set using css
                imageHeight: '60px',                     //height of tab image           //Optionally can be set using css
                imageWidth: '60px',                       //width of tab image            //Optionally can be set using css
                tabLocation: 'left',                      //side of screen where tab lives, top, right, bottom, or left
                speed: 300,                               //speed of animation
                action: 'click',                          //options: 'click' or 'hover', action to trigger animation
                topPos: '50px',                          //position from the top/ use if tabLocation is left or right
                leftPos: '10px',                          //position from left/ use if tabLocation is bottom or top
                fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
            });

        });

        </script>
    <style type="text/css">
    .slide-out-div {
         padding: 0px;
         width: 292px;
         height: 41%;
         background: url(images/ts_3_bg.png) no-repeat #313131;
         border: 0px;
         position: absolute;
    }      
    </style>

    <script type="text/javascript">
    $(document).ready(function(){
             $("#content").hide();

        $("a.open-close").click(function () {
          $("#content").slideToggle("slow");
        });

    });
    </script>


    und in body bereich

    Code:
    1.
    2.
    3.
    4.
    <div class="slide-out-div">
    <a class="handle" href="http://link-for-non-js-users.html">Content</a>
    Hier kommt der code hin
    </div>
    webSPELL user
    188 Posts
    09.06.2012, 17:38 email offline quote 
    damit ich das richtig verstehe. Für einen zweiten slider dupliziert du beide Codes die du in die index.php integriert hast?

    Das kann nicht funktionieren dann blocken sich die jquery Codes
    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
    18.05.2013 - 16:29 - 2 Replies
    » forum anzeige erweitern
    forum anzeige erweitern
    Last post: Swordfish3000
    Board: DE - Allgemeiner Support
    18.05.2013 - 16:29
    18.05.2013 - 14:40 - 35 Replies
    » Exklusiv Webseite zur Mie...
    Exklusiv Webseite zur Miete
    Last post: Maidzen
    Board: DE - Biete
    18.05.2013 - 14:40
    18.05.2013 - 14:00 - 0 Replies
    » [S] Tester für neuen Foru...
    [S] Tester für neuen ForumMod
    Last post: Argu
    Board: DE - Anfragen
    18.05.2013 - 14:00
    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
    17.05.2013 - 18:08 - 0 Replies
    » [4 SALE] Layouts (Gaming,...
    [4 SALE] Layouts (Gaming, Portfolio and more)
    Last post: Freestyler92
    Board: EN - Offers
    17.05.2013 - 18:08
    17.05.2013 - 18:06 - 0 Replies
    » Design Ausverkauf - alles...
    Design Ausverkauf - alles unter 70€
    Last post: Freestyler92
    Board: DE - Biete
    17.05.2013 - 18:06
    17.05.2013 - 10:56 - 6 Replies
    » [Biete] Template Designs
    [Biete] Template Designs
    Last post: Marceld
    Board: DE - Biete
    17.05.2013 - 10:56
    17.05.2013 - 10:41 - 7 Replies
    » register captcha
    register captcha
    Last post: nappel.ger
    Board: DE - Allgemeiner Support
    17.05.2013 - 10:41
    17.05.2013 - 09:56 - 3 Replies
    » Suche Designer GGL:Geld
    Suche Designer GGL:Geld
    Last post: Freestyler92
    Board: DE - Suche
    17.05.2013 - 09:56
    17.05.2013 - 00:13 - 0 Replies
    » News
    News
    Last post: dado2106
    Board: EN - Modifications
    17.05.2013 - 00:13
    16.05.2013 - 15:04 - 2 Replies
    » [V] mehrere Webspell Temp...
    [V] mehrere Webspell Templates und Designs
    Last post: Dynamic-Webmedia
    Board: DE - Biete
    16.05.2013 - 15:04
    16.05.2013 - 13:09 - 2 Replies
    » Content laden
    Content laden
    Last post: Helgon
    Board: DE - Anfragen
    16.05.2013 - 13:09
    16.05.2013 - 13:07 - 18 Replies
    » [B] Web, Print und Logode...
    [B] Web, Print und Logodesign
    Last post: Helgon
    Board: DE - Suche
    16.05.2013 - 13:07
    15.05.2013 - 22:50 - 2 Replies
    » Query failed: errorno=105...
    Query failed: errorno=1054
    Last post: Tw0Player
    Board: DE - Technischer Support
    15.05.2013 - 22:50
    » 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,...