Adobe InDesign CS5.5 CS6: Styling Multi Level Lists
In this tutorial we will show you how to style multi level lists in InDesign CS5.5 or CS6. The same principles apply in CS5 as well. We will also show you how reset the the numbering if you have more than one list in your document. We will not go into how to style the characters as this has already been covered in a previous tutorial. Rather we will concentrate on how to set up each level of your list. Continue reading
In this tutorial we will show you how to create a QR code to promote your new smart phone app. This code when scanned by any of the freely available QR code scanning apps available on the market will direct the user to the relevant app store for their device ready to download your app for the device they are… Continue reading
Adobe InDesign CS5.5 CS6: Styling Bullet and Number Lists
In this tutorial we will show you how to create and apply your own bullet styles in an InDesign CS5.5 or CS6 document. The same principles apply to CS5 as well. First we are going to create our custom bullet style then we will apply it to a short list. We will then create a similar style for our numbered lists. They are created and used in exactly the same manner. For those wishing to do multi level lists as well I have just added another tutorial. Continue reading
In this tutorial we will cover some of the things you need to seriously consider when designing button for a mobile app or website.These buttons are naturally going to be the core of any mobile application yet many designers over look the obvious ways in which these buttons must differ from our more traditional navigational elements.
With the increasing presence of mobile devices on the web and with more and more people accessing the web on more and more mobile devices every day this has gone from being an optional exercise for a web developer to a necessity.
Due to the restricted space on a mobiles screen we are faced with major challenges in how do we redesign our site to be more mobile friendly. To further complicate things every week, even daily new screen sizes are added particularly in android. So how do we deal with them. Lets start in this series of tutorials by breaking down and looking at the common elements, the things that regardless of screen size we need to look at as a designer to make the switch to mobile. Continue reading
In this tutorial we will show you how to make changes to the header of your Moodle 2.1 custom theme using Dreamweaver CS5.5. We will concentrate on changing the background of our header and the text contained within it. If you wish to change the logo or add one I have already done a tutorial on this so I won’t be covering that in this article.
To add a Logo to your header see this tutorial:
In this quick tutorial we will show you how to change the Standard Moodle Logo to your own logo and how to change the Favicon to one that you have created for yourself. We will not be going into creating these images only how to change them on your Moodle website. If you want more information on creating your own Favicon please visit Photoshop CS5: Favicon Creation and Embedding. Continue reading
In this tutorial we will be concentrating on using Dreamweaver CS5.5 to add a logo to your Custom Moodle theme. Before you go ahead with this tutorial you should make sure that you have already set your Moodle server up and that the theme you are going to edit is ready to edit before proceeding. If you have not already done so please check out the following articles then we can begin to edit your Moodle themes header and footer ready for deployment to the web.
- Dreamweaver CS5.5: Create Custom Moodle 2.0 Themes in Dreamweaver CS5
- Moodle 2.1: Getting a Theme Ready to Edit
Although I am using Dreamweaver CS5.5 for my run through everything that I do is exactly the same in Dreamweaver CS5 and CS4.
Note: This method is based loosely on the Methods used in the older style Moodle setups. This will work more often than not however there there is an easier way to do this so please visit that tutorial to see if that will work for you before proceeding with this now outdated method. (some themes may still need to do things using this method.) This method is usually used if the code that places the Logo in your header has been removed from the theme you are basing your Custom theme on.
In this tutorial we will show you how to set your Moodle theme up ready for you to edit it to your hearts content. We will show you how to get the name of your Moodle theme to show up properly in the themes selection menu, edit the basic information of your theme and how to get Moodle to show any changes you have made to the CSS. Many beginners have problems with these three areas in particular having their CSS changes not show up in Moodle.
Although I am using Moodle 2.1 for this tutorial these changes are all exactly the same in Moodle 2.0 and Moodle 1.9. Although I am not sure about earlier versions they would fairly similar to the changes in these versions. Continue reading
In this tutorial we will show you how to add a custom texture to Adobe Fireworks CS5.5. This tutorial is more of a tip that a full blown tutorial as the process is actually quite easy. This technique works for Fire works CS5 and CS4 as well but the directories you save the textures in changes with those earlier versions. Continue reading
In this tutorial we will show you how to add three round corners to a rectangle in Fireworks CS5.5. This quick Tutorial is in response to an email I received as this was not covered in my previous tutorial. If you only want to add one or two rounded corners please check out that tutorial here. That tutorial will give you the basic’s this tutorial will just be covering three corners as the process is a little more complex but still quite easy once you get into it.
We all know the standard Fireworks tools do not handle this very well, its every corner rounded or none at all. There techniques although I am using Fireworks CS5.5 will work with Fireworks CS5 and also CS4. I am not sure about previous versions. Continue reading