zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden FBML Seite erstellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.03.2011, 02:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2010
Beiträge: 15
Ntracks befindet sich auf einem aufstrebenden Ast
Standard FBML Seite erstellen

Hi Folks!

Ich arbeite mich jetzt schon ein paar Stunden in die Materie der FBML Seiten
(Landing Pages auf Facebook) ein und komm aber leider bei den basics
schon nicht mehr weiter...

Was ich bis jetzt rausgefunden habe ist, dass für die FBML Seiten
nur das zählt was innerhalb des <body> steht, man die Seite auf einem
externen Server platziert; es besser ist die Seite mit
einer klassischen Tabelle und so simpel wie möglich aufzubauen und
die css formatierungen intern am Ende des scriptes zu platzieren.

Nach diesen Vorlagen habe ich jetzt mal die Seite erstellt die auf Facebook
eingebunden werden soll:
Link zur Seite am Server

Problem 1: Ich habe die Tabelle exakt in der selben größe wie die Grafik
erstellt und den Rahmen auf 0 gestellt und trotzdem ist die Tabelle viel
größer (siehe angehängte grafik)
http://xhtmlforum.de/attachment.php?...1&d=1301526207

Problem 2: Ich habe im internen css die Schrift Helvetica und die
Schriftgröße 12px eingestellt am Server wird sie aber ganz anders
dargestellt!
Wenn ich sie in Facebook einbinde passt es wieder!?

Problem 3: Ich hätte gerne die selbe Schrift wie auf Facebook. Soweit ich
weiß ist es die Helvetica!? Meine Helvetica sieht aber viel globiger aus
und ist wesentlich schlechter zu lesen...

Problem 4: Hat nicht direkt was mit der FBML zu tun aber es passt denk ich
trotzem auch hier rein - bei der Hauptseite habe ich anscheinend ein
Problem mit der zentrierung im Internet Explorer!?
Im Safari und im Firefox passt es soweit ich gesehen habe!? Link zur Hauptseite
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.03.2011, 10:10
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Öhm nur mal so. FBML ist seit dem letzten großen Update im Februar, laut Aussage von FB so gut wie überflüssig. Zumindest was Landingpages betrifft.

Seit Februar ermöglicht FB das Einbinden von iframes, und somit das Einbinden von eigenen Js-Scripts etc.

Zu deinen Problemen selbst:

Problem 1: Kann ich nichts zu sagen, da das Bild nicht angezeigt wird, ich frage mich aber, warum du überhaupt mit Tabellen arbeitest.

Problem 2: Du bist dir aber schon bewusst, dass Schriftarten, die nicht Web-Standard-Schriften sind bei anderen Usern nicht dargestellt werden, die diese nicht installiert haben, oder?

Problem 3:
siehe Problem 2. Der einzige Weg führt über Grafiken.

Problem 4:
Schau dir mal das CSS deines Wrappers an.
Was macht denn die "0" bei margin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.03.2011, 17:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2010
Beiträge: 15
Ntracks befindet sich auf einem aufstrebenden Ast
Standard

das mit den landingpages wusste ich nicht!
Egal wonach ich in zusammenhang mit "landingpage & facebook" suche es
kommen nur ergebnisse bzgl. fbml...

Bzgl. Grafik: hier ist sie noch mal!
http://xhtmlforum.de/attachment.php?...1&d=1301578869

Bzgl. Problem1: da ich eine "schnelle" Lösung brauche und von Javascript noch
weniger ahnung habe

Bzgl. Problem2: Ja dessen bin ich mir bewusst. Verstehe deshalb nicht warum mir auf meinem Rechner - am Server und auf der in Facebook eingebunden seite unterschiedliche Schriften angezeigt werden.

Bzgl. Problem3: Ich habe mir mittels "identifont" die Standardschrift von
Facebook angesehen und laut identifont handelt es sich um die Helvetica!?
Daher habe ich bei font-familiy: Helvetica, Arial, Verdana, Geneva, sans-serif,; angeführt.
Ich möchte im Prinzip nur die selbe Schrift/Größe wie beim Fließtext von Facebook daher glaube ich nicht dass ich eine Grafik dafür brauche!?

Bzgl. Problem4: Danke für den Tipp! konnte das Problem beheben!
Angehängte Grafiken
Dateityp: png Bild 2.png (202,5 KB, 8x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 01.04.2011, 00:58
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Du hast - jedenfalls soweit ich das sehen kann, überhaupt keine Schrift vorgegeben. Es wird jene Schrift angezeigt, welche im Browser als default bzw. "fallback" eingestellt ist, meist Times New Roman wie in deinem Bild... wenn Helvetica nicht installiert ist. Helvetica haben die wenigsten als Schriftart installiert, kostet nämlich es sei denn, man hat nen Mac. Ähnliche Schriften für Windows PC's sind "Swiss" und ein paar andere, zur Not auch Arial, die hat wirklich fast jeder.
Hier mal ne Liste:

Helvetica Alternatives - What Are Some Fonts That Look Like Helvetica?

Deshalb bei font-family immer auch zwei, drei gängige und ähnliche fallbacks definieren...
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 01.04.2011, 02:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2010
Beiträge: 15
Ntracks befindet sich auf einem aufstrebenden Ast
Standard

ich habe jetzt noch mal ganz über das layout drüber gearbeitet und alles
mit divs aufgebaut!

bzgl. der schriftfamilien - bin mir nicht genau sicher wo ich die reinstecken muss!?

habe sie unten im body bei den css befehlen eingefügt! dieser zeigt aber anscheinend gar keine wirkung?
Mit Zitat antworten
  #6 (permalink)  
Alt 01.04.2011, 10:15
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Ohne Code bleibt uns nur die Glaskugel.

Allgemein gehören Css-Angaben aber nicht in den HTML-Code, wenn überhaupt in den <head> <style></style> </head>.

Geändert von zeji (01.04.2011 um 10:18 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 01.04.2011, 21:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2010
Beiträge: 15
Ntracks befindet sich auf einem aufstrebenden Ast
Standard

link zur seite am server

Hier noch mal der ganze code:
HTML-Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Welcome</title>
</head>

<body>
    <div class="wrapper">
          <div class="row1">
			<fb:share-button class=”url” href=“http://www.facebook.com/home.php?#!/zephorahotels?sk=app_4949752878 />
          </div>     
          <div class="row2">

          <p>Am Abtenauer Marktplatz direkt am ‚Puls der Zeit‘,<br>
          	findet sich unser traditionsreiches Haus der Abtenauer.<br><br>
			Für Ihr leibliches Wohl sorgen wir mit internationalen<br>
			Köstlichkeiten sowie mit traditionellen österreichischen<br>
			Gerichten, die mit einer starken Prise Kreativität gewürzt sind.<br>
			Unsere kleine feine Erlebnisoase mit Sauna, Dampfbad<br>

			und Aromagrotte lädt ein um Ihrer Seele eine Auszeit gönnen.<br>
            <a href="http://www.derabtenauer.com/" target="_blank">www.derabtenauer.com</a></p>
          </div>
          <div class="row3">
   		  <p>Ein atemberaubend schön gelegener Geheimtipp<br>
          	direkt am Hausberg von St. Johann.<br><br>
			Relaxen können Sie in der Entspannungszone mit Sauna,<br>

			Dampfbad und Infrarotkabine. Im Restaurant ‚Balthazar‘<br>
			werden Ihnen nationale & internationale Köstlichkeiten serviert.<br>
			Auf unserer Sonnenterrasse ‚ genießen Sie den traumhaften<br>
			Ausblick auf die Stadt St. Johann & die umgebende<br>
			Berglandschaft.<br>

            <a href="http://www.hahnbaumhotel.com/" target="_blank">www.derhahnbaum.com</a></p>
          </div>     
          <div class="footer">
     	  </div>
     </div>

<style>
<!–
html, body {
	font-family: Helvetica, Arial, sans-serif;
    background: #000000 ;
	margin: 0;
	padding: 0;
}
h1 {color: #ffffff; margin: 40px 5px 0px 165px; font-size: 11px; }
p {color: #ffffff; margin: 53px 5px 0px 165px; font-size: 11px; }
a:link {color: #ffffff; text-decoraiton: underline;}

div.wrapper { width: 520px; height: 559px; marginleft: 0px auto; background-image:url(http://www.zephorahotels.com/Facebook-Landingpage.jpg); background-repeat:no-repeat;  }

.row1 { float: left; width: 520px; height: 98px; }
.row1 div { float: left; }


.row2 { float: left; width: 520px; height: 219px; }
.row2 div { float: left; }

.row3 { float: left; width: 520px; height: 209px; }
.row3 div { float: left; }

.footer { float: left; width: 520px; height: 33px; }
.footer div { float: left; }

–>
</style>


</body>
</html>
und hier die info nach der ich mit css vorgegangen bin

edit: ich seh grade im Internet Explorer wird das ganze auf Facebook wieder nicht angezeigt... Die Seite vom Server jedoch schon!?
link zur facebook seite

Geändert von Ntracks (01.04.2011 um 21:18 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Element ausserhalb seite positionieren, so daß keine scrollbar entsteht st-SaHiB CSS 5 20.07.2009 09:49
Nach klick auf menüpunkt soll die gewünschte seite in der seite erscheinen rs-web CSS 45 17.07.2009 15:16
Überprüfen, ob eine Seite von einer externen Seite im Frameset geladen wurde naitsab Javascript & Ajax 2 11.05.2009 19:53
Navigation links und oben soll aktive Seite anzeigen Zischel CSS 2 16.02.2007 23:30
Seite in Container mittels Include-Befehl anzeigen bäerli CSS 7 22.01.2007 15:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:03 Uhr.