Jimdo Custom Templates
Custom Jimdo TemplatesUser Defined Template - Jimdo Support Center (English)
With HTML and CSS, creating your own custom Jimdo page templates is as easy as opening the menu and then selecting Theme > Advanced > Custom Template". This is where you can type in your HTML, your CSS as well as all the pictures and other data necessary for your layout. In the HTML page, copy and paste the HTML code from your HTML source.
All Jimdo needs is the area of the skull. Later you can modify the section by opening the menu and going to Preferences > Website > Modify Header. Position the style sheet of your template on the Style Sheet page. In the Files section, select the files you want to copy and select the files you want to use. When you are done modifying a part of the custom template, click Submit below.
There are several different templates in each one. Jimdo templates are required: Content, navigation, sidebar and footer. Those segments must be added to your custom templates, and they must also be properly labeled, otherwise they will not be detected. You must mark your segments with the appropriate Jimdo style variables:
Position the following tag in the section where you want your content area to appear: Each page on your Jimdo page has the same side bar. Put the following tag in the section where you want your side bar to appear: Footer is the section at the bottom of the page that contains the logon and all other hyperlinks specified by the footer setting.
Position the following tag in the section where you want the footer to appear: Position the following variables in the section where you want the shopping cart to appear: Position the following tag in the section where you want your navigator to appear: Jimdo's HTML version of the created navigator will look like this:
The Jimdo section tag will replace your section for you. 0x0; font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif; text decoration: none; display: pad; color:#333; border-bottom:1px soli #CCC; backgroundpath:#EEE; color:black; This is how the custom style sheet for your wallpapers should look like: background-image:url(test. gif); you can insert already uploaded pictures by pressing "insert picture.
Photographs you are uploading from the Files page can be in one of the following formats: Pictures can be added to your HTML without a path: Also you can download Java Script here (*.js) - it will be loaded in the area automatic. The header area can be edited under Settings > Website > Editor Header.
You can upload several extra files to custom layouts: . rss, . vg, . ttf, the . dot, and .woff.