Archive for posts tagged with ‘HTML’

Rounded corners for less (Safari solution)

In addition to the previous article, I’ve got also a solution for the Safari 3.x users/developers out there. Like Mozilla, Apple added some CSS enhancements to their CSS-rendering engine. For getting the same effect as in Firefox, you can use -webkit-border-bottom|top-left|right-radius:

1
<p style="-webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; background-color: #ebebeb; padding: 10px; color: #000;">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy...</p>

This should result in something like:

Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy…

By the way: the W3C offers new options for border in CSS3, of which one is the border-radius stuff.

No Comments

Rounded corners for less?

Okay I’ve to confess that this trick will only work in Firefox, but for those who doesn’t want to start their Gimp/Photoshop-something for getting rounded corners on page elements, this CSS hack might be a proper solution:

1
<p style="-moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; background-color: #ebebeb; padding: 10px; color: #000;">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy...</p>

By using the CSS extension -moz-border-radius-direction made by Mozilla, this will result in something like:

Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy…

No Comments

Geo Track vs xLanguage

Some of you might have been noticed that the Geo Track page did not came up with the Google Map anymore. My Firebug commented this with the following message:

1
2
a is null
function Ih(a){var b;while(b=a.firstChild){Hh(b);a.removeChild(b)}}

First of all I have been thinking that this might be some kind of bug in the Geo Track plugin. I can negate this now. The cause for the issue is the parallel used xLanguage plugin, which is used for translating the list titles like ‘Besucher’ to ‘Vistors’. The Geo Track page has been structured like:

1
2
3
4
5
6
7
[wp-geotrack-googlemap]
[lang_de]Besucher[/lang_de][lang_en]Visitors[/lang_en]
[wp-geotrack-list]
[lang_de]Top Seiten[/lang_de][lang_en]Top Sites[/lang_en]
[wp-geotrack-topsites]
[lang_de]Top Referrer[/lang_de][lang_en]Top Referrers[/lang_en]
[wp-geotrack-topreferrers]

The ‘lang_’ tags marks the several languages — or actually the parsing of them — and have been the cause why the map exploded (xLanguage manipulates several functions like the_content() on runtime).

A solution has been found quickly. The Geo Track page consists only of a title and has got its’ own page template now, which includes the following snippet:

1
2
3
4
5
6
7
8
9
10
echo wp_geotrack_googlemap();
 
if ( $language == 'de' ) : echo 'Besucher'  else: echo 'Visitors' endif;
echo wp_geotrack_display();
 
if ( $language == 'de' ) : echo 'Top Seiten'  else: echo 'Top Pages' endif;
echo wp_geotrack_topsites();
 
if ( $language == 'de' ) : echo 'Top Referrer'  else: echo 'Top Referrers' endif;
echo wp_geotrack_topreferrers();
No Comments