fragmente

How to … use country flags as CSS sprites in Typo3

karrock — Tue, 08 May 2012 08:30:24 +0000

Since a few versions Typo 3 comes with CSS sprites for all icons. There is an extra sprite flags.png with country flags available as well: typo3/sysext/t3skin/images/sprites/flags.png

I wanted to use the country flags available as CSS sprites in the backend for a plugin. I searched for it for a while and find no solution. After searching, testing and trying I got it. Here is the explanation how to use them.

First of all, you need for all countries for which you want to use the country flags the short country codes ISO-3166-1, which you can find at wikipedia. For example you want a flag for Germany (de), United Kingdom (gb) or Sweden (se). The Typo3 CSS Sprites are available as classes which you set for a container. You will get an background image.

The next step is to build a HTML-container and set the appropriate CSS classes. This are two, one for Typo 3 icons (which are needed for the width and height of the flag): t3-icon-flags and one, to choose the right position in the sprite image for the flag you want: t3-icon-se.

Your code snippet looks like.

If you want a country flag for Germany, just change the t3-icon-se into t3-icon-de, set “gb” for United Kingdom and so on. If you want to use the image as inline element (e.g. with span or div as display:inline) you need to add a width to get the full length of the image.

fragmente Blog – comment function FIXED

blumentritt — Thu, 19 Jan 2012 15:04:42 +0000

Dear readers,

our comment function is fixed.

We are ready for your posts, answers and questions. Sorry for the circumstances!

No related posts.

How to … use ssl and ssl-proxy on Host Europe via .htaccess with TYPO3

blumentritt — Tue, 17 Jan 2012 20:32:30 +0000

How to

Two questions and my solution (works with TYPO3 4.5 on HostEurope Webpack 3.0)

1. Use ssl or ssl-proxy at your website (in my case TYPO3)

2. Use only the www. variant from your website (duplicate content).

Caution: Code is especially for HostEurope, change IP and Proxyaddress !

force ssl (.htaccess)

#redirect for non-ssl
RewriteCond %{SERVER_PORT} ^80$
RewriteCond %{HTTP_HOST} !^www\.domain\.de$ [NC]
RewriteRule ^(.*)$ http://www.domain.de/$1 [R=301,L]

#redirect for ssl
RewriteCond %{SERVER_PORT} ^443$
RewriteCond %{HTTP_HOST} !^www\.domain\.de$ [NC]
RewriteRule ^(.*)$ https://www.domain.de/$1 [R=301,L]

force ssl-proxy (.htaccess)

#1st option, ssl.proxy ip with wildcard
RewriteCond %{REMOTE_ADDR} !10.9.0.*$
#2nd option, use ssl-proxy address
#RewriteCond %{HTTP:X-Forwarded-Server}  !^ssl.webpack\.de$ 

#redirect non-www to www
RewriteCond %{HTTP_HOST} !^www\.domain\.de$
RewriteRule (.*) http://www.domain.de/$1 [L,R=301]

You will also need some Extensions and php-Code

Install “https_enforcer” in TYPO3, Instructions: http://typo3.org/documentation/document-library/extension-manuals/https_enforcer/current/
Follow the Instructions for ssl-proxy from here: http://wiki.typo3.org/De:Installation_at_Hosteurope
more helpful links: ssl on TYPO3 #1, ssl on TYPO3 #2

So, that’s all – enjoy (or post your solution!)

How to … use WLAN USB-Stick D-Link DWA-160 A2 with Ubuntu (802.11n)

blumentritt — Sun, 15 Jan 2012 17:28:21 +0000

How to

If you want to use the fast WLAN 802.11n Standard with Ubuntu 11.04 you’ll need to choose the right driver.

The Ubuntu Wiki offers a nice driver/chip overview: http://wiki.ubuntuusers.de/wlan/karten
In my case:

DWA-160 A2 | USB | Atheros AR-9170 | ID:07d1:3c10

Normally Ubuntu use the ar9170usb driver, but there are probably connectivity problems. So let’s use the second “standard-driver” (Ubuntu >= 11.04) carl9170.

1. Therefore you just need to “blacklist” the first “standard-driver” ar917usb with this shell command:

echo 'blacklist ar9170usb' | sudo tee -a /etc/modprobe.d/blacklist.conf

2. restart your system

3. have a look at your wlan symbol and choose “connection information” -> here you will find now “carl9170″ as loaded driver

Jap, that’s all! Now WLAN runs with >150Mbit/s

How to … – TYPO3 fe_userlisting sort by …

blumentritt — Thu, 05 Jan 2012 13:47:37 +0000

How to

… sort the fe_userlisting view in frontend?

In my project i needed to sort the usertable in frontend by first_name or last_name.
The extension manual list the following typoscript setup:

tx_feuserlisting_pi1._DEFAULT_PI_VARS.sort = last_name:0
tx_feuserlisting_pi1._DEFAULT_PI_VARS.sort = first_name:0

But nothing happened …

So i searched for a while an found the solution here.

You need to edit the file “class.tx_feuserlisting_pi1.php” and extend on line 170 the following:

$this->internal['orderByList'] = 'username,name,email,country,city,zip';

$this->internal['orderByList'] = 'first_name,last_name,username,name,email,country,city,zip';

THAT’s ALL!

How to autoupdate WordPress hosted at Host Europe

karrock — Tue, 05 Jul 2011 19:33:39 +0000

All who has webspace at Host Europe and installed WordPress by itself (not out of the box) have problems to use the autoupdate function from WordPress.

For me it said always that the installtion path of WordPress was not found. Now, after a long while, I found a german blog article WordPress AutoUpdate bei Hosteurope. There is described that you just have to put one single line in the config file wp-config.php of WordPress and all works as expected. The problem which cause the error is the directory for temporary files, which is set by this line via a environmental variable.

putenv('TMPDIR='.ini_get('upload_tmp_dir') );
if ( !defined('ABSPATH') )
   define('ABSPATH', dirname(__FILE__) . '/');

Just put the bold line in your config-file at this position and then you can use WordPress auto update. But be sure to backup your data as explained in the WordPress Codex!

mixed TYPO3 & TypoScript Snippets Vol. 3

blumentritt — Tue, 24 May 2011 09:53:01 +0000

some nice typoscript snippets for everybody & TYPO3 configuration hints

show some tt_content via typoscript object on every place you want:

lib.tsobject = RECORDS
lib.tsobject{
  tables = tt_content
   source = content id
}

activate BE-compressing:

Compressing resource files will save bandwidth and so improve loading speed especially for users
with slower internet connections. TYPO3 can compress the .js and .css files for you.

localconf.php:

$TYPO3_CONF_VARS['BE']['compressionLevel'] = '9';

.htaccess:


    AddType "text/javascript" .gzip


    AddType "text/css" .gzip

AddEncoding gzip .gzip

show page-id’s in BE, type the following lines into the BE-USER-TS oder BE-USERGROUP-TS:

options.pageTree.showPageIdWithTitle=1

automatically fill out author in BE (tt_news & pages):

TCAdefaults.pages.author :=author_return(realName)
TCAdefaults.tt_news.author :=author_return(realName)

That’s all for today – have fun!

TYPO3 inspiring people to share

TYPO3 4.5 – sendmail on Host Europe Server

blumentritt — Sat, 05 Mar 2011 21:55:01 +0000

Hi.

With the new TYPO3 Version 4.5 a new problem appears … damn.

No more sendmail function, no testmail (install tool), no mail from contact-forms …

Here is the solution: Change in localconf.php

$TYPO3_CONF_VARS['MAIL']['transport'] = 'mail';
$TYPO3_CONF_VARS['MAIL']['transport_sendmail_command'] = '/usr/sbin/sendmail -bs'

$TYPO3_CONF_VARS['MAIL']['transport'] = 'sendmail';
$TYPO3_CONF_VARS['MAIL']['transport_sendmail_command'] = '/usr/sbin/sendmail -t -f mail@domain.com';

Of course you need a valid email address!

That’s all – it works!

further information:

http://jweiland.net/typo3/versionen/version-45.html
http://faq.hosteurope.de/index.php?cpid=11073

css3 snippets for every day: border-radius, gradient, shadow, …

blumentritt — Tue, 11 Jan 2011 17:01:53 +0000

How to

Some nice CSS3 snippets for every day work …

rounded corners: border-radius

-moz-border-radius: 5px;
border-radius: 5px;

prefix is only necessary for mozilla!

reference:

border-radius
-moz-border-radius
border-top-left-radius
-moz-border-radius-topleft
border-top-right-radius
-moz-border-radius-topright
border-bottom-right-radius
-moz-border-radius-bottomright
border-bottom-left-radius
-moz-border-radius-bottomleft

more border-radius

linear gradients

/* Firefox 3.6 */
-moz-linear-gradient(top, #ddd, #fff);
/* Safari & Chrome */
-webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #ddd));
/* IE6 & IE7 */
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ddd',
endColorstr='#fff');
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ddd',
endColorstr='#fff')";

more gradients 1
more gradients 2
more gradients 3 (generator)

box-shadow:

/*Schlagschatten*/
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

/*inner shadow */
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;

more box-shadow

text-shadow:

text-shadow: 2px 2px 2px #000;

and for our best friend -> internet explorer some nice workarounds

How to – redirect restricted TYPO3 pages to loginform and back

blumentritt — Tue, 09 Nov 2010 20:12:03 +0000

Hi.

I think this is a well known problem in TYPO3 – i found several forum posts – but no solution.

If you have a website with some “member only” pages, probably a forum (i use mm_forum in this installation) and users get a email with a notification for new topics or something like this …

Inside the email you get a direct link to your “member-only” page.

http://www.domain.de/forum/post/123/

In combination with realurl the link will cause “404 – Page not found” situation. Test it – it is horrible.

You must consider, if you restrict the hole page, you will never solve this problem.
You must only restrict the pagecontent for fe_users. I write it again: never restrict the hole page!

So, i searched for a solution. Found this one, very nice and it works! Thank you Sanderrr!

[usergroup=*]
[else]
config >
config.additionalHeaders = Location: /index.php?id=PID_DES_LOGINFORMULARS
page >
page = PAGE
page.10 = TEXT
page.10.value=No Access!
[global]

But what’s up with a redirect to your first link location after login? config.additionalHeaders dislike COA_INT or TEXT.

A new problem – so we need a new solution … page redirect with condition in TYPOP3. Help me!

After one night without sleep, bad dreams and beer i build my own typoscript legendary redirect setup. Praise me

#page 123 is restricted
[PIDinRootline = 123]
page.headerData.666 = COA_INT
page.headerData.666.10 = TEXT
page.headerData.666.10.value = 
[global]

#remove redirect, if user logged in
[usergroup = *] && [PIDinRootline = 123]
page.headerData.666 >
[global]

You can see, i use the page.meta.refresh function to redirect my restricted pages. Not sweet but it works like a charm.

That’s enough for today. TYPO3 inspiring to share!
Good night!