Artisteer

Aus Doku-Wiki
Zur Navigation springenZur Suche springen

Artisteer

Artisteer is the first and only Web design automation product that instantly creates fantastic looking, unique website templates and blog themes.

Links

BUGs - meiner Ansicht nach

Tabellen

Cellpadding und Cellspacing

Leider werden Cellpadding und Cellspacing Anweisungen nicht beachtet. Um dies zu ändern muss in der template.css folgender Eintrag gelöscht werden:

  • vi templates/[TEMPLATENAME]/css/template.css
Search: .art-article table

remove border-collapse: collapse; 

Tipps

Eigene CSS Klassen anlegen

Druck Format der Webseite

Das von Artisteer erstelle Template verwendet für das Header Bild den CSS Style background-image. Dieser wird in Browsern aber nicht ausgedruck. Das Format für den Druck unterscheidet sich erheblich vom Aussehen der Webseite. Um das Druckformat an die Webseite anzupassen habe ich folgende Änderungen vorgenommen.

  • 1.) Im Web Root ein Verzeichnis anlegen (z.B. ownCSS)
  • 2.) Die datei template.css in dieses Verzeichnis kopieren und umbenennen
cp templates/[TEMPLATE]/css/template.css onwCSS/print.css
  • 3.) Das Template bearbeiten
    • hier nach background-image suchen, zufinden in der Klasse .art-header
.art-header
{
  border: 1px solid rgba(74, 74, 74, 0.4);
  margin: 0 auto;
  background-repeat: no-repeat;
  height: 160px;
  display: list-item;
  list-style-image: url("header.png");
  list-style-position: inside;
   /* alt
    background-image: url('../images/header.png');
    background-position: 0 0;
   */ 
  position: relative;
  width: 1052px;
  z-index: auto !important;
}

Dies Änderung sorgt dafür, dass das Header Bild auch gedruckt wird.

  • 4.) Nun noch im Artisteer den Link zur CSS Datei eintragen und fertig ist die Druckansicht
Artisteer -> Home -> Optionen -> Additional HTML
 <link rel="stylesheet" href="/ownCSS/print.css" type="text/css" media="print" /> hinzufügen