Artisteer: Unterschied zwischen den Versionen
Aus Doku-Wiki
Zur Navigation springenZur Suche springenUli (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „=Artisteer= Artisteer is the first and only Web design automation product that instantly creates fantastic looking, unique website templates and blog themes. =Li…“) |
Uli (Diskussion | Beiträge) |
||
| (12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
=Links= | =Links= | ||
* [http://www.artisteer.com/ Homepage] | * [http://www.artisteer.com/ Homepage] | ||
| − | ** [] | + | ** [http://www.artisteer.com/?p=download_usermanual_pdf Doku] |
| + | ** [http://www.artisteer.com/?p=license_info Lizenz prüfen / Lizenz upgrade] | ||
| + | * [http://www.artisteerportal.de/ Artisteer Portal] | ||
| + | ** [http://www.artisteerportal.de/news News] | ||
| + | ** [http://www.artisteerportal.de/tipps-a-tricks Tipps und Triks] | ||
| + | ** [http://www.artisteerportal.de/forum Forum] | ||
| + | =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== | ||
| + | * [http://www.time4joomla.de/joomla-16/module/212-modulklassensuffix.html time4joomla.de - Modulklassensuffix] | ||
| + | * [http://www.templatemonster.com/help/de/joomla-3-x-what-is-modulepage-class-sufix-and-how-to-use-them.html templatemonster.com - Modulklassensuffix] | ||
| + | |||
| + | =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 | ||
| + | |||
[[Kategorie:Anwendungen]] | [[Kategorie:Anwendungen]] | ||
Aktuelle Version vom 8. März 2016, 18:20 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" /> hinzufügen
