Home

OFF-SOFT.net

OFF-SOFT.net

This site is support & information site of WEB,and Software. This site might help you that create software or Web Site…perhaps?[:]

Class suffix use the template (edited module) use

Published on| April 9th, 2009 | No Comment.
Joomla! Dealing with the templates and modules, but in that class and suffix parameters. This is, Joomla! On the template, or only emphasize the view of the module, or to change color and discreet, like to keep a proper noun to a change in appearance.
Well, actually changed the template and CSS files and try to change their appearance.


Preparation, creating a custom module for testing
Let's use a simple custom HTML.
Custom HTML, a special section to view the HTML in the description, anywhere, can you paste the module.
Extension - Select a management module, click the New button.
The following screen, select the Custom HTML.


Continues to set the parameters.

Describe the major parameters.
Title: Title of this module
Place: How and where to place the module on page
Class Module: The suffix of this name (proper name)
Custom Output: HTML output to describe here

First, let's separate place to display the only place.
(You can view the article in the module,
For more information)

Cases)
(loadposition testpos1)

Let's see the color on the module
In this case,
  • Change the module class
  • Change the template css file
Do.

Change the module class
Admin module from the earlier, to set up a class module.


Here, "_module_test", enter it.

Change the template css file
Css template file,
/template/xxxxxx/css/template.css
Exist in the file name.
xxxxxx: The default template name

And update the following in this text editor such as Notepad, FTP tool to upload.
1
2
3
4
5
6
7
.moduletable_module_test
{
	margin: 0;
	padding: 0;
	background-color: #0000ff;
	border:solid 1px #00ff00;
}
Joomla! Screen in the edit template in the editing of the CSS, and use it, and two issues will not be able to edit the second.
Therefore, in the way of implementation of the above, Joomla! The CSS you can even edit without any problems, you may be using.

Copy of Google Language


If you read in loadposition, to enable a suffix, the plug-in configuration management.
Extension - Plug-in administration "Content - Load Module" Click.


The style of the above, here, DIV wrap selected.
Then,
The example above,
1
2
3
<div class="moduletable_module_test">
<h3>Google Language のコピー</h3>
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=ja&w=160&h=60&title=&border=&output=js"></script></div>
As, "modules" + name suffix (class module) is defined by the class name, that will be expanded.
"No wrap" If selected, can be loaded without the suffix.

Suffix is usually often used when reading in the template.
1
<jdoc:include type="modules" name="testpos2" style="xhtml" />
For example, the above mentioned template /template/xxxxxx/index.php I noted,
HERE (please click) would like.



Comments

Leave a Reply







  • はてなブックマークへ追加する
  • Facebookでシェアする
  • twitter でつぶやく
  • Google Plusでシェアする
  • Pocketでシェアする
ページトップへ