Welcome to Zen_ar218's blogspot.

May 24, 2009

How to Insert Iframe Code in Joomla Module

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)

Insert Iframe code in Joomla module-01


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

Insert Iframe code in Joomla module-02


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

Insert Iframe code in Joomla module-03


- There are some parameters here:

Insert Iframe code in Joomla module-04


- 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
Insert Iframe code in Joomla module-05


  • 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!

Insert Iframe code in Joomla module-06





Webmaster of Thai Othello Page

Read more...


May 3, 2009

How to Make Electric Effect by Photoshop

How to Make Electric Effect by Photoshop


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


Sosuco Thailand Othello Championship2009 Poster


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)
How to Do Electric Effect by Photoshop 01


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

How to Do Electric Effect by Photoshop 02


You should get the results like this picture below:

How to Do Electric Effect by Photoshop 03


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

How to Do Electric Effect by Photoshop 04


The results:

How to Do Electric Effect by Photoshop 05


Step 4: Press CTRL+I to invert the color

The results:

How to Do Electric Effect by Photoshop 06


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

How to Do Electric Effect by Photoshop 07


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.)

How to Do Electric Effect by Photoshop 08


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


How to Do Electric Effect by Photoshop 09





Webmaster of Thai Othello Page

Read more...


 
Copyright © 2008-2015 zen-ar218.blogspot.com - All rights reserved