Was ich gerade sehe ist das @font-face ja CSS3 ist...Wird das denn vom Webocton unterstützt?
Neues Aussehen
-
-
Zitat von "revils"
Wird das denn vom Webocton unterstützt?
Ist doch voll egal solange es in den Browsern läuft
Zitat von "[url=http://scriptly.webocton.deBenedikt Loepp[/url]"]
Eine große Änderung gibt es aber auch: Der Scriptly besitzt ab sofort eine 100% Kompatibilität zu HTML5 - sei es Highlighting oder Code-Completion, die neue Version ist für alles gerüstet.Dann gehe ich auch davon aus das CSS3 mit eingeschlossen ist
-
Gut, dann bin ich schon einmal beruhigt was das angeht^^
Jetzt folgendes. Mein Code, hab jetzt alles Browser abgedeckt. Ich hab extra das alte Fontscript aus der CSS genommen, damit ich sehen kann ob es funktioniert.
Aber garnichts geht, der FF benutzt statt des neuen BrockScripts ein Standardfont. Die Script-Dateien liegen alle auf dem Server im Root-Verzeichnis.Code
Alles anzeigen@font-face { /*Font-Face deklarieren*/ font-family: "BrockScript"; src: url('brockscript.eot'); src: url('brockscript.eot?#iefix') format('embedded-opentype'), url('brockscript.woff') format('woff'), url('brockscript.ttf') format('truetype'), url('brockscript.svg#BrockScript') format('svg'); } h1 { /*Font-Face einbinden*/ font-family: BrockScript; font-size: 72px; font-weight: lighter; }
-
Bist du auch wirklich genau nach diesem Tutorial gegangen?
-
Ja bin ich.
Also im Editor siehts bei mir so aus
[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]
-
..liegt deine CSS-Datei den auch im Root?^^
oder vielleicht eine ebene darüber? -
Liegt in einem Verzeichnis..../styles/
-
-
Sagen wir es so^^ Ich hab die Fonts schon in einem Verzeichnis drin..also hab ich neu gemacht.
Fonts sind in: /fonts/arial.ttf (z.B.)
CSS ist in: /styles/styleAber ich werde es so nochmal versuchen
EDIT:
Leider keine Veränderung...hmm..muss ich vielleicht noch was in die .php Dateien reinschreiben zwecks Kompatibilität?
-
Und wie lautet nun die url()-Angabe in deiner CSS-Datei?
In welche PHP-Datei?
-
-
oke.. fangen wir also noch einmal von gaaaanz vorne an, was relative Pfade betrifft
Zitat von "http://de.selfhtml.org/html/allgemein/referenzieren.htm#relativ"Mit relativen Pfadangaben relativ zum Basis-URI referenzieren
Diese Variante können Sie wählen, wenn Sie den jeweils aktuellen URI als Bezugs-URI wählen. Dann können Sie von hieraus relativ adressieren. Die HTML-Datei mit dem URI <!-- m --><a class="postlink" href="http://de.selfhtml.org/html/allgemein/referenzieren.htm">http://de.selfhtml.org/html/allgemein/referenzieren.htm</a><!-- m --> enthält beispielsweise zum Referenzieren einer Grafik folgende Angabe: ../../src/logo.gif. Das bedeutet: gehe zwei Verzeichnisse nach oben, von dort aus ins Unterverzeichnis src und dort findest du die Datei logo.gif. Absolut gesehen hat diese Datei also den URI <!-- m --><a class="postlink" href="http://de.selfhtml.org/src/logo.gif">http://de.selfhtml.org/src/logo.gif</a><!-- m -->.
Diese Form der relativen Adressierung ist innerhalb von Web-Projekten sehr zu empfehlen. Der Grund ist, dass Sie das Web-Projekt auf diese Weise problemlos an eine andere Adresse verschieben können, und trotzdem funktionieren noch alle projektinternen Verweise und Grafikreferenzen. Gerade wenn Sie Ihr Projekt auch mal auf CD-ROM oder anderen Medien veröffentlichen wollen, ist die relative Adressierung ein Muss.
Beispiele:
Code./ farben.htm ./farben.htm bilder/grafik.gif ./bilder/grafik.gif ../ ../../../../woanders/datei.htm
Erläuterung:Eine Datei im gleichen Verzeichnis wie dem aktuellen können Sie einfach durch Angabe des Dateinamens referenzieren - im obigen Beispiel etwa die Datei farben.htm. Das aktuelle Verzeichnis referenzieren Sie durch ./ - also einem Punkt, gefolgt von einem Schrägstrich. Die Adressierung von farben.htm und ./farben.htm im obigen Beispiel hat also den gleichen Effekt.
Eine Angabe wie bilder/grafik.gif referenziert eine Datei namens grafik.gif im Verzeichnis bilder, das ein Unterverzeichnis des aktuellen Verzeichnisses ist. Die Notation ./bilder/grafik.gif hat wieder den gleichen Effekt wie bilder/grafik.gif.
Mit ../ referenzieren Sie das Verzeichnis über dem aktuellen Verzeichnis, egal wie es heißt. Mit ../../ referenzieren Sie das Verzeichnis über dem Verzeichnis über dem aktuellen Verzeichnis usw. Von jedem der so adressierten Verzeichnisse können Sie wieder auf deren Unterverzeichnisse zugreifen, wie im letzten der obigen Beispiele gezeigt.
Demnach muss unser Verweis ausgehend von unserer Style-Datei zu unseren Schriftarten wie lauten?^^
-
Alternativ geht es auch mit absoluter Pfadangabe: "/fonts/brockscript.ttf".
-
Zitat von "Sören"
Alternativ geht es auch mit absoluter Pfadangabe: "/fonts/brockscript.ttf".
Und dann verschiebe ich mir das auf die Festplatte oder auf meinem Localhost in einem unterordner..
-
Folgendes, ich habe jetzt das Fonts-Verzeichnis in das Styles-Verzeichnis gepackt also:
Das steht in der Style.css
@font-face Code
[attachment=1]<!-- ia1 -->Unbenannt.PNG<!-- ia1 -->[/attachment]
Und hier solls das erstemal benutzt werden
[attachment=0]<!-- ia0 -->Unbenannt2.PNG<!-- ia0 -->[/attachment]Kann das denn so falsch sein?
-
-
Ja hab ich und es stimm alles. Ich kann es mir nicht erklären...
EDIT:Ich habe jetzt einfach Google Web Fonts benutzt.
Code<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
Damit hat es funktioniert und sollte somit so aussehen. In FF wie im IE. Also es geht um die Überschrift
[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]
EDIT2:Ich hab jetzt die Navi verbessert und Schatten hinzugefügt
-
Und was sagt ihr jetzt?
-
Jetzt komme ich vom Untermenü gar nicht mehr zum Punkt "Video" ohne die Maus komplett heraus zu bewegen, beim überfahren des Punktes "Special Work" ändert sich die Breite des Untermenüs, das wirkt auch nicht sehr schön.
Ich weiß auch nicht warum du dich so an diesem Teil festbeißt, kurzer Ausflug in die Welt der Musiker:
"Ein guter Musiker beißt sich nicht stundenlang an einem Teil eines Musikstückes fest, wenn etwas nicht sofort passt wird etwas anderes ausprobiert."
Ich sehe bei deinem, in der Tat noch winzigen, Menü nicht mal wirklich den Sinn eines Pop Up Menüs, es erschwert die Bedienung, will dir nicht richtig gelingen und sieht nicht mal schön aus, lasse doch einfach unter dem Punkt Gallery ein Untermenü anzeigen, ein wenig Einrücken und fertig.
Was soll eigentlich das da:
ul ist schon ein Block Element, und wenn nicht könntest du auch eines draus machen, also mach den div weg bevor jemand mit Ahnung schaut :mrgreen:
Dein CCS Code.. es ist Ansichtssache, aber ich finde den furchtbar eingerückt
Wenn du übrigens mit der Seite kommerziell werden möchtest solltest du die deutschen Begriffe im Quellcode wie zum Beispiel "Steuerung" am Besten noch durch englische Begriffe ( "Menu" ) ersetzen, das wirkt professioneller.
-
Also ich akzeptiere deine Kritik und nehme sie mir auf jeden fall zu Herzen...
aber furchtbar eingerückt?^^ Das tut in der Tat wehDanke schon mal
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!