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!
Introducing the fastest template in the world!
And its free!
iContact were running a contest for API applications, and we are excited to announce that we grabbed second place!
Email marketing service iContact announced the winners of their API Challenge, a contest for partners and customers of iContact that asked them to build an integration between third party applications and iContact.
2nd place was given to Joomlashack, a team of designers, developers and technicians in the Joomla community, which came up with JContact. They received $2,000 cash. Barrie North, a user and designer of JContact explained: “We have been long-time fans of iContact. We built a component called JContact that leverages the new iContact API to integrate Joomla registration with iContact, and uses best industry opt-in practices to do so. We also gave it away for free!”
Setting up JContact to work in your Joomla is a several step process. To get the maximum benefit of the iContact API, you need to enable the JContact component in your iContact account and enter some settings into the JContact Joomla component.
Before you start, head to iContact and grab a free trial.
You'll also need to download a copy of the JContact component.
Once installed, you will need to configure the JContact main settings: Components > JContact > Main Settings.
To enable the component, change "Add Newly Registered Users" to yes and click save.
You will then need to enable the component for the API in your iContact account. To do this you will see a link, highlighted below. First log into your iContact account and then click or browser to that URL.
Note that the API URL can be changed to work with the iContact dev sandbox should you wish. For now, just leave that URL as is.
Once at iContact, you will need to give the application (i.e. JContact) a name, and make sure you are enabling it for the 2.0 API.. Remember your API username and password, the key and then click on the link to enable the AppId.
You can now go back to you settings screen and enter in the values from iContact for the username, password and Key.
Then click save!
Once you have saved this information, you should be able to click on choose and a box will pop up with your iContact lists. If you get an error here, there is some sort of problem communicating with the iContact API, Check your passwords etc.
By default, all registered users will get added to your selected list. You can add a field that gives users the option of whether they want to sign up or not.
At this point you should also create a registration email that will take the place of the core Joomla one.
The last step is to create a link to the special registration page.
JContact must use its own registration page to rather than the core Joomla one in order to work properly. You can create a menu item to the component as normal.
Note, that if someone happens upon your Joomla core registration page and uses that, they won't interact with iContact. Site visitors can possibly stumble across this from the login module/form. You might want to consider a template override to change that link, or an htaccess redirect.
Today and tomorrow are the last chances to get the early bird pricing for the beginner/intermediate Joomla training class in Hartford, CT on September 17th.
If you book now, you'll get $150 off the regular price and reserve a spot for only $249.
As well as a full day of expert Joomla instruction, all students will leave with goodies worth over $400!
Right now the hottest online businesses are online membership websites. Whether learning how to create email newsletters or networking for partners, subscription based membership sites are *the* way to generate revenue from your own expertise.
The two pieces to the puzzle to be successful with your membership website are expert help and guidance, and a powerful platform.
Keep reading and I'll tell you how you can get both, a world renowned expert who will teach you, and a complete powerful turnkey membership website, and you'll get the site free for life!
In 2008, Brian launched his Teaching Sells course. A complete guide to setting up and running and online paid membership websites. It was insanely popular, I joined up right when his doors opened, and so did people like Aaron Wall (of SEO Book).
After 2 rounds of students, Brian closed his doors and has been busy improving it, until now, when he has opened them up again. He only has 500 spots, and I reckon this course will soon be full and you'll have missed your chance. His last round sold out the 300 spots at $997 a pop in about 48 hours!
Head to TeachingSells.com and check it his new video.
A few weeks ago we blogged about our adoption of Uservoice to get feedback from you to help us better meet your needs.
We have been working hard on some new Joomla templates, both free and commercial, but we also want you to tell us what kind of templates you want.
Simply head over to our template feedback and share your ideas for themes, site types, colors, extension, whatever you'd like to see.
We'll be be selecting 3 people at random for a free copy of our upcoming release!
What Joomla-powered sites have the highest Google PageRank? (Hint: Joomlashack's PageRank is 9. Think we made the top tier?)
How many Joomla-powered websites in the world are there? And how many of them are highly trafficked, really successful sites?
A group of Joomlaheads led by Alex Red has set out to answers these any many other questions about the size, depth, and characteristics of the Joomlaverse. Their site is www.joomla.me
Joomla.me is a directory of Joomla-powered websites. The team analyzes and makes some interesting claims using data from the directory, including: