CSS Minimalbeispiel: Unterschied zwischen den Versionen

Aus DynPG-Wiki
Wechseln zu: Navigation, Suche
 
K
 
(3 dazwischenliegende Versionen des gleichen Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
[[Category:Beispiele]]
 
[[Category:Beispiele]]
'''''Beschreibung:''''' Hier soll der Inhalt eines Artikels in roter Farbe ausgegeben werden. 
+
[[en:CSS Minimal example]]
 
+
→ Hauptartikel: [[CSS]]
'''Beispiel 5.11. CSS-Minimalbeispiel (Artikel-Detailansicht mit eigener style.css)'''
+
<code>[css, N]
+
#dynpg_A_content {
+
color: red;
+
}
+
</code>
+
  
 +
''Beschreibung:'' Hier soll der Inhalt eines Artikels in roter Farbe ausgegeben werden.
  
'''Beispiel 5.12. CSS-Minimalbeispiel (Artikel-Detailansicht (index.php))'''
+
'''CSS-Minimalbeispiel - index.php (Artikel-Detailansicht)'''
 
<code>[php,N]
 
<code>[php,N]
 
<?php
 
<?php
    require '../../../cms/getcontent.php';
+
  require '../dynpg/getcontent.php';
    $DynPG->SetParam_PathToRoot('../../../cms/');
+
  $GLOBALS["DynPG"]->SetParam_PathToRoot('../dynpg/');
 
?>
 
?>
  
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
 +
  <head>
 +
    <title>Einen Artikel ausgeben</title>
  
<head>
+
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Einzelner Artikel</title>
+
  
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
+
    <?php $DynPG->Write_CSS_JS_Header(); ?>                    <!-- Standard-CSS von DynPG einbinden -->
 +
    <link rel="stylesheet" type="text/css" href="style.css" />  <!-- eigenes style.css einbinden -->
 +
  </head>
  
<?php $DynPG->Write_CSS_JS_Header(); ?>  <!--Standard-Css von DynPG einbinden-->
+
  <body>
<link rel="stylesheet" type="text/css" href="style.css" /> <!--eigenes style.css einbinden-->
+
    <h1>Artikelansicht</h1>
</head>
+
  
<body>
+
    <?php
 +
      $GLOBALS["DynPG"]->SetParam_A_Anytime(true); // Artikel von Anfang an anzeigen
 +
      $GLOBALS["DynPG"]->SetParam_A_Article(5);    // Artikelnr. angeben
 +
      $GLOBALS["DynPG"]->Write_Article();          // Artikel mit der ID 5 ausgeben
 +
    ?>
 +
  </body>
 +
</html>
 +
</code>
  
<h1>Artikelansicht</h1>
+
'''CSS-Minimalbeispiel - style.css'''
 
+
<code>[css, N]
<?php
+
.dynpg_A_content {
$DynPG->SetParam_A_Anytime(true);  //Artikel von Anfang an anzeigen
+
  color: red;
$DynPG->SetParam_A_Article(11);   //ArtikelNr. angeben
+
}
$DynPG->Write_Article();           //Artikel mit der Nr. 11 ausgeben
+
?>
+
</body>
+
 
+
</html>
+
 
</code>
 
</code>
  
[http://www.dynpg.ch/doku/examples/css/minimal/index.php Beispiel ausführen]
+
[http://examples.gampers.ch/examples/css/minimal/index.php Beispiel ausführen]

Aktuelle Version vom 15. Mai 2011, 09:58 Uhr

→ Hauptartikel: CSS

Beschreibung: Hier soll der Inhalt eines Artikels in roter Farbe ausgegeben werden.

CSS-Minimalbeispiel - index.php (Artikel-Detailansicht)

<?php
  require '../dynpg/getcontent.php';
  $GLOBALS["DynPG"]->SetParam_PathToRoot('../dynpg/');
?>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
  <head>
    <title>Einen Artikel ausgeben</title>
 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
    <?php $DynPG->Write_CSS_JS_Header(); ?>                     <!-- Standard-CSS von DynPG einbinden -->
    <link rel="stylesheet" type="text/css" href="style.css" />  <!-- eigenes style.css einbinden -->
  </head>
 
  <body>
    <h1>Artikelansicht</h1>
 
    <?php
      $GLOBALS["DynPG"]->SetParam_A_Anytime(true); // Artikel von Anfang an anzeigen
      $GLOBALS["DynPG"]->SetParam_A_Article(5);    // Artikelnr. angeben
      $GLOBALS["DynPG"]->Write_Article();          // Artikel mit der ID 5 ausgeben
    ?>
  </body>
</html>

CSS-Minimalbeispiel - style.css

.dynpg_A_content {
  color: red;
}

Beispiel ausführen