Druckbare Version
Habe mir die 3 aktuellsten Erweiterungen für YAML heruntergeladen.
Frage: in den darin enthaltenen Tempalte-Dateien (*.tpl) wird das Stylesheet über eine php-Anweisung eingebunden.
Frage: Wo liegt dieses Basis-Stylesheet? Es nimmt ja Bezug auf mehrere davon abhängige css-Dateien.
Funktioniert YAML überhaupt mit der aktuellen Version 2.7.5?
Hallo mw1972,
Es gibt extra ne Seite mit Anleitung schau da mal bitte wie du genau damit umgehst (ist an wie nen normales CSS von TL gemacht... unter anderem).Zitat:
Frage: in den darin enthaltenen Tempalte-Dateien (*.tpl) wird das Stylesheet über eine php-Anweisung eingebunden.
Frage: Wo liegt dieses Basis-Stylesheet? Es nimmt ja Bezug auf mehrere davon abhängige css-Dateien.
Ja, klar. Und auch die Erweiterungen klappen mit 2.7.5.Zitat:
Funktioniert YAML überhaupt mit der aktuellen Version 2.7.5?
Ich kann dir aber nur raten das tlyaml nicht zu benutzen. Das macht die Sache mit Yaml unnötig schwer, erst recht wenn man nicht viel Ahnung hat von CSS. Denn bei dieser Erweiterung werden alle Dateien eingebunden und man muss dann selber die basemod.css ,content.css und navigationen.css so anpassen, das erst mal die anderen Überschrieben werden. Sonst kommt es zu unschönen Ergebnissen.
Wenn du Yaml erst mit dem Builder nutzt von Yaml selber und dann deine Dateien als eigenes Template in TL einbindest kommst du wesendlich besser zu einem Ergebniss. Und das dann auch mit dem aktuellen Yaml paket, was noch mal um einiges Verbessert wurde.
Ansonsten kann ich nur raten: erst mit Yaml auseinander setzen wenn du das noch nicht gemacht hast (sonst wird auch das nicht gerade einfacher mit der integration in TL).
Die beiden anderen Erweiterungen kann ich jedoch nur empfehlen, wenn man Yaml nutzt, sind die genau das richtige ;-)
Viele Grüße
Hallo mw1972,
ich habe auf der Castello-Seite TL 2.7.5 mit YAML 3.2, yamltools und subcolumns am laufen. Das Template habe ich mir selber gebaut und auch die subcolumns an die neue Version von YAML angepast.
Die Ordnerstruktur sieht bei mir so aus:
Das Template sieht so aus:Code:tl-ordner
+css (dies ist mein CSS-Ordner - Struktur wie bei YAML üblich)
/navigation
/patches
/screen
/templates
+yaml (dies ist der orginal YAML 3.2 Ordner)
Wie kann ich sonst noch helfen?Code:<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> :: <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<?php echo $this->stylesheets; ?>
<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<?php echo $this->head; ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div class="page_margins">
<div class="page">
<div id="main">
<div id="col1">
<div id="col1_content" class="clearfix">
<?php echo $this->sections['mainnav']; ?>
</div>
</div>
<div id="col2">
<div id="col2_content" class="clearfix">
<!-- add your content here -->
</div>
</div>
<div id="col3">
<div id="border-top">
<div id="edge-tl"></div>
<div id="edge-tr"></div>
</div>
<div id="col3_content" class="clearfix">
<?php echo $this->main; ?>
<!-- begin: #footer -->
<div id="footer">
<?php echo $this->footer; ?>
</div>
</div>
<div id="border-bottom">
<div id="edge-bl"></div>
<div id="edge-br"></div>
</div>
<!-- IE Column Clearing -->
<div id="ie_clearing">   </div>
</div>
</div>
</div>
<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->
<?php echo $this->mootools; ?>
</div>
<?php if ($this->urchinId): ?>
<script type="text/javascript" src="<?php echo $this->urchinUrl; ?>"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
try {
var pageTracker = _gat._getTracker("<?php echo $this->urchinId; ?>");
pageTracker._trackPageview();
} catch(err) {}
//--><!]]>
</script>
<?php endif; ?>
</body>
</html>
Gruß Frank
Hier noch der Link auf die Anleitung.
Gruß Frank
Hallo frank.huettner,
ich würde das hier:
immer vor dem eigenen CSS platzieren. Dann kann man css Dateien von Erweiterungen immer noch ohne Probleme mit eigenen CSS angaben überschreiben ohnt extra ein !important nutzen zu müssen ;-)Code:<?php echo $this->stylesheets; ?>
Ansonsten noch als Hinweis:
Aktuelles Tutorial zu eigenen Templates -> http://de.contaowiki.org/typolight/T...eitentemplates
Und am besten immer im Original fe_page.tpl nachschauen ob noch was neues hinzugekommen ist... aber bitte nur nachschauen und die Datei selber nie bearbeiten.
Viele Grüße
Hallo MacKP,
ich habe das Template überarbeitet. Danke für den Hinweis!
Gruß Frank
An alle, die mir hier sofort mit Rat und Tat zu Seite stehen. Große Klasse. Super Forum! Vielen Dank!
Hallo MacKP,
du schreibstWo soll diese Seite sein? Ich habe folgende Anleitungen geselen bzw. mir das Video angesehen:Zitat:
Es gibt extra ne Seite mit Anleitung schau da mal bitte wie du genau damit umgehst (ist an wie nen normales CSS von TL gemacht... unter anderem)
- http://doc.aurealis.de/doku.php?id=t...:yamltemplates
http://de.contaowiki.org/1/WuerzburgYaml gelesen.
Darin steht in der Tat nichts von Tl-Yaml. Du schreibst:
Also zu Yaml: Ich habe schon mehrere Seiten mit YAML gemacht: darunter inkl. Wordpress-Integration, CMSMadeSimple und Joomla. Es ging eigentlich immer problemlos. => mit CSS und YAML kenne ich mich schon ein bisserl aus ;-)Zitat:
Ich kann dir aber nur raten das tlyaml nicht zu benutzen. Das macht die Sache mit Yaml unnötig schwer, erst recht wenn man nicht viel Ahnung hat von CSS.
Was soll dieses Tl-Yaml eigentlich machen und wozu ist es gut?
Meine Frage mit dem Stylesheet bezog sich auf folgende Passage im Template:
Normalerweise werden die Styles in YAML überCode:<?php echo $this->stylesheets; ?>
eingebunden. Was soll also diese Zeile mit php-Anweisung. Und nochmal: Wo liegt dieses Stylesheet und welche Funktion hat es?Code:<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
Was heißt "es werden alle Dateien eingebunden"? Welche sind das?Zitat:
Denn bei dieser Erweiterung werden alle Dateien eingebunden und man muss dann selber die basemod.css ,content.css und navigationen.css so anpassen, das erst mal die anderen Überschrieben werden. Sonst kommt es zu unschönen Ergebnissen.
Gruß Markus
diese PHP Anweisung wirkt dann wenn du mit dem Stylesheet Generator arbeitest die erstellten CSS Dateien (welche im TL_ROOT abgelegt werden) werden verlinkt. Wenn du also zB eine style.css mit dem Generator anlegst wird über $this->stylesheets; der Link geparst (<link href="style.css" rel="stylesheet" type="text/css")Zitat:
Zitat von mw1972
Hallo mw,
hier die Anleitung:
http://www.software-fink.de/yamltest/
(gefunden unter dem Link Handbuch auf der Seite wo man das herunterladen kann).
Nicht benutzen, weil man damit 2 mal die basemod.css / content.css etc. hat was unsinnig ist.
Wenn du dich mit Yaml schon auskennst dann mach es einfach mit dem Yaml-Builder. Den wirst du dann ja sicher auch kennen.
Vorteil ist auch : du nutzt das Yaml was neu rausgekommen ist.
Deine Frage zu der genannten Zeile von dir habe ich mit einem Link von einem Tutorial beantwortet. schau es dir an und dir wird noch mehr erklährt.
Viele Grüße
Hallo!
Mein Gott, da schaue ich mal ein paar Tage nicht hin, da gibt es eine neue YAML Version. Danke für den Hinweis.
Ich hatte mir seiner Zeit mal die MackP Verlinkung angeschaut (schon ne Weile her) und fand diese nicht sehr gelungen.
Diese Zeile nehme ich komplett raus und arbeite nur über YAML.Code:<?php echo $this->stylesheets; ?>
Am Anfag war diese Tatsache auch etwas irritierend für mich und es kam teilweise zu unschönen Ergebnissen, da sich manchmal einiges nicht miteinander verstanden hat.
Zur Entwicklung binde ich CSS Dateien mit @input in der my_layout.css ein, um sie dann später in die basemod.css zu legen.
Was Du aber ohne Probleme in TL einbinden kannst, sind die YAML Tools und Subcolumns aus dem Repository.
Meine Layouts erstelle ich meistens auch über den YAML-Builder, nimmt einen Haufen Arbeit ab. ;)
Hallo ihr Profis,
habe mir die aktuelle Version von Yaml runtergeleden, kann mir nun noch jemand sagen wie ich dies installieren muss?
Ich lese hier im Forum immer, dass man die Erweiterung installieren soll. Nur finde ich keine???!!!
Also was muss ich wo hin auf den Server laden?
Und wie starte ich die Installation?
Ich benutze das Music Akademy TPL, bleibt das eigentlich erhalten? Oder kann ich das als Ausgangslayout benutzen?
Sorry, für die DUMMEN Fragen. Bin halt NEULING!
Danke
Hallo Sirplinzlo,
hier die Anleitung wie man Yaml in TL rein bekommt:
http://doc.aurealis.de/doku.php?id=t...:yamltemplates
Die beiden Erweiterungen kannst du in der Regel über das Backend von TL installieren.
Wenn du noch nicht weißt wie du TL installierst etc. dann lies bitte die Dokumentation...
Bei spezielleren Fragen helfen wir gerne weiter...
Viele Grüße
Äääähm!
Such mal auf der YAML-Seite nach den Tutorials für das Einbinden in CMS-Systeme.
Da findest Du Tutorials für Typolight.
Das Video kannst Du aber vergessen, es sei denn es wurde aktualisiert, was ich nicht glaube.
Von der Erweiterung rate ich selber ab.
Ich komme besser damit zurecht, wenn ich es von Hand einbinde.
Ist aber nur meine Meinung und Erfahrung dazu.
Nichts für Ungut. @MackP
@frank
Schönes sauberes Template. Ist das mit den DIVs id="border-... von dir, oder ist das neu in YAML? BTW Wenn du das Template anstatt in CODE in HTML od. PHP setzt, dann kann man es hier im Forum schöner lesen.
@mw1972
Ich gebe dir den Tip, nicht die Klassen in den TL-Templates, sondern die Selektoren in den CSS-Dateien umzuschreiben. Ich hatte beides mal ausprobiert. Die form.css umzuschreiben war ganz schön aufwendig. Ich musste um alle LABELs in den Templates noch einen extra DIV legen, dann kann man das YAML-form.css benutzen um die TL-Formulare anzusprechen, nachdem man die Selektoren in der form.css umgeschrieben hat.
Die Erweiterung subcolumnes ist sehr schön, außer, dass ein inline padding von 6px gesetzt wird, welches man zwar pro CE überschreiben kann, man hat dann aber immer noch ein inline-Style. Und wenn du in den BE-Einstellungen den Haken bei 'Original YAML-CSS verwenden' nicht setzt, werden die Selektoren für die Subcolumnen doppelt eingebunden, sie sind ja schon in der base.css und in den iehacks enthalten. Außerdem sind die Spalten um einige nicht in YAML enthaltene Spaltenbreiten erweitert. Wenn du den Haken setzt, dann werden nur die erweiterten Spaltenmaße zu dem orig. YAML hinzugeladen. Die css von Subcolumnes findest du im Module-Ordner. Original YAML hättest du also nur, wenn du das inline-Padding von 6px und das Einbinden der subcolumnes CSS-Dateien unterbinden würdest.
@all
generiert nicht nur die Styles aus dem BE-Modul, sondern auch mitgebrachte Style-Sheets aus diversen Erweiterungen. Deswegen würde ich das drin lassen.PHP-Code:<?php echo $this->stylesheets; ?>
Andreas
@Andreas
Danke für das Lob auf mein Template. Ich habe als Basis den YAML-Builder genommen und da ist auch die Sache mit dem border drin.
@All
Ich bin gerade noch mit Felix Pfeiffer im Kontakt um seine Erweiterung subcolumnes auf YAML 3.2 anzupassen.
Gruß Frank
Hallo Thomas,
nichts anderes habe ich von Anfang an in diesem Thread gesagt.Zitat:
Nichts für Ungut. @MackP
Das mal so als Hinweis für Andreas ;-)
Yaml-tools sind allerdings schon recht hilfreich, da hier auch die Formulare umgebogen werden und Yaml gerecht sind. Die Navigationen von Yaml haben hier auch direkt passende Templates.
So als Tipp für alle:
In dem Thread zu Yaml-Tools habe ich selber dann auch noch ein Template gepastet für die Gallerie von TL. Dort habe ich alle Tabellen entfernt und mit Yaml Klassen angepasst...
@frank.huettner:
Eventuell kann er auch schon mal die Tabs von Yaml mit da rein bringen (wobei das erst ab 2.8 interessant wird wegen mootools...)
Viele Grüße
Grundsätzlich fehlen mir in vielen Erweiterungen Hinweise darauf, dass neues CSS eingebunden wird, neues JavaScript geladen wird und angepasste Versionen von TL-Templates in den Ordner Templates gelegt werden. Ich meine, das sollte Pflicht sein. Was ist, wenn ich z.B. bereits ein TL-Template ohne umzubenennen in den Ordner /templates/ verschoben habe, wird mein Template dann überschrieben?Zitat:
Zitat von MacKP
Andreas
Hallo Andreas,
da hast du recht das so etwas mal in die Beschreibung sollte (oder vllt auch extra aufgeführt, damit es bei allen an der selben Stelle steht). Aber das ist ja schon wieder ein anderes Thema ;-)
Wenn ich richtig liege wird das natürlich einfach mal so überschrieben... etwas unschön, das stimmt.
Daher installiere ich solche Grundlegenden Erweiterung an sich sofort nach installation und kümmer mich danach um meine eigenen Anpassungen ;-)
Viele Grüße
Hallo!
Mir scheint ich habe mit meiner Anfrage eine Lawine losgetreten. Ich habe mir inzwischen die Anleitung http://www.software-fink.de/yamltest/ durch gelesen und auf einer XAMMP-Testinstallation auch schon ausprobiert.
Nach dem Lesen von
ist mir klar gewortden, wie diese Zeile wirkt.Zitat:
Zitat von schman
Man könnte doch diese PHP-Abfrage dazu missbrauchen, das zentrale Stylsheet von YAML zu laden, indem man einfach my_layout.css mit dem CSS-Generatar als neues Stylesheet importiert.
Dieses enthält dann alle Regeln als @import-Verknüpfung, die ich unter Anpassung des Pfades irgendwo anders in einem Ordner ablege.
Nur die content.css lade ich ebenfalls mit CSS-Generatur in den Ordner und binde Sie in der Tempalte-Datei als letztes ein.
Vorteil: Ich kann die Content-Css im Generator bearbeiten und verlinke auf die ansonsten nicht angetastete basemode.css usw.
Das sind so meine Gedanken, die ich nun ausgiebig testen werde.
Wenn es dann mit tl-yaml wirklich zu fummelig wird, werde ich das Template mit dem Builder zu Fuß aufsetzen. (das habe ich ohnehin schon gemacht, denn ich wollte mein Layout zuerst in Wordpress aufsetzen, was dann aber mit den Funktionen nicht ganz zufrieden).
Gruß Markus
Hallo,
danke für die Tipps.
Habe das mit YAML aufgegeben und bastel einfach so weiterrum. Werd mich wahrscheinlich von Typolight trennen müssen. Dafür bin ich wohl wirklich zu blöd.
Da sind einmal die CSS (selbst wenn ich die angehakt habe und ich ändere etwas darin, ändert sich da irgenwie nichts), dann sind da unzählige Templates (mit deren Inhaltsangaben ich nichts Anfangen kannn) und dann sind eine Menge Module bei (wofür man auch immer wieder neue Untermodulseiten erstellen muss).
Die Inhaltsbefüllung der Site finde ich sehr gut gelungen und mit dem Formulargenerator noch super ausgestattet. Aber - eigentlich erstellt man doch einmal eine Maske (Template) und die Hauptarbeit sollte darin bestehen, die Inhalte einzupflegen und nich dauerhaft an den Styles zu schrauben.
Weis nicht, aber werd wohl erst einmal das Projekt mit Typo beenden und wieder auf ein anderes CMS umsteigen.
Grüße und Danke.
Hallo Sirplinzlo,
Hast du die mit dem TL CSS-Editor bearbeitet oder von Hand?Zitat:
Da sind einmal die CSS (selbst wenn ich die angehakt habe und ich ändere etwas darin, ändert sich da irgenwie nichts)
Hast du dateien per Hand eingebunden oder Importiert?
An Templates musst du an sich nichts Rumschrauben.. oder was meinst du mit Templates?Zitat:
unzählige Templates (mit deren Inhaltsangaben ich nichts Anfangen kannn)
Klar sind da ein paar Module, irgendwie muss man doch mal was dynamischen auf eine Seite bringen.. man muss ja nicht alle Nutzen... und man muss auch nur da wo es sinnvoll ist eine passende Unterseite erstellen...Zitat:
Menge Module bei (wofür man auch immer wieder neue Untermodulseiten erstellen muss).
Klar muss man ein wenig am CSS rumschrauben um wirklich alles so zu haben wie man es will.... muss man aber auch nicht, da die Browser ja auch eigene Vorgaben haben wie links aussehen etc.Zitat:
Aber - eigentlich erstellt man doch einmal eine Maske (Template) und die Hauptarbeit sollte darin bestehen, die Inhalte einzupflegen und nich dauerhaft an den Styles zu schrauben.
Du wirst immer dein Layout machen müssen, es sei denn du nutzt nur Standard Komponenten und ein Layout das man kaufen kann (bzw. ab und an gibts ja auch welche Kostenlos). Aber auch da.. wenn einem was nicht gefällt muss man ans CSS.
Ich versteh deine Probleme da noch nicht so ganz. Du fummelst seit 3 Tagen (zumindest ist dein 1. Post so lange her) an TL rum... hast irgendwie keine Anleitung gelesen so wie es scheint und bist nun irgendwie nicht zufrieden... Das wundert mich nun überhaupt nicht.
Selbst ohne Anleitung zu lesen kann man hier im Forum viel Hilfe bekommen mit Konkreten Fragen... So wie du das hier schreibst könnte man dir nur eine Kompletteinführung geben, was ja eigentlich die Dokumentation erledigen sollte...
Viel Erfolg dann noch bei anderen CMS...
Viele Grüße
Guten Abend,
Habe über den TL CSS-Editor gearbeitet.
Mit Templates meinte ich die unter Layout>Templates>Templates Neu..
Ich habe einen Teil der Doku gelesen. Bin schon seit fast 2 Wochen am ausprobieren. Will einfach nur ein 3 Spalten Layout mit einer Kopf- und Fußzeile.
Und eben ein DropDownMenu für viele Ebenen. Das habe ich mir auch alles angeschaut und ausprobiert. Bei der Formatierung bleib ich aber immer hängen, da vieles in einer (body,a,..) zusammengefasst ist.
Soll ich das erst auseinander zupfen!?
Wenn ich nur 1 CSS eingebunden habe (basic) und in diesem dein Eintrag "left" bearbeite, so sollte sich doch etwas ändern. Das sind diese KLEINIGKEITEN die mich ankratzen. Sollte wohl mal wieder raus an die Luft, hänge eigentlich schon die letzte 14 Tage vorm Rechner.
Noch habe ich nicht aufgegeben!
MfG, SirPlinzlo
Das Grundlayout kannst du mit TL einfach im Seitenlayout bestimmen (auch einen 3 Spalter). Dann brauchst du da nix mehr in der basic.css angeben. Das wird in der Doku ziemlich zum Anfang zu einer Seitenerstellung beschrieben... Und es gibt sogar ein (zugegeben etwas älteres Video dazu).
Außeinander zupfen brauchst nix, da hilft dir die Erweiterung Firebug im FF weiter. Da kannst du auch erst Testen und dann ins richtige CSS packen.
Nicht wenn es später von dem CSS vom Grundlayout überschrieben wird... weiß aber nicht wie das aktuell bei dir ist, hab noch keinen Link gesehen von der Seite.Zitat:
Wenn ich nur 1 CSS eingebunden habe (basic) und in diesem dein Eintrag "left" bearbeite, so sollte sich doch etwas ändern. Das sind diese KLEINIGKEITEN die mich ankratzen. Sollte wohl mal wieder raus an die Luft, hänge eigentlich schon die letzte 14 Tage vorm Rechner.
Nen dropdown bekommst du mit CSS in TL im Grunde genau so hin wie auf einer Statischen Seite. Ich weiß also auch da nicht was da dein Problem ist. Davon ab hat jemand hier im Forum ein Tutorial zu CSS gemacht (auch zu ner dropdown soweit ich weiß) wo du gucken kannst was das alles bedeutet. Schau mal im Bereich Benutzertutorials.
Zum Schluss bleibt mir noch zu sagen:
Diese ganzen Dinge könntest du besser in passenden Threads abklähren, dieser Thread hat damit überhaupt nichts zu tun.
Viele Grüße
So ich nun nochmal, das geht ja fix.
Ich soll eine Site für eine Firma erstellen und als Menüstruktur deren bestehende Site nutzen. Die Inhaber sind bekannte von mir. Hier einmal der Link zur alten Site http://www.sachsenland-bauelemente.de und hier die Testumgebung http://salaba.blankenhainer.de
Hallo Sirplinzlo,
ich seh da nur die Angabe von 200px für #left.
Und die sind über Seitenlayout eingegeben.
Von daher erkenne ich dein Problem jetzt nicht.
Zu den anderen Problem (wie Navigation) kann ich da im Moment auch nichst sagen, da dort ja nur eine 'normale' Navigation eingebaut ist.
Aber wie schon gesagt: mach das in passenden Threads auch wieder mit Link, dann kann dir besser geholfen werden und hier bleibt es etwas ordentlicher im Forum.
Viele Grüße