|
33 | 33 | these hints for customizing the template:
|
34 | 34 |
|
35 | 35 | - Place your files in "prsnl10/user"
|
36 |
| - The place for *all* userdefined, custom stuff is "prsnl10/user". |
37 |
| - Reason: this folder will not be touched on updates. Therefore you may |
38 |
| - delete everything except "prsnl10/user" and copy all new files into |
39 |
| - "prsnl10/" to update without loosing your changes. Do not forget to |
40 |
| - empty your browser's cache afterwards. |
| 36 | + The place to store *all* user-defined, custom stuff is the "prsnl10/user" |
| 37 | + directory because your files will not be touched or overwritten on |
| 38 | + template updates! So you normally can copy all new files into "prsnl10/" |
| 39 | + to update the template without loosing your changes. |
| 40 | + Note: There are example files helping you modifying the template. |
| 41 | + The are delivered with the ".dist" extensions. Just remove the |
| 42 | + ".dist" extension to use them. |
41 | 43 |
|
42 | 44 | - Own logo
|
43 |
| - If you want to replace the default text showed in the headline, simply |
44 |
| - create a "logo.[png|gif|jpg]" in "prsnl10/user". The template recognizes |
45 |
| - the file automatically and will use it instead of the default text. Do not |
46 |
| - forget to empty your browser's cache afterwards. |
| 45 | + If you want to replace the default logo showed in the upper left, simply |
| 46 | + create a "logo.[png|gif|jpg]" in "monobook/user". The template recognizes |
| 47 | + the file automatically and will use it instead of the default text. |
| 48 | + Note: Do not forget to empty your browser's cache if you cannot see any |
| 49 | + effect. |
47 | 50 | Hint: If you want to use a text-based logo, you might find the font
|
48 | 51 | files [1] for "Droid Sans" out of Google's Webfont Directory [2]
|
49 | 52 | useful.
|
50 | 53 |
|
51 | 54 | - Own favicon
|
52 | 55 | If you want to replace the default favicon, simply create a "favicon.ico"
|
53 | 56 | in "prsnl10/user". The template recognizes the file automatically and
|
54 |
| - will use it instead of the default one. Do not forget to empty your |
55 |
| - browser's cache afterwards. By the way: you might find the online |
56 |
| - FavIcon Generator [3] useful. |
| 57 | + will use it instead of the default one. You might find the online FavIcon |
| 58 | + Generator [3] useful. |
57 | 59 | Note: "favicon.png" is also possible but not recommended (because it is
|
58 | 60 | not supported by older MSIE versions).
|
59 | 61 |
|
60 | 62 | - Own CSS
|
61 |
| - To apply additional CSS rules, edit "prsnl10/user/screen.css" |
62 |
| - (influences normal layout) and/or "prsnl10/user/print.css" (influences |
63 |
| - print layout) and/or "prsnl10/user/rtl.css" (influences "right-to-left" |
64 |
| - languages like Hebrew). These files will be included automatically (as the |
65 |
| - last ones for the relevant media, therefore you are able to overrule |
66 |
| - existing styles). Do not forget to empty your browser's cache afterwards. |
| 63 | + To apply additional CSS rules, create a |
| 64 | + - "prsnl10/user/screen.css" file to influence the normal layout. You |
| 65 | + can rename the "screen.css.dist" to "screen.css" as starting point. |
| 66 | + - "prsnl10/user/print.css" file to influence the print layout. You |
| 67 | + can rename the "print.css.dist" to "print.css" as starting point. |
| 68 | + - "prsnl10/user/rtl.css" file to influences "right-to-left" languages |
| 69 | + like Hebrew. You can rename the "rtl.css.dist" to "rtl.css" as |
| 70 | + starting point. |
| 71 | + The file(s) will be included automatically (as the last ones for the |
| 72 | + relevant media, therefore you are able to overrule existing styles). |
| 73 | + Note: Do not forget to empty your browser's cache if you cannot see any |
| 74 | + effect. |
67 | 75 |
|
68 | 76 | - Own JavaScript
|
69 |
| - To load additional JavaScript, edit "prsnl10/user/user.js". Do not |
70 |
| - forget to empty your browser's cache afterwards. |
| 77 | + To load additional JavaScript, create a "prsnl10/user/user.js" file. You |
| 78 | + can rename the "user.js.dist" to "user.js" as starting point (it contains |
| 79 | + some examples and useful comments how to define your own JavaScript). |
71 | 80 | ATTENTION: You have to activate the template option "prsnl10_loaduserjs"
|
72 | 81 | (->"Load 'prsnl10/user/user.js'?") in the DokuWiki Config
|
73 | 82 | Manager!
|
74 | 83 |
|
75 | 84 | - Web analytics software (Piwik, Google Analytics etc.)
|
76 | 85 | Tools like Piwik and Google Analytics normally provide a small code
|
77 | 86 | snippet ("tag") which you have to include at your website to make
|
78 |
| - everything work. If you want to use such software with this template, have |
79 |
| - a look at "prsnl10/user/tracker.php". This file exists to make it easier |
80 |
| - for you. You don't have to deliberate where you have to copy and paste the |
81 |
| - code, simply do it there. |
| 87 | + everything work. If you want to use such software with this template, |
| 88 | + create a "prsnl10/user/tracker.php.dist". You don't have to deliberate |
| 89 | + where you have to copy and paste the code, simply do it there. You can |
| 90 | + rename the "tracker.php.dist" to "tracker.php" as a good starting point |
| 91 | + (it contains some examples and useful comments how to define your own |
| 92 | + boxes). |
82 | 93 |
|
83 | 94 | - Own Apple Touch Icon
|
84 | 95 | If you want to replace the default Apple Touch Icon, simply create a
|
85 |
| - "apple-touch-icon.png" in "prsnl10/user". The template recognizes the |
86 |
| - file automatically and will use it instead of the default one. Have a |
87 |
| - look at Apple's developer database (cf. "Configuring Web Applications"[4]) |
88 |
| - if you need more information. |
| 96 | + "apple-touch-icon.png" in "prsnl10/user". The template recognizes the file |
| 97 | + automatically and will use it instead of the default one. Have a look at |
| 98 | + Apple's developer database (cf. "Configuring Web Applications" [4]) if you |
| 99 | + need more information. |
89 | 100 |
|
90 | 101 | [1] <http://www.google.com/webfonts/family?family=Droid+Sans>
|
91 | 102 | [2] <http://j.mp/inYDGL>
|
|
0 commit comments