XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Facebook Like / Links (http://xhtmlforum.de/showthread.php?t=71175)

helado 28.07.2014 13:20

Facebook Like / Links
 
Hallo,

ich soll neben einem Facebook Icon die Anzahl der Likes auf der Website (GuS Gesundheits- und Sozialdienstleistungen) anzeigen lassen. Ich weiß, dass Facebook ein Onlinetool hat, um ein Button(mit oder ohne Box) einzufügen, der auch die Anzahl der Likes zeigt.

Ich will aber nur nur Anzahl der Likes angezeigt bekommen, geht das?


---


Auf der Seite "Links" habe ich vier Links eingefügt (mit a href). Manchmal geh ich auf die Links aber ich kann sie nicht anklicken, meistens nur bei den unteren 2. Die oberen funktionieren immer. Woran liegt das?

seelefant 28.07.2014 14:45

Hallo Helado,
ich bin nun nicht wirklich ein Freund von Facebook-Plugins auf Homepages. Auch denke ich, dass eine Anzeige der Anzahl von "likes" nicht wirklich Sinn macht. Allerdings habe ich schon Internetpräsenzen gesehen, die tatsächlich nur die Anzahl von Likes neben dem Facebook-Button anzeigen und alle mit dem Facebook-Tool realisiert wurden. Ich habe schon zu lange nicht mehr mit Facebook gearbeitet, aber die von Dir gewünschte Darstellung war vor Jahren machbar - dann sollte es jetzt auch noch klappen.

Liebe Grüße
Seelefant

PS.: Kleine Anmerkung: Die Fußzeile finde ich sehr irritierend, weil sie sich so durchsichtig über den Text legt. Das erinnert irgendwie an Sehstörungen ;)
Auch, dass das Dropdownmenü bei Anwendungen im rechten Rand verschwindet und der aktive Navigationspunkt bei Hover über den Untermenüpunkten ganz braun (also ohne sichtbaren Text) wird, ist nicht so ideal.

helado 28.07.2014 14:53

Hallo Seelefant!

Vielen Dank für die Rückmeldung.

Es ist meines Erachtens auch kein Muss, dass ich die Likes anzeige. Wenn es zu viel Arbeit ist, lass ich es. Der FB Button ist ja bereits vorhanden.

Zu Deinem PS:

Ja da hast Du recht. Ich habe lange darüber nachgedacht wie ich das mit dem Dropdown Menü mache. Kannst Du mir da ein Tipp geben wie es besser aussehen würde?

Ich habe den Footer als Position: fixed gemacht. Wenn ich relative mache, verschiebt sich dann alles?

Ich habe in der CSS Datei mal den Footer so eingestellt:

footer {
width: 1100px;
font: 100% 'Book Antiqua', arial, sans-serif;
height: 10px;
padding: 200px 0 14px 0;
text-align: center;
border-bottom: 2px solid #662908;
position:absolute;
bottom: 10px;
}

Auf der Indexseite wird es perfekt angezeigt. Bei den anderen, irgendwo mitten im Text :-X.

seelefant 28.07.2014 15:43

Hmmm, also ich ziehe es vor, die Footer mit der Seite nach unten wandern zu lassen und lieber den Link zum Impressum in die Hauptnavigation mit aufzunehmen. Wenn aber ein Footer eben fix positioniert sein soll, dann würde ich eine geeignete Hintergrundfarbe mit einer gewissen Transparenz vergeben, damit jedem klar ist, dass es sich um den Footer handelt und für weiteren Inhaltstext eben gescrollt werden muss. Sonst wirkt es wie verirrter Text.

Für Dein Dropdownmenü würde ich Dir erst Mal empfehlen eine kleinere Schriftgröße in den tieferen Navigationsebenen zu wählen. Oder nimm' die Anwendungen weiter nach links ... oder liste einfach der Reihe nach von oben nach unten auf.

Ich bin auch kein Freund von Dropdown-Menüs, weil für mein Empfinden - da kann man natürlich lange darüber diskutieren - die Nutzbarkeit nicht wirklich gut ist. Du klickst auf Anwendungen und dann ? Bei Dir läuft man ins Leere ... Man muss auch immer über das Menü, um in eine andere Anwendung zu wechseln. Ich würde mir gerade bei einer Seite wie dieser, die sicher viele Menschen nutzen, die normal nicht im Internet unterwegs sind, eine ganz klare Navigationsstruktur machen und in oberster Ebene nur Punkte haben, die direkt angeklickt werden können (oder mit der Tastatur erreicht) und eine hübsche zweite Navigationszeile dazu, mit klarer Umgrenzung der Menüpunkte. Dann fällt die Orientierung leichter.

helado 28.07.2014 16:38

Ersteres will ich auch :). So stelle ich mir das auch vor. Aber er wird, wenn ich relative einstelle, irgendwo unterm Text positioniert, aber nicht immer ganz unten. Es sind immer so gefühlte 5cm Platz nach unten. Ich suche seit ca. ne Stunde wie ich das weg bekomme...

Wie ich im Dropdown-Menü die Schriftart bzw,. Größe änder, ist mir auch ein rätsel. Es steht auf 135%. Wenn ich das ändere, wird die gesamte Menüstruktur kleiner..:x

w000t, habe endlich was hinbekommen, nicht ganz :P

footer {
width: 1100px;
font: 100% 'Book Antiqua', arial, sans-serif;
height: 10px;
padding: 70px 0 14px 0;
text-align: center;
border-bottom: 2px solid #662908;
position:absolute;
bottom: auto;
}

Bei ALLEN Seiten kommt der Footer jetzt unten zu stehen und ist nicht mehr fixiert. Auf der Index.html Seite hat der zum Seitenende aber immer noch ein gewisser Abstand. Zu wenig Text?

seelefant 28.07.2014 16:59

Ich muss Dir jetzt leider mal einen Tipp geben, den ich nicht gerne gebe, weil es den geneigten Seitenschreiber immer etwas betrübt. Aber bitte teste Deine Seite mal HTML: [Invalid] Markup Validation of http://www.gus-sparta.de/ - W3C Markup Validator
und CSS: W3C CSS Validator results for http://www.gus-sparta.de/ (CSS level 2.1)

Das wird Dir vielleicht schon mal weiterhelfen. Übrigens ist bei mir der Fotter nach wie vor mitten im Text - auch in anderen Browsern als den Firefox. Offensichtlich nutzt Du einen HTML-Editor. Wie ich im Quelltext sehe ist das modernizr - er scheint fehleranfällig zu sein. Ich schreibe alles von Hand. In JavaScript kenne ich mich nicht so gut aus und merke immer wieder, dass es wenig Sinn macht fertige Vorlagen zu nutzen, von deren Funktionsweise man keine Ahnung hat.

Ich habe hier am Anfang meiner Internetseiten-"Karriere" den ultimativen Tipp bekommen, Little Boxes von Peter Müller zu lesen. Das mag ich Dir auch empfehlen. Dann klappt es auch mit der Seite. Dieses Buch ist ein echter Meilenstein und super verständlich und ansprechend geschrieben.

helado 28.07.2014 17:10

Die HTML / CSS Validator Seite kenn ich bereits. Leider sind manche Formatierungen die ich vorgenommen habe, einfacher mit HTML zu gestalten, da die Formatierung nur auf eine Seite vorzunehmen war.

Ich habe die jeweiligfen Quelltexte heruntergeladen und bearbeite sie als Kopie, sollte was gewaltig schief laufen, ich immer noch das Original habe:P Wenigstens etwas dann ne :).

Der untere Abstand zwischen Seitenende und Footer, wie genau heißt das in CSS (normalerweise)?

seelefant 28.07.2014 17:16

Du bist ein echter Frischling, nicht wahr ?

Nimm' Dir ernsthaft das Buch, das ich Dir geraten habe und lerne das Ganze erst Mal. So gewöhnst Du Dir nur das Falsche an. Wenn man zu lange im Hundekraul schwimmt, lernt man das stilechte Schwimmen nur noch sehr sehr schwer und hat immer zu kämpfen.

Tu Dir bitte selbst einen Gefallen - Little Boxes ist wirklich lebensrettend. Selbst eine Kollegin von mir, die schon etliche Jahre vor mir schon Internetseiten geschrieben hat, meinte nach dem Buch "Jetzt verstehe ich endlich, was ich da treibe" ;)

Alles Liebe! und gut Lern!

seelefant 28.07.2014 17:18

Übrigens: Das ist ein ganz böses Foul !!!

<p class="grossabstand">
<tr>
<td><a href="https://www.facebook.com/gus.dienst.sparta" target="_blank">
<img src="images/F_icon.jpg" alt="" border="" height="14" width="14"></a></td>
<td>|</td>
<td><a href="links.html">Links</a></td>
<td>|</td>
<td><a href="impressum.html">Impressum</a></td>
</tr>
</p>

helado 28.07.2014 17:21

Ganz blöde Frage: Wieso:shock:


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:56 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023