Artisteer: Unterschied zwischen den Versionen
Aus Doku-Wiki
Zur Navigation springenZur Suche springenUli (Diskussion | Beiträge) |
Uli (Diskussion | Beiträge) |
||
| Zeile 29: | Zeile 29: | ||
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. | 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. | ||
| − | * Im Web Root ein Verzeichnis anlegen (z.B. ownCSS) | + | * 1.) Im Web Root ein Verzeichnis anlegen (z.B. ownCSS) |
| − | * Die datei template.css in dieses Verzeichnis kopieren und umbenennen | + | * 2.) Die datei template.css in dieses Verzeichnis kopieren und umbenennen |
cp templates/[TEMPLATE]/css/template.css onwCSS/print.css | cp templates/[TEMPLATE]/css/template.css onwCSS/print.css | ||
| − | * Das Template bearbeiten | + | * 3.)Das Template bearbeiten |
** hier nach '''background-image''' suchen, zufinden in der Klasse .art-header | ** hier nach '''background-image''' suchen, zufinden in der Klasse .art-header | ||
.art-header | .art-header | ||
| Zeile 52: | Zeile 52: | ||
} | } | ||
Dies Änderung sorgt dafür, dass das Header Bild auch gedruckt wird. | 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" />''' hibzufügen | ||
| + | |||
[[Kategorie:Anwendungen]] | [[Kategorie:Anwendungen]] | ||
Version vom 8. März 2016, 18:18 Uhr
Inhaltsverzeichnis
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" /> hibzufügen
