Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 19

Thema: Facebook und Twitter Button im Header

  1. #1
    HTML Newbie
    Registriert seit
    17.09.2013
    Ort
    A, A
    Beiträge
    9
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard Facebook und Twitter Button im Header

    Hallo Leute!
    Ich würde gerne meinen Facebook Button vor dem Twitter Button setzen!
    Wenn ich ihn es in der index.php einfach davor setze rutsch der Facebook Button nach unten und verzehrt das ganze Bild.
    Wie kann ich also den Facebook Button vor den Twitter Button setzen?

    bild2.jpgbild.jpg

    und hier der FB-Button Code. Wie muss ich das machen?

    Code:
    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.px-design.eu&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe>
    Schon mal vielen Dank!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Facebook und Twitter Button im Header

    spontan würd ich beide buttons in separate devs packen und die divs positionieren, du kannst aber auch nur ein div für twitter nehmen und den iframe entsprechend stylen.

    variante a) ist sinnvoller, weil du so den social bookmarks nen rahmen bietest, wo se drin sind und sich "entfalten" können
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. Folgende User finden die Antwort von synaptic gut:

    PXD

  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    17.09.2013
    Ort
    A, A
    Beiträge
    9
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Facebook und Twitter Button im Header

    Könntest du mir vllt den Code schreiben.. Ich hab davon ned viel Ahnung.
    Wäre Super

  5. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Facebook und Twitter Button im Header

    na du wirst doch noch zwei divs hinbekommen und da die codes reinkopieren...
    das is keine leistung und wir liefern hier hilfe zur selbsthilfe

    wenn du es gepackt hast den bookmark reinzukopieren, kriegste das auch mit nem div hin

    den div gibste noch nen style-attribut und schreibst da hinein "float:left;" und "width:200px;"
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    17.09.2013
    Ort
    A, A
    Beiträge
    9
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Facebook und Twitter Button im Header

    Jetzt hab ich nur des mit dem <div> gemacht

    also <div>Code</div>

    jetzt is der facebook button auf einmal auf der linken seite und der twitter button ganz verschwunden

    Code:
        <!-- HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  -->    <div id="header">
            <div class="row1">
    	        <div class="content">
                    <div id="topnavbar">
    <div><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.px-design.eu&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe></div>
    <div><a href="https://twitter.com/PXD_PXDesign" class="twitter-follow-button" data-show-count="false" data-lang="de">@PXD_PXDesign folgen</a></div>
                    	<div class="custom">
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                            <div id="contactlink">
                                <img src="/images/spacer.png" border="0" width="1" height="1" style="border: 0;" /></a>
                            </div>
        					<div id="searchlink">                            <img src="/images/spacer.png" border="0" width="1" height="1" style="border: 0;" /></a>
                            </div>
                            <div id="homelink">
                                <img src="/images/spacer.png" border="0" width="1" height="1" style="border: 0;" /></a>
                            </div>
        				</div>
                    </div>
                </div>

  7. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Facebook und Twitter Button im Header

    jetzt wäre ein link zu deiner seite sinnvoll

    also wenn du das style-attribut und die werte davon weglässt kann das div nur unter das andere div rutschen (sind block-elemente)
    benutz mal firebug im firefox für das inspizieren des codes
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  8. Folgende User finden die Antwort von synaptic gut:

    PXD

  9. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    17.09.2013
    Ort
    A, A
    Beiträge
    9
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Facebook und Twitter Button im Header

    Jetzt komm ich gar nicht mehr mit

    Hier der Link zur Seite
    http://www.px-design.eu

  10. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Facebook und Twitter Button im Header

    schreib in beide öffnende divs mal nen style-attribut
    also
    HTML-Code:
    <div style="">
    bei facebook machste dann in den style float:left; width:120px;
    bei twitter float:left; width:155px;
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  11. Folgende User finden die Antwort von synaptic gut:

    PXD

  12. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    17.09.2013
    Ort
    A, A
    Beiträge
    9
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Facebook und Twitter Button im Header

    Gut soweit so gut.
    Also das hat schon mal funktioniert.
    Jetzt is beides links. allerdings hätte ich beide gerne rechts.

    und was mir auch noch aufgefallen ist.
    Wenn ich oben auf "PXD-Gallery" gehe, kommt das Wort "Albums".
    Ich habe überall nachgesehen wie ich das in "Alben" ändern kann. Aber ich finde es ned

  13. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Facebook und Twitter Button im Header

    dann wechseln mal im code die positionen der beiden divs und mach aus dem float:left ein float:right

    hast du da ein CMS hinter? oder ist das alles nur html?

    edit:
    ahh du nutzt joomla, da kanns sein dass der titel über joomla pflegbar ist
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Get-Like.de - Facebook Fans/Likes, Google+1, Twitter Follower tauschen
    Von maex78 im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 0
    Letzter Beitrag: 26.01.2012, 09:49
  2. facebook-button valide einbinden
    Von TanjaP. im Forum Webanwendungen - Webapplikationen
    Antworten: 11
    Letzter Beitrag: 22.06.2011, 16:53
  3. [Brauche Hilfe bei]Facebook/Twitter in eigene Seite einbinden[-]
    Von Facebook Fan Chris 22 im Forum Webanwendungen - Webapplikationen
    Antworten: 4
    Letzter Beitrag: 18.04.2011, 10:10
  4. gefällt mir button facebook auf Homepage einbinden ?
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 02.04.2011, 11:51
  5. Problem mit <td> bei Facebook-Button
    Von jakobility im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 02.07.2010, 19:44

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •