Latest Project

cafe rio iphone app

Testimonials

Banner

Blog Tags

Lab Eleven Blogs

A short description about your blog

Cleaning Up After a WYSIWYG Editor

Posted by: jstartup

Tagged in: JCE Editor , HTML

For basic content edits a WYSIWYG editor is a great tool to have.  The HTML it generates, however, is not so great.  Sometimes there's a chunk of text that it just doesn't seem to want to make changes to, and the reason is usually that style tags were left behind from previous changes.  The good news, though, is it's not difficult to clean up HTML.  Doing so will restore content to its default state, and will make it respond to the editing tools the way it should.


Joomla Module Parameters

Posted by: jstartup

Tagged in: Modules , Joomla

In the module's xml file add a section for parameters.

<params></params>

Input

<param name="sample_input" type="input" default="default value" 
label="Sample Input" description="Mouseover popup description." />

Image Alignment in JCE

Posted by: jstartup

Tagged in: JCE Editor

By default the JCE Editor will insert an uploaded image into a content area separated from the text before and after it.  This is passable on a particularly wide image, but most common is to wrap the text around any images in the content.  In order to set this up well there are some parameters to get to know.


Joomla Module - Copyright Info

Posted by: jstartup

Tagged in: Modules , Joomla

A common piece to add to a website is the copyright information, typically located at the bottom of the page.  This is one of the simplest of Joomla modules but one that's very useful and easy to install.

The year is set up using the php date function so it won't require updating, and the business/company name is editable from the Module Manager parameters. The text is displayed in a div with the class name of copyright_info for easy CSS style control.

 


Joomla User Access Levels

Posted by: jstartup

Tagged in: Joomla

Author:

An author is given access to edit only the articles specifically assigned to them.  The options below will be available to them as well.
               

editing

Editor:

An editor is granted all of the access of an author, with the addition of having access to all articles.  An editor does not need to be assigned as the author of the article to make changes.


Photoshop Tricks: Glassy Buttons

Posted by: jstartup

Tagged in: Graphic Design

Shiny, glassy buttons in eleven steps. I've used Photsoshop on a PC for this tutorial, but the idea is really the same for all setups.  Basically you need a solid shape with clean lines, some lighting effects, and a good-looking vector shape to lay on top of the whole thing.  Shape fonts area  a great source for icons, from shopping carts to stereo control icons.  They can be set to any size you'd like and are easy to switch out when making a full set of buttons.

final_button

As with any tutorial the exact numbers used are simply a suggestion, to familiarize you with the lighting techniques being used.  The exact opacity percentages and the depths of your dropshadows will depend entirely on the shape, size and color of the button you create.


Website Design: A Bit About Fonts

Posted by: jstartup

Tagged in: Web Design

Fonts can be grouped in four main categories: basic, scripted, stylized and shapes.  The basic category is used most often for large amounts of text, and particularly for websites since browser cross-compatibility is a high priority in web design.  This group contain familiar fonts such as Arial, Times New Roman and Courier New,  the most web-friendly choices.  Also commonly used are Georgia, Verdana and Helvetica, and any of them will display a large amount of text nicely and offer a design a classic, sophisticated look.


Web Page Layout: Using a Grid

Posted by: jstartup

Tagged in: Web Design

Grid-based layout is a simple method for structuring an effective web page.  Balance is easy to maintain, and there is a common element running from page to page without having to stucture each the same way.  So, for instance, a website with the content area set to 960x680 could be set up as one of the layouts shown below.


Color Theory: The Patterns of Color

Posted by: jstartup

Tagged in: Web Design , Graphic Design

All colors are the friends of their neighbors and the lovers of their opposites. ~Marc Chagall

color_wheel


Latest Blogs

Will iPhone Apps Run On iPad?
Jan 29th 2010 by: Trevor M.

How to create a marquee text for an iPhone app
Jan 21st 2010 by: Trevor M.

How to Submit Additional Images in Virtuemart
Aug 7th 2009 by: Trevor M.

Using an Image as a Submit Button in HTML
Jul 31st 2009 by: Trevor M.

Joomla 1.5 Custom Breadcrumbs
Jul 9th 2009 by: Garrett Bluma

Read all blogs