http://www.dreamgenie.bizBlogs RSS.(c)2010, http://www.dreamgenie.biz2 Happy New Year We would like to take this opportunity to thank all of our customers, old and new for their custom during 2011 and wish you all a very prosperous 2012! Regards The Dreamgenie team ...http://www.dreamgenie.biz/blog/happy-new-year.aspxTue, 10 Jan 2012 18:58:23 GMT A simple working example Let`s jump straight in and see the completed working example. Below we have three tabs. The third has a link to the first and demonstrates how we can activate tabs and link to them. This is discussed in section 3. Tab control example using click to change tabs NEWS HEADLINES AROUND THE WEB LATEST VIDEO hello tab 1 hello tab2 tab 3 link to tab 1 ...http://www.dreamgenie.biz/blog/creating-a-tab-control-in-your-web-page.aspxSun, 06 Feb 2011 11:00:35 GMT Important Technical note: NOTE: All iinstances of the keyword [ siteroot ] in this article, will in practice require the removal of the single space to the left and right. Sometimes you may not be sure of the relative path to a resource. For example using / simply means back a directory. Dreamgenie has a built in tag [ siteroot ] which will always resolve to an ofset from the site root When you want to be sure of the correct path to your content or use [ siteroot ]. N...http://www.dreamgenie.biz/blog/how-to-specify-an-offset-from-your-site-root-using-siteroot.aspxSun, 06 Feb 2011 09:07:11 GMT Overview TECHNICAL NOTE: This article is targeted at advanced user/designers who want to develop Dreamgenie`s bespoke advanced themes features, all the below can be acheived via simple mouse click selections in your website control  panel under the option [Design Template]This article details how to transfer and incorporate your Design Template settings directly into your theme. Doing this will enable you to take advantage of being able to switch themes in a cleaner fashion and avo...http://www.dreamgenie.biz/blog/move-design-template-settings-into-your--theme.aspxThu, 27 Jan 2011 20:59:16 GMT Overview If you want to set/display a custom icon for your website, this will appear in the URL bar or as the shortcut icon, you will need to create a favicon.ico and upload it to your website. There are several guides as to the dimensions of favicon but the most favoured seems to be 16x16px. There is much debate over what file formats are supported, the more modern browsers support png and gif, but the icon may not be recognised by many other browsers. All browsers rec...http://www.dreamgenie.biz/blog/setup-your-website-icon.aspxSat, 01 Jan 2011 10:58:20 GMT Rounded corners There are a number of ways to achieve rounded corners, some modern browsers already support them via native CSS, firefox, Google Chrome, Safari all have buit in support, however Microsoft Internet Explorer does not. At the time of writing this article the current version of Explorer is IE8 and rounded corners has to be achieved through other mechanisms. This article looks at one possible method of creating rounded corners for IE using dreamgenie`s support ...http://www.dreamgenie.biz/blog/how-to-create-rounded-corners.aspxMon, 13 Dec 2010 21:49:29 GMT Overview Dreamgenie has some useful built in placeholders for enhancing your page layout. One set of layouts exists just inside the top and bottom of each page.The placeholders are DIVS and one use for them is to add an image top and bottom of your page.To create a page turned page corner positioned top-right of your page content heres one possible solution. Two Columns version (controls right) Add the following CSS to your Theme under Section 5 - Two Column Controls right. ...http://www.dreamgenie.biz/blog/create-turned-page-corners.aspxFri, 10 Dec 2010 07:47:19 GMT Setup up the dashboard item. First ensure the dashboard item property `Display image first` is set. This on the first tab when editing the Dashboard item. This has the effect of outputting the image before the descrption text in the html, this is essential for what we want to do here. Define the CSS Create the following CSS, if you have Themes enabled this will go into your theme, else go to [System Settings] Select the [Google JS CSS ] Tab and paste into the...http://www.dreamgenie.biz/blog/how-to-flow-text-around-a-dahboard-image.aspxFri, 10 Dec 2010 07:43:58 GMT OverviewThis article details one way in which two of the screens from the Dreamgenie online shop could be re-styled.The Product Category and Product Items list screens by default are presented using DIVS of fixed height and width floated left against one another.If we want to re-style them so that each Category or Product takes a full width row, one on top of the other heres one possible way of achieving this. <col style="border-righ...http://www.dreamgenie.biz/blog/how-to-style-the-shop-using-horizontal-rows.aspxFri, 10 Dec 2010 07:43:29 GMT Overview Here`s our scenario, we don`t have access to the source HTML but we have some new cool predefined CSS class we want to add to exisitng element(s). So for example there`s an existing DIV to which we want to add some predefined styling to, but rather than use CSS to have to add the new styling would like to be able to just add the class that contains our styling. This is much tidier and has the advantage that if we do this over more than 1 element then any chang...http://www.dreamgenie.biz/blog/use-jquery-to-add-remove-css-classes.aspxFri, 10 Dec 2010 07:42:23 GMT