Social Media einfügen

    Moin Moin.
    Ich bin gerade beim Umstieg von einem Baukastensystem zu Joomla und werde hier wohl demnächst öfter auflaufen.
    Nach viel viel Google und Youtube bin ich schon ein gutes Stück voran gekommen, bin aber natürlich noch lange nicht fertig.
    Dies ist unsere Baukasten-HP: http://www.hsv-bergkamen.com/startseite.html
    Dies ist unser Test-Webspace, auf dem ich unsere Seite weitestgehen neu aufbauen möchte, bevor wir komplett wechseln: http://test-63883.alfa3044.alf…erver.de/joomla/index.php


    Ich möchte nun gerne Facebook, Google+, Youtube und das Wetter einbinden, so wie es auf unserer aktuellen Seite zu sehen ist.
    Am liebsten wäre es mir, die Sachen im Menü rechts entweder jeweils in einen Container, oder alle zusammen untereinander in eine Container zu packen.
    Von mir aus auch ohne Container, aber Hauptsache rechts im Menü.
    Kann ich die Codes aus unserer aktuellen Seite dafür weiter verwenden?


    Außer für die Facebook Like Box bin ich hier (http://extensions.joomla.org/) leider nicht fündig geworden.


    Kann mir bitte jemand auf die Sprünge helfen, wie ich das umsetzen kann.
    Beachtet bitte bei eurer Hilfe, dass das für mich alles Neuland ist.


    Vielen Dank schon mal für eure Hilfe.


    Gruß
    kafi112

    Hi,
    grundsätzlich kannst du euren bisherigen Code auch einbinden.
    Für eine Socialmedia Anbindung kann ich dir das Shariff Plugin empfehlen. Damit verstößt du auch nicht gegen deutsches Datenschutzrecht. Da die Daten der Nutzer nicht schon beim Besuch deiner Webseite übermittelt wird.
    Fürs Wetter kann ich dir jetzt keine Empfehlung abgeben.


    Wenn du eigenen Code einfügen willst so kannst du das Modul "eigene Inhalte" verwenden. Aber schalte den Editor aus da sonst dein JS rausgefiltert wird. Oder stellst deinen Editor so ein dass das Script Element erlaubt ist.


    Grüße

    Erstmal danke für deine Antwort.
    Facebook konnte ich nun mit iframe einfügen.
    Allerdings funktioniert das wohl nur bei Facebook.
    Google+ läuft wohl nur über JS.
    Dort werden mir dann 2 Codes angezeigt.
    Den 2. muss ich dann ja direkt in das Modul einfügen.
    Beim 1. Code steht bei, nach "body" einfügen.
    Kannst du mir sagen, wo genau ich den 1. Teil einfügen muss?
    Natürlich darf auch jeder andere antworten.;-)

    So, eingefügt habe ich nun alles.
    Aber so ganz glücklich bin ich damit noch nicht.
    Youtube und das Wetter bekomme ich nicht zentriert.
    Jemand ne Ahnung wie ich das hinbekommen kann?


    Außerdem:
    Wenn ich die Seite jetzt zusammen schiebe, also in der Breite verringer, schiebt sich zwar auch das Menü mit zusammen, allerdings ragen dann die Inhalte über den rechten Rand hinaus.
    Kann ich das irgendwie verhindern?


    Social Media:


    Wetter:

    Zum Wetter: position:relative brauchst du m.E. nicht, das kann raus. Um das zu zentrieren, nimm entweder die width raus (dann geht der Hintergrund über die ganze Box, sieht mMn besser aus) oder gib dem div ein margin:auto.
    Allgemein würde ich dir raten, solche Sachen im Template in einer custom.css zu machen und nicht als inline-Style im Modul. Sonst wird das schnell unübersichtlich.


    Bei YouTube und dem Menü weiß ich nicht, was du meinst. Kannst du das bitte etwas genauer beschreiben, vielleicht auch mit einem Screenshot?

    Zitat von Harmageddon

    Bei YouTube und dem Menü weiß ich nicht, was du meinst. Kannst du das bitte etwas genauer beschreiben, vielleicht auch mit einem Screenshot?


    Schön, dass Du da bist Constantin ;)
    FYI: Hmm. Es ist so dass, nach dem letzten post (Fragen) vom TE, ein neuer Thread aufgemacht worden ist. Sodass sich die Frage(n), Wünsche etc. sich dementsprechend geändert haben.
    Bzw. der Ist-Stand - durch einige Eingriffe in den letzten Tagen .....


    Vielleicht kannst Du da dort vorbeischauen: searchProtostar anpassen
    Danke schön.


    @ kafi112,


    kannst Du bitte mal entweder diesen Thread abschließen, beim anderen bleiben bzw. Dich genau äußern, was jetzt geschehen soll? Oder was Du mittlerweile unternommen hast.


    Liebe Grüße, Christine

    Na ja, hier ging es mir ja speziell um die Einbindung von Facebook, Google+, YouTube und dem Wetter.
    In den anderen Thread um grundlegende Änderungen am Design allgemein.
    In den meisten anderen Foren ist es nicht gerne gesehen, wenn man alles in einen Thread packt, sondern für jedes Problem einen eigenen Thread eröffnet.


    Zu diesem Thread:
    Facebook und Google+ habe ich nun aus dem Modul verbannt und per Slider eingebunden.
    Mit YouTube wollte ich es genau so machen. Einbinden funktioniert auch, allerdings wird mir gesagt, das die YouTube ID (o.ä.) falsch wäre.
    Da muss ich mal gucken, ob ich das Problem finde.
    Das Wetter (und auch das Login Form) hätte ich schon gerne horizontal zentriert im Menü.https://forum.joomla.de/index.…/1825-Protostar-anpassen/
    In dem anderen Tread "Protostar anpassen" werde ich mich jetzt auch noch mal äußern.

    Hallo,


    ich habe u.e. Componente (FW Gallery Light) mit Firebug temporär zentrieren koennen.

    weiss jemand wo bzw. wie Ich die Position permanent verändern kann (evtl. in custom.css bzw user.css) ?


    <div id="fwgallery">

    <form action="/joomla/index.php/fw-galleries" method="post" name="adminForm" id="adminForm">

    </form>

    <div class="row galleries-list galleries-masonry isotope-masonry" style="position: relative; height: 330px;">

    <div class="col-sm-6 col-md-4 galleries-item isotope-item" style="position: absolute; left: 0px; top: 0px;">

    <div class="galleries-item-image">

    <a href="/joomla/index.php/fw-galleries/gallery/1-fw-gallery-title" class="img-eye-hover">

    <img src="/joomla/index.php/fw-galleries/image/image/1?format=raw&amp;w=370&amp;h=256" alt="FW Gallery Title">

    <figcaption>

    <div>8 Images</div>

    </figcaption>

    </a>

    </div>

    <div class="galleries-item-body">

    <p></p><p style="text-align: center;"><span style="font-family: symbola; font-size: 18pt;">My Description</span></p><p></p>

    </div>

    </div>

    </div>

    </div>


    Vielen Dank

    Hallo yehoshua,


    es ist nicht sinnvoll, einen alten Thread zu "kapern".

    Mache lieber einen eigenen auf.


    zu Deinem Problem: In der Regel ist in den Templates schon die Einbindung einer userspezifischen CSS-Datei an,

    Es kann sein, dass sie schon vorhanden ist oder erst noch erstellt werden muss.
    Gebräuchliche Namen sind user.css, custom.css.


    Mehr können wir Dir sagen, wenn Du einen Link zu Deiner Seite veröffentlichst und auch noch Angaben zum Template machst.


    Christian

    Moin,


    die user.css wird auch eingebunden, jedoch ist der Selektor falsch.

    Richtig wäre

    div#fwgallery


    Aber das funktioniert dann m.E. auch nicht, da text-align die Ausrichtung von Text und inline-Elementen innerhalb eines Blocklevel-Elements bestimmt.

    Du willst aber eine Blockelement positionieren.


    In der Regel verwendet man margin: auto, was jedoch hier auf der verschachtelten DIVs im Moment nicht zum Ziel führt.


    Christian