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.
This Award features five finalist Joomla! themes and extensions that have been selected by the Joomla! project representatives.
Help us out and please head on over to Packt and vote!
Its been awhile since we have had some Twitter Fun. A couple of months ago we had the The Great Joomlashack Tweetaway using Twitter.
This time, we have made it super simple..
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.
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.
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.
You will see a screen similar to this one.
(click for larger)
Choose the SubSelect tool.
Draw a box over the shape just large enough to select the corner nodes as shown below.
The corner nodes are sub-selected.
Hold down Shift to keep the mouse straight or use the arrow keys to resize the shape vertically.
The shape is resized.
Choose the select tool.
and select the top shape.
Choose Edit > Cut.
The shape is loaded onto the clipboard.
Select the image and resize it. (Cmd+T)
You can temporarily lower the opacity in the layers palette to see the underlying shape.
Once resized, choose Modify > Mask > Paste as Mask.
You can return the opacity back up.
Use the text tool to add some graphic text to the image.
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".
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!