Joomlashack

New Online Joomla Training Course

Since 2005 Joomlashack has been a leader in Joomla education. Hundreds of thousands have read our original free joomla tutorials, and many have taken our live classes, or attended our sessions at Joomla events. But one question we keep getting asked is:

"So when can I take an online Joomla training class?"

We are excited to start lifting the wraps off a project that has been in development for a while, an online Joomla training course we are calling Joomlashack University.

Continue Reading

Joomlashack's $100 eBusiness opportunity

eBusinessLove our new eBusiness template and want to make some money promoting it?

Then hurry up and join our 10 by October 10 eBusiness bonus opportunity!

Joomlshack has a strong affiliate program built on the idea that our success should be your success. We'll pay you a commission for each sale of eBusiness you generate from your website, blog, tweets, or wherever you can put your affiliate link.

Read all about our affiliate program and sign up for an account. Then come back and learn how to earn from our sweet eBusiness bonus program.

Continue Reading

Joomlashack's New Joomla Template - eBusiness

JS eBusiness Joomla templateNeed a rock solid template and SEO platform for your Joomla website? You need the latest Joomla template from Joomlashack - JS eBusiness

JS eBusiness is a web 2.0 template with lots of white space, bold fonts and raw SEO power.

With a powerful CSS grid framework, flexible layouts and modules and a big bag of SEO tricks, JS eBusiness makes a perfect Joomla template for business and organizations launching themselves into the web 2.0 world.

Continue Reading

Joomla Templates, Frameworks and the 960 Grid

Last week I blogged about the Fastest Joomla Template in the World. In a related topic, today I wanted to talk about how frameworks and grids are being used in our Joomla templates, and why we have come to adopt the 960 grid system for our future template releases.

At Joomlashack, we focus on clean, deceptively simple templates that are easy to customize, and look great. We've been using our own "framework" in use for a couple of years now, and included such Joomla template innovations such as dynamic width switchers and source ordering.

Continue Reading

How to Create a Custom Module Graphic

This tutorial will show you how to make custom image based modules in Fireworks using masking techniques aimed at the Luhs template design. Navigate to your downloaded package to the Graphic Source Files folder and open custom_module_graphic.png in Fireworks.

If you would like to see a video of this tutorial as well you can download the QuickTime movie here.
How to Create a Custom Module Graphic
Small 640x480 (1.5 mb)
Large H.264 1080 (13.5 mb)

You will see a screen similar to this one.
(click for larger)

How to Create a Custom Module Graphic

How to Create a Custom Module Graphic

Choose the SubSelect tool.

How to Create a Custom Module Graphic

Draw a box over the shape just large enough to select the corner nodes as shown below.

How to Create a Custom Module Graphic

The corner nodes are sub-selected.

How to Create a Custom Module Graphic

Hold down Shift to keep the mouse straight or use the arrow keys to resize the shape vertically.

How to Create a Custom Module Graphic

The shape is resized.

How to Create a Custom Module Graphic

Choose the select tool.

How to Create a Custom Module Graphic

and select the top shape.

How to Create a Custom Module Graphic

Choose Edit > Cut.
The shape is loaded onto the clipboard.

How to Create a Custom Module Graphic

Select the image and resize it. (Cmd+T)
You can temporarily lower the opacity in the layers palette to see the underlying shape.

How to Create a Custom Module Graphic

Once resized, choose Modify > Mask > Paste as Mask.

How to Create a Custom Module Graphic

You can return the opacity back up.

Tutorial Image

Use the text tool to add some graphic text to the image.

Image 14

Select all by choosing (Cmd+A) , then right click the graphic and choose "Insert Rectangular Slice"

Whwn the popup appears asking you to choose Single or Multiple slices, choose "Single".

Image 15

How to Create a Custom Module Graphic

Name the slice in the properties palette to "custom_mod"
*If not shown choose Window > Properties to show the palette.

The last step is to export the image to a place on your local computer by choosing File > Export.

Choose "Images Only" and make sure the name of the file is "custom_mod.png"

To convert to a module just log in to your Joomla admin console and choose New.

Paste the code below into the editor ( in html edit mode) with these settings and save.
Show Title = No
Published = Yes

<div align="center"><img style="margin: 0px;" width="194" height="173" src="http://yourdomain.com/path/to/images/stories/custom_mod.png" alt="Alt Description" title="My Description" /></div>

Important. Modules in the Lush Template right hand position must be no larger than 194px wide!

InMotion Hosting

 

Since 2005, Joomlashack has been a leading supplier of free and commercial Joomla templates, Joomla extensions, and Joomla Training.
Joomlashack.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

 

Why does Joomlashack recommend Joomla hosting by InMotion Hosting