Artisteer
Aus Doku-Wiki
Zur Navigation springenZur Suche springenInhaltsverzeichnis
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