How to Insert Iframe Code in Joomla Module

Sometimes when you wanna use Iframe code (HTML) in joomla module. Joomla always removes your code which you just inserted. For example, this code...

<IFRAME src="http://financialtools.stockgroup.com/charts/SGChartDB.asp" 
frameBorder=0 width=200 scrolling=no height=227></IFRAME>

This code should show this:

But in Joomla! if you insert the iframe code directly: (see the picture below)

When you click update button. What happen!! The code's suddenly removed!!! Nothing appear in Editor Space.

Don't worry, That is not a problem. Joomla WYSIWYG Editor always remove some HTML code for security. (For more details read here - Joomla Filtering Options)

So, Is it possible to insert iframe code in Joomla?

Sure, Let's see how to do it!


For inserting iframe code in joomla module, You have to choose new wrapper module instead of custom HTML module.

- Go to Admin Page => Extensions=>Modules Manager=> New and then Choose wrapper

- There are some parameters here:

- If you don't know what to insert there, just look at your iframe code again:

<IFRAME src="http://financialtools.stockgroup.com/charts/SGChartDB.asp" 
frameBorder=0 width=200 scrolling=no height=227></IFRAME>

- Insert the parameters by following your iframe code

• Module Class Suffix - Leave it blank (You can read more detail of module class suffix here)


• URL - Depend on your iframe code


• Scroll Bars - Depend on your iframe code


• Width - Depend on your iframe code


• Height - Depend on your iframe code


• Auto Height - Yes or No is no effect here


• Auto Add - Yes


• Target Name - Name of The Iframe - (More explanation of iframe name available here)

- After finishing insert the parameters save the module and publish it.

- The iframe module will show on your Joomla site!

---

Webmaster of Thai Othello Page

Read more...

How to Make Electric Effect by Photoshop

Last months I designed this poster for Thailand Othello Championship 2009 by Adobe Photoshop

Many peoples loved it. You may wonder how did I do this electric effect on this poster.
This tutorial will show you how to do...

Step 1: Create New file (Any dimension)in Adobe Photoshop and Press 'D' to reset the colors of foreground and background to default. (Black and White)

Step 2: Choose=> Filter and Then Render=>Clouds

You should get the results like this picture below:

Step 3: Now Click on=> Filter and Then Render=>Difference Clouds

The results:

Step 4: Press CTRL+I to invert the color

The results:

Step 5: Press CTRL+L and move the middle arrow to the right.

Step 6: Adjust the color by press CTRL+U (Don't forget to tick on Colorize), You can change to your prefer colors. (for this example, I change to Blue.)

Step 7: After you have satisfy the color of your electric effect, then Save to PSD format.
For now, You are finish creating electric effect.

Step 8: And When You wanna use it...

• Open your electric file.


• Delete Black color from your electric effect(For doing this choose=>Select=>Color Range...=>Click on Black color and Press Delete button)


• At your electric layer's Blending Mode: Choose Screen


• Drag and Drop it to the picture which you wanna put this effect on.


• Adjust it until you satisfy with the result


• Finish

---

Webmaster of Thai Othello Page

Read more...

Adjusting Joomla Frontpage

First time when you fresh install your Joomla! website. The frontpage contents will look like this:

If you don't like this default joomla frontpage's format, I will tell you how to change them

Step 1: Go to Admin page=>Menus=>Main Menus

Step 2: You will see the first item which the name home, Click it.

Step 3:On you right hand, You will see the Parameters (Basic). Here is where to adjust the Joomla! frontpage

Step 4:You may wonder what is Leading, Intros, Columns and Links. See the picture below you will get an idea.

Values:
     # Leading= 1
     # Intros= 4
       Columns= 2
     # Links= 4

Step 5:Okay, Assume You understand them.
here is some example value:

Values:
     # Leading= 1
     # Intros= 4
       Columns= 1
     # Links= 0

The Results will be:

Now, You can adjust yourJoomla! front page to the format which you prefer. It is very easy, isn't it? :)

---

Webmaster of Thai Othello Page

Read more...

How to Change Joomla Logo?

Here is the others FAQ in Joomla Forum.
Many newbie webmasters always ask me how to change Joomla to their own logo.
It is very easy.

Before starting this tutorial, I recommend you all to use firefox. Because this turorial I will use some of the firefox function. It is available here: Dowload Firefox

Step 1.Assume that you are using firefox now. Okay, let start...
Go to your website right click at the Joomla Logo and then choose View Background Image



Step 2.You will see the Joomla Logo and its location. Save it to your PC.




Step 3.Open it and see its name, its size and what image type of it.

For this Example:
Name: mw_joomla_logo
Size: 298x75 pixels
Image Type: png


Step 5.Design your new logo with the same size, same type and same name as Old Joomla Logo one.
This one is my logo.

Step 6.Upload your new logo to your website.

Remember, which location you should upload to?
here

Root/templates/your template name/images

for this example:

Root/templates/rhuk_milkyway/images

Step 7.Overwrite the existing one



Step 8.Okay, Back to your website. Open it with IE or Firefox and see if your logo change or not?



Step 9.If it is still not changing. You should clear cache of your webbrowser. For firefox choose Tools=>Clear Private Data=>Tick all and then click Clear Private Data Now


Finish Your new logo is showing ,now.

Note:

• You can use any type of image any size and any name to be your new logo. For doing that, you have to modify your template CSS. But in this tutorial I won't tell you how to do it because it might take too long for explanation.

---

Webmaster of Thai Othello Page

Read more...

How to Remove Welcome to The Frontpage (Joomla!)

Over a year, I have been replying in Joomla Official Forum
This question is really one of the most FAQ(Frequently Asked Question).

First time, when you install Joomla web site.
On a Homepage, There is a page title which shows "Welcome to The Frontpage".
The question is: How to remove it?
Very easy answer here :)

Welcome to the frontpage shows here

Step 1. Go to Admin page and Choose Menus=> Main Menu



Step 2. Choose Home


Step 3. Go to Parameters (Systems) =>Page Title
Okay, here you can edit it to whatever you prefer :)

---

Webmaster of Thai Othello Page

Read more...