fragmente

mixed TypoScript Snippets Vol. 2

blumentritt — Tue, 24 Aug 2010 15:36:07 +0000

New stuff, just copy&paste

Today i present:

Disable Flexform Elements from tt_news:

paste into PageTS:

TCEFORM.tt_news.datetime.disabled = 0
TCEFORM.tt_news.editlock.disabled = 1
TCEFORM.tt_news.image.disabled = 0
TCEFORM.tt_news.imagecaption.disabled = 1
TCEFORM.tt_news.imagealttext.disabled = 1
TCEFORM.tt_news.imagetitletext.disabled = 0
TCEFORM.tt_news.related.disabled = 1
TCEFORM.tt_news.short.disabled = 1
TCEFORM.tt_news.bodytext.disabled = 0
TCEFORM.tt_news.author.disabled = 0
TCEFORM.tt_news.author_email.disabled = 1
TCEFORM.tt_news.news_files.disabled = 1
TCEFORM.tt_news.links.disabled = 0
TCEFORM.tt_news.keywords.disabled = 1
TCEFORM.tt_news.archivedate.disabled = 1
TCEFORM.tt_news.ext_url.disabled = 1
TCEFORM.tt_news.fe_group.disabled = 1
...

activate new tt_news articles automatically (not hidden):

again, paste into PageTS:

TCAdefaults.tt_news.hidden = 0

insert a Logout-Button on feeditadvanced Layout:

First, add this to your root TS-Setup:

[globalVar = TSFE : beUserLogin > 0]
lib.belogout = TEXT
lib.belogout.value = Logout
[global]

now you will need a TS-Object or a PageMARKER inside your FE-Template, like …

lib.belogout

just add some CSS like:

.belogout {
 display: inline-block;
 padding-top: 4px;
 margin: 2px 10px 0 0;
 height: 21px;
 text-decoration: none;
 cursor: pointer;
 text-align: center;
 color: #c6c6c6;
 background: url(../../typo3conf/ext/feeditadvanced/res/icons/menubar/button.png) no-repeat 0 0;
 font-size: 12px;
 width: 92px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 z-index: 8001;
 position: fixed;
 right: 100px;
 top:1px;
 color: #fff;
}
.belogout:hover, .belogout:active, .belogout:visited {color:#fff; text-decoration:none;}

Now your Logout-Button looks like the feeditadvanced Layout und works …

That’s all for today.

TYPO3 – Inspiring people to share – Yeah that’s right!

mixed TypoScript Snippets Vol. 1

blumentritt — Wed, 18 Aug 2010 09:07:45 +0000

Today i will start a new Session and post some nice and tricky TypoScript Snippets for Typo3 (tested in Ver. 4.4)

show restricted Pages & add css (class=”locked”)

make restricted pages visible for all, but not accessible

# 11 = Page with Login Plugin
config.typolinkLinkAccessRestrictedPages = 11
config.typolinkLinkAccessRestrictedPages_addParams = &referer=###RETURN_URL###

#for the menu
lib.menu.1 {
 showAccessRestrictedPages = NONE
 showAccessRestrictedPages.addParams = &redirect_url=###RETURN_URL###
}

now, add some class or attributes to the restricted pages

[usergroup = *]
# after login
...
[else]
#without login
...
lib.menu.1.NO = 1
lib.menu.1.NO.ATagParams.if {
         value=0
         isGreaterThan.field = fe_group
     }
lib.menu.1.NO.ATagParams = class="locked"
lib.menu.1.IFSUB = 1
lib.menu.1.IFSUB.ATagParams.if {
         value=0
        isGreaterThan.field = fe_group
     }
lib.menu.1.IFSUB.ATagParams = class="locked"
[end]

hard to find the right solution, i spent several hours for this snippets – so have fun!

How to use transparency with different Browsers

blumentritt — Thu, 01 Jul 2010 16:19:37 +0000

How to:

One more snippet …

I hab trouble with transparency backgrounds and the different Browser interpretation, ahhrgh. But finally i found a cool summary.

take this:

div .test {
   background: rgb(255, 255, 255); /* fallback for all old guys */
   background: rgba(2255, 255, 255, 0.5);
}

Internet Explorer need a special treatment, via conditional comment

Thats all. Enjoy it.

CSS: center background image in Firefox & Co.

blumentritt — Thu, 01 Jul 2010 10:09:09 +0000

Today just a short snippet.

To center a background image vertical and horizontal especially Mozilla Firefox need the attribute “fixed”:

body {
background-image: url(....);
background-position: center center;
background-attachment: fixed;
height: 100%;
}

Tested with: IE 6 – 8, Firefox 3.6, Safari 4

With this little trick, my day will be fine! Ole.

TYPO3 Version 4.4.0 released

blumentritt — Wed, 23 Jun 2010 10:47:31 +0000

Yesterday they did it …

The latest TYPO3 version 4.4 makes TYPO3 easier than ever – especially for newbies. Your TYPO3 website can be up and running in five minutes after it has been downloaded – use the included template and it is ready to go right away. Below you will find the most important innovations.

from: http://typo3.org/download/release-notes/typo3-44/

Last night i checked my own “starterpackage” with the new version. Everything seems to be fine.

The new Backend looks great, loads fast and is really easy to use.

Thanks to the Core-team of TYPO3! Great work, guys!

UPGRADING from 4.3 to 4.4:

Here you’ll finde some nice tricks and tutorials …

How to use position-absolute and z-index with Internet Explorer 7 and nested containers

karrock — Thu, 27 May 2010 11:43:19 +0000

When you have a div-container which has the attribute position-absolute and you put a 2nd div-container inside (which has also a position-absolute attribute) it can happens that Internet Explorer 7 does not interpret this correct.

I had the problem, that the 2nd div-container (which is a fold-out CSS-menu) is larger than the sorrounding div. In IE 7 the CSS-menu lays, in the part outside the sorrounding container, behind those elements. But for a menu you aspect to be the first element in the hierarchy.

Those layer positions can be set using z-index in CSS. The higher the index, the higher the position of the element to users-view. So I set the z-index to a high value but in IE 7 nothing happened.

After trying a while I worked out a very easy solution. If you use for an element the position-absolute attribute it will be set out of the normal element-flow of the website and be positioned absolute to the given position. But IE 7 inherits the value from the parent-element (here the sorrounding div-container) which had no z-index.

So my solution is to give both, the surrounding and the inner div-container a z-index. The surrounding container gets (in my case) a higher z-index than the surrounding one and the problem is fixed!

The surrounding element is the YAML #topnav-element and the inner one is a div-container with list-items which are styled as a JS-free fully CSS-menu.

#topnav {
  overflow:visible;
  z-index:5;
  position:absolute;
  [...]
}

#inner_container {
  position:absolute;
  z-index:2;
  [...]
}

jQuery badBrowser Update Version 1.4

blumentritt — Tue, 18 May 2010 16:22:19 +0000

Time is running …

Hello!

Today you can download my new version from “jQuery badBrowser Script” . Why and how it works you can read in my last articles:

After several comments to the missing MSIE 5.5 detecting i decided to update my script and tell you my solution:

I have tested several ways to use JavaCcript/jQuery and useragent identification.

// special Testcheck for dirty Microsoft Internet Explorer 5.5
 if (userAgent.indexOf("MSIE 5.")>=0) {
 return true;
 }

Nothing happens. Mostly the Browser doesn’t work with JavaScript or displays many errors.
MSIE 5.5 is very old and in my opinion it’s enough to detect IE 6.0. In special cases you may use conditional comments like this:

The actually jQuery library is 1.4.2, since version 1.3 the jquery.browser command is deprecated, but on the website you can read:

The $.browser property is deprecated in jQuery 1.3, but there are no immediate plans to remove it.

My small Changelog:

update the browser version support, alert if smaller then:
- Firefox < 3 .0
- Opera < 9.5
- Safari < 4.0
- Google Chrome < 3.0
- MSIE < 8.0
German warning language

Please comment this Post for hints, tricks and more … have fun!

badBrowser Version 1.4 ( 168x )

UPDATE 19.05.2010: Now you can also find a minimized .js Version in the download-zip (Thanks to fleshgrinder). Nice javascript compression tool.

Problems after upgrading TYPO3 4.2 to 4.3 with stylesheets and images

blumentritt — Tue, 20 Apr 2010 15:51:31 +0000

TYPO3 Upgrade 4.2 to 4.3 – Backendview

Today i had some trouble after upgrading TYPO3 Installation 4.2.10 to 4.3.3 .
After the big security announcement i decided to update all costumers TYPO3 Installations.

With my short step-by-step upgrade sheet everything works fine, only one …

After Uploading the files the TYPO3 Install-Tool appears with basic black/white stylesheet, no images, no alignement … *strange*
The Backend doesn’t show any image, the menu couldn’t get clicked – aahhhhrgh! Whats up?!

But here’s my solution: SEARCH, READ, UNDERSTAND, ADJUST

I found some hints in the install.txt from TYPO3 source:

Make sure that AllowOverride allows “Indexes” and “FileInfo” in the Apache
configuration. If you cannot ensure this, rename .htaccess files to
_.htaccess. TYPO3 will run but considerably slower.
Here is the list of the files to rename:
typo3/contrib/.htaccess
typo3/gfx/.htaccess
typo3/mod/user/ws/.htaccess
typo3/sysext/.htaccess
typo3/sysext/t3skin/stylesheets/.htaccess
If the error does not disappear, web server error logs should help.

That’s all. First i tested mith renaming the .htaccess to _.htaccess, in the second step i adjust the apache-config manually -> tataaaam, it works fine!

So have fun with TYPO3.

How to add german Amazon.de OpenSearch Plugin to Firefox 3.5 on Ubuntu 9.1

blumentritt — Mon, 12 Apr 2010 16:14:28 +0000

How to …

Today i wanted to search with my current Ubuntu 9.10 Karmic Koala Installation and Firefox Browser 3.5 with a OpenSerach Plugin in german Amazon store.

The standard Installation of Firefox only provides the amazon.com Search Plugin. The normal way to add SearchPlugin doesn’t work on amazon.de with Ubuntu Firefox

I found after a short search one nice overview: http://mycroft.mozdev.org/amazon-search-plugins.html

Thank you! After clicking on “Amazon DE (Support Mycroft*) de-DE (amazon.de) by Mycroft Project” my german SearchPlugin works fine.

more SearchPlugins …. look here: http://mycroft.mozdev.org/

How to delete csc-default and id tag in TYPO3 4.3

blumentritt — Sat, 10 Apr 2010 15:48:34 +0000

How to … Since TYPO3 Version 4.3 all the source code is tagged with unlovely id and class tags with div-wrapper. <div id="c1" class="csc-default"> But with one little typoscript snippet you will get rid off it: tt_content.stdWrap.innerWrap > Now everything looks clean and sweet. I love TYPO3 anyway! Related posts:How to … sort the Typoscript Template TYPO3 ver. 4.3 released How to … [...] Related posts: