YAML 3.0 - CSS-Layout Framework - now also in English

[pico]

What's up, good People?

Dirk has released the YAML CSS Framework in new Release
and the Documentation is now also in English.

So this is a good Startpoint for CSS-Layouts and Browsercompatibility.

http://www.yaml.de

[pepe]

Wenn auch die Welt anscheinend nur noch aus ENGLISCH sprechenden Menschen zu bestehend scheint ....

Auch alle DEUTSCH sprechenden Internetfreunde sollten sich das YAML-Framework unbedingt mal näher ansehen!
Denn das ausgezeichnete Handbuch ist ja in DEUTSCH ebenfalls vorhanden...

Ich habe im Laufe nur eines Tages alle Beispiele des Downloadpakets in phpwcms integrieren können.
Dazu konnte das YAML-Download-Paket sogar ohne Änderung erhalten bleiben

Ich will damit sagen:
Die Kombination beider Programme ist durchaus nicht schwierig und verhilft zu Sites, die
- einerseits in allen gängigen Browsern garantiert sauber angezeigt werden (durch das CSS-Framework von YAML)
- andererseits aber durch phpwcms als Eingabeeinheit eine schnelle Erstellung von Internetauftritten ermöglicht.

Wer also mit CSS noch nicht so ganz vertraut ist, aber eine perfekt funktionierende Site erstellen möchte, sollte sich unbedingt das YAML-Framework zu Gemüte führen!
Um alle Feinheiten zu verstehen, hilft das ebenfalls zur Verfügung stehende Handbuch (endlich jemand der erkannt hat, daß es OHNE nicht geht ) erheblich.

Natürlich ist "ein wenig Experimentieren" unumgänglich... aber es lohnt wirklich

Natürlich kann man anschließend die Vorlagen so verwenden, interessanter wird dann natürlich eine Anpassung, denn mit dem Erlernten gelingt es dann endlich, das "Box-Modell" Problem ad Acta zu legen und saubere Sites zu produzieren.
Die separaten CSS-Dateien mit speziellen "Hacks" sind "Gold wert"... endlich hab ich das Problem verstanden und im Griff... glaube ich wenigstens


Unbeding downloaden YAML 3.0.1 unter : http://yaml.de


PS
Wer glaubt, das sei in ein paar Minuten zu erledigen, der sollte besser die Finger davon lassen.
Wer aber verstehen will, was CSS und eine geplante und sinnvolle Umsetzung vermag...
für den sind einige interessante Lernstunden (und mehr) garantiert

PPS
An der Integration der phpwcms-spezifischen dynamischen Navigationselemente knoble ich noch...
aber flip-flops horizontale Version der NAV_LIST_UL klappt schon zu 90% ...
Aber ich muß ja auch noch was für die kommenden Tage haben

[pico]

What's up, good People?

mal eine kleine Hilfe, für diejenigen, die YAML in phpwcms verwenden möchten.
little help for you to use YAML in phpwcms

1. Seitenlayout - auf 'CSS-DIV' stellen und den Haken bei 'Rand oben - abschalten' rein machen
1. Pagelayout - set to 'CSS-DIV' Mode - and set the Mark at 'Margin Top... disable'

2. Vorlage - alle Felder leer lassen außer 'Haupt' und dort folgendes einfügen: z.B. ein 3-Spalten Layout 1-3-2 mit Content in der mittleren Spalte
Template - leave all Fields empty except the Main-Aere and insert the following Code for a 3-Column-Layout 1-3-2 with Content in Center Box

Code: Select all

 <div id="page_margins">
  <div id="page">
    <div id="header"> ... <!-- oben Kopf //-->  </div>
    <div id="nav"> ... <!-- hor. Navi //--></div>
    <!-- begin: main content area #main -->
    <div id="main">

      <!-- begin: #col1 - first float column -->
      <div id="col1">
        <div id="col1_content" class="clearfix">
        ... {LEFT} <!-- Linke Spalte //-->
        </div>
      </div>

      <!-- begin: #col2 - second float column -->
      <div id="col2">
        <div id="col2_content" class="clearfix">
        ... {RIGHT} <!-- rechte Spalte //-->
        </div>
      </div>

      <!-- begin: #col3 static column -->
      <div id="col3">
        <div id="col3_content" class="clearfix">
        {CONTENT} <!-- mittlere Spalte //-->
        </div>
        <!-- IE Column Clearing -->
        <div id="ie_clearing">&nbsp;</div>
      </div>

    <!-- end: #main -->
    </div>

    <!-- begin: #footer -->
    <div id="footer"> ... <!-- Footer //--></div>
  </div>
</div>

dann noch entsprechende CSS-Datei(n) auswählen und schon gehts los
select the proper CSS and it will start

shure to read the YAML Docu Stuff before starting and copy the CSS-Framework Files to it's right place (..(phpwcsm_)template/inc_css/...)


vielleicht nimmt OG das ja mal als 4. Layout in den Code auf !?

in content.func.inc.php

// normal page opreation
if($aktion[2] == 0) {

Code: Select all

  switch($pagelayout["layout_render"]) {
....
    case 3: //create the page layout YAML
            $content["all"] = '';
            $content["all"] .= '<div id="page_margins">'.LF;
            $content["all"] .= '  <div id="page" class="hold_floats">'.LF;
     
            //header DIV
            $content["all"] .= '  <div id="header">'.LF.'   '.$block["headertext"].LF.'  </div>'.LF;
            $content["all"] .= '  <div id="nav">'.LF.'   '.$block["navtext"].LF.'  </div>'.LF;

            // Main DIV
            $content["all"] .= '  <div id="main">'.LF;
            
            // Left Col DIV           
            $content["all"] .= '   <div id="col1">'.LF;
            $content["all"] .= '     <div id="col1_content" class="clearfix">'.LF;
            $content["all"] .= $block["lefttext"].LF;
            $content["all"] .= '     </div>'.LF;
            $content["all"] .= '   </div>'.LF;
            
             // Right Col DIV          
            $content["all"] .= '   <div id="col2">'.LF;
            $content["all"] .= '     <div id="col2_content" class="clearfix">'.LF;
            $content["all"] .= $block["righttext"].LF;
            $content["all"] .= '     </div>'.LF;
            $content["all"] .= '   </div>'.LF;
           
            // Main Col DIV          
            $content["all"] .= '   <div id="col3">'.LF;
            $content["all"] .= '     <div id="col3_content" class="clearfix">'.LF;
            $content["all"] .= $block["maintext"].LF;
            $content["all"] .= '     </div>'.LF;

            // IE Clearing
            $content["all"] .= '     <div id="ie_clearing">&nbsp;</div>'.LF;
            $content["all"] .= '   </div>'.LF;

            // End Main DIV
            $content["all"] .= ' </div>'.LF;


            //footer DIV
            $content["all"] .= '  <div id="footerBlock">'.LF.'   '.$block["footertext"].LF.'  </div>'.LF;

            //contentContainer DIV end
            $content["all"] .= '  </div>'.LF;
            $content["all"] .= '</div>'.LF;
            break;
    
  } //end switch

noch in die admin.pagelayout.tmpl.php 'ne Checkbox mehr rein

Code: Select all

            <td align="center"><input name="layout_render" type="radio" id="layout_render3" value="3" <?php is_checked(3, $pagelayout["layout_render"]); ?> /></td>
            <td><label for="layout_render_3"><?php echo $BL['be_admin_page_yaml']?></label>&nbsp;&nbsp;</td>

noch die Texte in die lang.php(s) und das sollte es gewesen sein - hoffe hab nix vergessen.
Schön ist es natürlich wenn man dann bei Standard-CSS noch die verschiedenen CSS-Dateien öffnen und bearbeiten kann - also da noch 'nen kleinen Filebrowser einbauen

works on - na rate mal

PS - doch was vergessen - in der Vorlage brauchts noch ein Feld für DIV-NAV, da die ja in den Head-bereich muss.
also admin.templates.tmpl.php

Code: Select all

		<td align="right" valign="top" class="chatlist tdtop4"><?php echo $BL['be_admin_page_header'] ?>:&nbsp;</td>
		<td><textarea name="template_block_header" cols="35" rows="8" class="code" id="template_block_header" style="width:465px"><?php echo @htmlentities($template["headertext"], ENT_QUOTES, PHPWCMS_CHARSET); ?></textarea></td>
	</tr>
	<tr><td colspan="2"><img src="img/leer.gif" alt="" width="1" height="3" /></td></tr>
<!-- added by Pico //-->
	<tr>
		<td align="right" valign="top" class="chatlist"><img src="img/leer.gif" alt="" width="1" height="16" />DIV-NAV:&nbsp;</td>
		<td><textarea name="template_block_nav" cols="35" rows="8" class="code" id="template_block_nav" style="width:465px"><?php echo html_specialchars($template["navtext"], ENT_QUOTES, PHPWCMS_CHARSET); ?></textarea></td>
	</tr>
<!-- added by Pico end //-->	
	<tr><td colspan="2"><img src="img/leer.gif" alt="" width="1" height="3" /></td>
	</tr>	

Code: Select all

                $template["htmlhead"]   = slweg($_POST["template_htmlhead"]);
                $template["jsonload"]   = slweg($_POST["template_jsonload"]);
                $template["headertext"] = slweg($_POST["template_block_header"]);
                $template["navtext"]    = slweg($_POST["template_block_nav"]); // added by Pico
                $template["maintext"]   = slweg($_POST["template_block_main"]);
                $template["footertext"] = slweg($_POST["template_block_footer"]);
                $template["lefttext"]   = slweg($_POST["template_block_left"]);
                $template["righttext"]  = slweg($_POST["template_block_right"]);
                $template["errortext"]  = slweg($_POST["template_block_error"]);

ja und <?xml version="1.0" encoding="UTF-8"?> sollte bei der 3er Version dann auch nicht mehr oben drin stehen, da sonst der IE wieder in den Murks ähh Quirksmodus geht

war's das jetzt

[flip-flop]

@pepe:

An der Integration der phpwcms-spezifischen dynamischen Navigationselemente knoble ich noch...
aber flip-flops horizontale Version der NAV_LIST_UL klappt schon zu 90% ...

Damit hat sich Jürgen doch schon beschäftigt, meine ich zumindest. http://yaml-phpwcms.de/ und Horst doch sicher auch.

Knut

[juergen]

Nach einem kleinen Ausflug über die Heidelberger Uni Klinik wo man mich mit einem Titan Framework wieder remontiert hat kann ich nun, da ich wieder zu Hause weile (seit ca. 10 min) sagen:

Auch wenn man von der "Schippe" gesprungen ist bleibt diese Kombination derSysteme hoch interessant......

Na jedenfalls habe ich jetzt wieder viel Zeit für die Seite... mal sehn obs was gescheites wird

[pepe]

@pepe:

An der Integration der phpwcms-spezifischen dynamischen Navigationselemente knoble ich noch...
aber flip-flops horizontale Version der NAV_LIST_UL klappt schon zu 90% ...

Damit hat sich Jürgen doch schon beschäftigt, meine ich zumindest. http://yaml-phpwcms.de/ und Horst doch sicher auch.

Knut

Du hast natürlich recht Knut,

ich wollte auch nur (noch einmal) darauf hinweisen,
daß eine Addition von guten Skripts einer Multiplikation von Möglichkeiten entsprechen kann.
Was allerdings mathematisch nicht schlüssig nachweisbar ist.

Könnte ja sein, daß der eine oder andere User seine "Wartezeit" mit sinnvoller Lernarbeit vertreiben möchte... und damit quasi zum Vergnügen werden läßt!

phpwcms und YAML sind die beiden richtigen Partner dafür

Ich hab so jedenfalls eine Menge gelernt, sowohl bei phpwcms wie bei der Verwendung von CSS

[flip-flop]

Ja, ja, meine Denke geht meistens in die Richtung, dass Dinge die schon existieren nicht noch einmal erfunden werden müssen. Aber ich verstehe dich schon.

Für Leute mit etwas Zeit und deinen Formulierungsqualitäten hätte ich da eine echt nette und sehr nütztliche Sache im Angebot. Kansst dir schon denken was ich meine. ..... w i i i k i i i

Knut

[pico]

@DF6IH

Nach einem kleinen Ausflug über die Heidelberger Uni Klinik wo man mich mit einem Titan Framework wieder remontiert hat...

klingt nicht gut, was Du da schreibst

ich glaube da ist 'gute Besserung' angesagt

[jscholtysik]

Hi Jürgen,


dann sind wir ja schon zwei Titanen... Lebt sich aber ganz gut damit...


Joachim

[flip-flop]

ich glaube da ist 'gute Besserung' angesagt

Kann man wohl sagen.

@Jürgen
Fange nicht an mit dem Titan auf elektromagnetischem Gebiet zu experimentieren - so in die Richtung " und nun bauen wir uns einen halborganischen Sender" - geht m.W. nicht - glücklicherweise.

Knut

[juergen]

Danke für die Wünsche.

das Bein hatte ein clear:both im Unterschenkel und jetzt ist es persistent mit Nägeln und Schienen connected, zum Glück haben die Ärzte nur einen Zeichensatz und es sieht ganz nett aus.


Yaml3 ist schön aufgeräumt, macht spaß

[pico]

What's up, good People?

man sollte halt seine Knochen nicht floaten lassen

und du 'piepst' jetzt auch bei jeder Sicherheitskontrolle

[flip-flop]

Schätze mal das war ein klassischer Denial of Service Angriff.

(DoS, zu Deutsch etwa: Dienstverweigerung) bezeichnet man einen Angriff auf einen Host (Server) ..... mit dem Ziel, einen oder mehrere seiner Dienste arbeitsunfähig zu machen. In der Regel geschieht dies durch Überlastung.

Piept die Sicherheitskontrolle wirklich bei Titan?

Irgendwie sind wir hier ganz schön lustig. Ich möchte im Moment nicht in Jürgens Haut stecken.

[jscholtysik]

Hi,


nein, Titan ist "lautlos" bei Sicherheitskontrollen...


Joachim

[pico]

mhh - weiß nicht was bei mir so alles für'n Metal verbaut wurde - aber bei mir piepst's immer vielleicht ist ja bei mir ne Schraube locker

...und eine gelegentliche Defragmentierung soll doch das System schneller machen

uhh - das war jetzt aber hart