irislines web design
irislines web design
-->

I needed to use a transparent png on sarisoldiers.com home page.
Just to cover the possible IE6 users out there I googled for a png transparency fix for ie6 and found

http://www.howtocreate.co.uk/alpha.html

I used the version of his solution that puts the filter in the stylesheet (actually in the head of my google template) and simply wraps the image in a span. It worked!  Code shows how you can use one rule for many images in site, with a span id for each.   Image name is specified in the html and the conditional commands.  Image size and span size must match.



wysiwyg editor background color

Body background was intruding into wysiwyg editor window.

Solution was to add a class to body tag in joomla template.

In template.css, set

body {background-color:white;}

body.body {background-color:dark;}

Kill Firefox Focus on links

/*The next set of styles were added to solve the Firefox outlining the edges of
links in the navigation bar. */
a {
user-focus: none;
outline : none;
-moz-user-focus: none;
-moz-outline: none;
behavior: url(/includes/userfocus.htc)
}
a:focus {
user-focus: none;
outline : none;
-moz-user-focus: none;
-moz-outline: none;
behavior: url(/includes/userfocus.htc)
}
/*end of Firefox border fix.*/

Different “read more” text for different sections.

(Note added 3/21/2011 – This article describes how to have one component output different html for different sections of a website.  New in Joomla 1.6 is the ability to do this with named alternative  overrides that can be selected as a parameter.  I’ll be posting about that soon!)

For  the negreenhouseupdate.info site   I used the extension “Imagesized”  to have large images resized when they appear in a blog layout.   This allowed me to have photo gallery content items with large image, and lengthy “captions” appear as a page of thumbnails with read more links that display ONLY the articles title.

THEN,   we realized we wanted to have the update articles display only introductory text with read more links, but really needed the words “read more”  for it to make sense.

I was already using html overrides from beez template, and modified the php:   content/category/blog_item.php to include this:

(Note:   section id 3 is the photo gallery, where we don’t want the words “read more” )

item->params->get(’show_readmore’) && $this->item->readmore && ($this->item->sectionid == 3)) : ?>

item->readmore_link; ?>” class=”readonitem->params->get(‘pageclass_sfx’); ?>”>
item->readmore_register) :
echo JText::_(‘Register to read more…’);
elseif ($readmore = $this->item->params->get(‘readmore’)) :
echo $readmore;
else :
echo JText::sprintf($this->item->title);
endif; ?>

 

item->params->get(’show_readmore’) && $this->item->readmore && ($this->item->sectionid != 3)) : ?>

item->readmore_link; ?>” class=”readonitem->params->get(‘pageclass_sfx’); ?>”>
item->readmore_register) :
echo JText::_(‘Register to read more…’);
elseif ($readmore = $this->item->params->get(‘readmore’)) :
echo $readmore;
else :
echo JText::sprintf(‘Read more: ‘,$this->item->title);
endif; ?>

 

A good idea!

Working with Beth Armour this morning, we laughed at how often we figure out a solution and then forget it.   The same or similar problem comes up again and we have the niggling feeling that we’ve solved this before…. but don’t quite remember what the deal was.

“We should have a blog to record these things….”

We work in html, css, Joomla!, Word Press and various programs and languages to support web development.  While the blog title is “Joomla Solutions”  it may include other kinds of solutions as well,  but no “red wine out of the carpet” tips…  promise!

Adjacent selectors to hide certain Joomla! menu items

Actually, this solution was first used to tame a “Custom Properties” Tag Cloud.

The site was for negreenhouseupdate.info and we wanted to display the topical tags but not the month and year tags. First I sorted the months and years to the end of the list by adding x or y to the tag name (The tag cloud sorts alphabetically.) Then I added a css rule to hide them:

ul.cpcloud li+li+li+li+li a {display:none;}

The number of “li”s was one more than the number of topical tags in use.

On another site for UMass, Beth wanted to hide a couple of links in a Jooma sub-menu (because they would appear in separate modules, but needed to be part of the sub menu so that the rest of the sub menu would still display.) We sorted the two links to the TOP of the menu. Assigned a class to the menu and then hid all li’s and then displayed all but the first two:

ul.class li {display:none;}
ul.class li+li+li {display:block;}

In the first case, if IE6 doesn’t support the adjacent selector, the worst that will happen will be that IE6 users will see the extra tags listed.

In the second case, the entire menu would remain hidden, so we’ll need an IE6 only rule to display all of the links.

Simple Image Gallery widget icons “found”

On the Guilford Church site, I noticed that the icon to close the lightbox window was missing.  The Web Developer’s Toolbar showed me that that and the “loading” image were trying to load from  a content item/plugin/….path.

I had to open up the lightbox.js and  add ../../ to the front of the image path.

The problem was that the pages with the Simple Image Galleries were at various levels in the site, (with Joomla! built in SEF).

IrisLines LLC
101 Washington Street
Brattleboro, VT 05301

802 257 7391

info@irislines.com