notes | Page 2

Customizing the print pop-up

Last Updated on Thursday, 20 May 2010 16:57

As Andrew Eddie at The Art of Joomla reports, the file /templates/$template/component.php controls the print view of a given article. Component.php acts just like index.php, which controls your template layout, module positions and CSS, among other things.

Component.php can be equally customized with features like module positions and custom CSS files. This is done using the same methods as with index.php.

At the heart of component.php is:

<head>

    <jdoc:include type="head" />

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />

					<?php if($this->direction == 'rtl') : ?>

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template_rtl.css" type="text/css" />

<?php endif; ?>

</head>

<body class="contentpane">

    <jdoc:include type="message" />

    <jdoc:include type="component" />

</body>

</html>

Including Joomla Module Positions in Template Overrides

Last Updated on Thursday, 04 February 2010 18:12

Originally posted by Andrew Eddie on the Joomla! Forum:

To load a module position within a layout you can do this:
<?php
$document = &JFactory::getDocument();
$renderer = $document->loadRenderer( 'modules' );
$options = array( 'style' => 'raw' );
echo $renderer->render( 'position_name', $options, null);
?>
Change the "style" to whatever you need (most likely raw, but could be xhtml), and change the position_name to the actual module position.

Add new comment

Attacking Chrome

Last Updated on Wednesday, 09 September 2009 10:16

Apparently Google's new browser Chrome, is based on the same technology as Apple Safari. I discovered this fact while searching for a way to apply Chrome / Safari specific CSS styles. I came across a number of *hacks* (which I personally would rather avoid using) some more complex, and frankly scary, than others. The following ?hack? came from Martin Ivanov's blog, dated Oct 1, 2008:

/* Google Chrome hack */ body:nth-of-type(1) .elementOrClassName { /* properties go here */ }

/* Safari hack */ body:first-of-type .elementOrClassName { /* properties go here */ }

While on the hunt for the above information, I came across a very cool website that illustrates CSS transformations, currently only supported by Chrome and Safari. The heat is definitely on for FireFox.

Add new comment

How Can I Control Who Can Register With My Website

Last Updated on Wednesday, 09 September 2009 10:26

You can control who can register with your website by using the following procedure [warning: this is a core hack and could be undone with an update]:

In the Systems settings of the Global Configuration, Allow User Registration must be set to Yes as well as New User Account Activation.
The SEND_MSG_ACTIVATE variable of the language.com_user.ini file must be edited to remove the activation link.
You should also customize the REG_COMPLETE_ACTIVATE variable in the language.com_user.ini file accordingly to avoid any confusion.
Then, when a new user registers, they will get the newly created message (step 2) and the Admin will be notified of the registration.
The Admin will then need to login in to the Administrative side of the website and review the new users(s), under the User Manager, and enable / delete the account according.
I would also suggest that the Admin email the new users when the account is enabled.

Add new comment

How To Create Special Characters Like the © Symbol

Last Updated on Wednesday, 09 September 2009 10:21

There are actually do ways to do this:

1. In Windows XP Pro, click on Start, select Programs and then Accessories. Under Accesories, go to Systems Tools and click on Character Map. This will display all available characters. Click on the character you want and either copy and paste it into your content or 'type' it by using the keystroke displayed in the lower right corner of Character Map. For example, to 'type' the © symbol, press and hold the Alt key, type 0169, let go of the Alt key and the © symbol will appear.

2. If you have the JCE Editor configured, click on the Insert Custom Character button (see picture).

From the window that pops up, just click on the symbol that you want.

NOTE: If you do not have JCE Editor installed, and would like it, contact me and I can take care of it.

Add new comment

Image Text Wrapping Styles

Last Updated on Friday, 15 January 2010 21:13

Text can be easily wrapped around images. Following examples of the basic text alignments. Keep in mind that you can you can use different alignments of text on different images within the same paragraph. Be creative! Experiment!

Left

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Right

Top

Bottom

Middle

Add new comment

Inserting An Image Into Content

Last Updated on Wednesday, 09 September 2009 10:23

When you are in the edit screen for any piece of content, you can insert images into the content itself. Click on the image button at the lower left hand corner of the screen.

The following pop-up will appear:

You can insert an image by clicking on it once, and then clicking the Insert image button.

If the image you want to insert does not appear, you can upload it by clicking on the Browse Files button, find and select your file, click on Open, and then click on Start Upload. Your image will then be available for inserting.

Add new comment

Wrapping Text Around a Picture

Last Updated on Thursday, 19 November 2009 13:47

This tip describes how to wrap text around a picture that has already been inserted into your content

Select the image that you want to wrap text around by clicking on it once. When selected, the picture should six small squares appear around it.
Click on the Insert / Edit Image Icon in the WYSIWYG editor as illustrated here:
The following screen will appear. Select the desired aligment of the text, as related to the picture, from the Align drop down menu. An example of the type selected will be displayed at the right.

Add new comment

Page 2 of 2

Start
Prev
1
2
Next
End

betweenbrain™ | web • print • idenity • creative

Customizing the print pop-up

Read more... Add new comment

Including Joomla Module Positions in Template Overrides

Attacking Chrome

How Can I Control Who Can Register With My Website

How To Create Special Characters Like the © Symbol

Image Text Wrapping Styles

Text can be easily wrapped around images. Following examples of the basic text alignments. Keep in mind that you can you can use different alignments of text on different images within the same paragraph. Be creative! Experiment!

Inserting An Image Into Content

Wrapping Text Around a Picture

SyntaxHighlighter.config.clipboardSwf ="/plugins/content/syntaxhighlighter/scripts/clipboard.swf";SyntaxHighlighter.config.bloggerMode =true;SyntaxHighlighter.config.stripBrs=true; SyntaxHighlighter.all(); Read more... Add new comment

Text can be easily wrapped around images. Following examples of the basic text alignments. Keep in mind that you can you can use different alignments of text on different images within the same paragraph. Be creative! Experiment!

Read more... Add new comment