Page 1 of 2

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

Posted: Wed 18. Jul 2007, 08:19
by 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

Posted: Wed 18. Jul 2007, 10:23
by 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. :P
Dazu konnte das YAML-Download-Paket sogar ohne Änderung erhalten bleiben :D

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 :idea:

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 :lol:


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


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 :wink:

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 :wink:

Posted: Wed 18. Jul 2007, 12:19
by 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 :D - 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 :?:

Posted: Wed 18. Jul 2007, 12:51
by 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

Posted: Wed 18. Jul 2007, 12:59
by juergen
:D

Nach einem kleinen Ausflug über die Heidelberger Uni Klinik wo man mich mit einem Titan Framework wieder remontiert hat :lol: 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 ;)

Posted: Wed 18. Jul 2007, 13:19
by pepe
flip-flop wrote:@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!

:idea: phpwcms und YAML sind die beiden richtigen Partner dafür :idea:

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

Posted: Wed 18. Jul 2007, 13:48
by 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

Posted: Wed 18. Jul 2007, 13:48
by 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

Posted: Wed 18. Jul 2007, 14:03
by jscholtysik
Hi Jürgen,


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


Joachim

Posted: Wed 18. Jul 2007, 14:28
by 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

Posted: Wed 18. Jul 2007, 20:26
by juergen
Danke für die Wünsche.

das Bein hatte ein clear:both :D 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ß

Posted: Thu 19. Jul 2007, 08:12
by pico
What's up, good People?

man sollte halt seine Knochen nicht floaten lassen ;)

und du 'piepst' jetzt auch bei jeder Sicherheitskontrolle :lol:

Posted: Thu 19. Jul 2007, 08:33
by flip-flop
Schätze mal das war ein klassischer Denial of Service Angriff.
http://de.wikipedia.org/wiki/Denial_of_Service wrote:(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. :?

Posted: Thu 19. Jul 2007, 09:03
by jscholtysik
Hi,


nein, Titan ist "lautlos" bei Sicherheitskontrollen... ;-)


Joachim

Posted: Thu 19. Jul 2007, 09:07
by pico
mhh - weiß nicht was bei mir so alles für'n Metal verbaut wurde - aber bei mir piepst's immer :lol: vielleicht ist ja bei mir ne Schraube locker :?

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

uhh - das war jetzt aber hart :lol: :lol: :twisted: