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 = <a class="belogout" title="Logout!" href="typo3/logout.php?redirect=../index.php">Logout</a>
[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!

Related posts:

1. mixed TypoScript Snippets Vol. 1
2. How to … sort the Typoscript Template
3. How to … add a simple REDIRECT with realurl Extension

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!

Related posts:

1. mixed TypoScript Snippets Vol. 2
2. How to … sort the Typoscript Template
3. How to … integrate a YAML Menu to TYPO3

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

<!--[if lt IE 9]>
div .test {background:#fff; filter:alpha(opacity=50);}
<![endif]-->

Thats all. Enjoy it.

Related posts:

1. jQuery badBrowser Update Version 1.4
2. Fight old Browsers – YouTube follows
3. Fight old Browsers – Warning with jQuery

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.

Related posts:

1. How to … center a YAML Layout
2. How to use position-absolute and z-index with Internet Explorer 7 and nested containers
3. How to add german Amazon.de OpenSearch Plugin to Firefox 3.5 on Ubuntu 9.1

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 …

• http://wiki.typo3.org/index.php/Upgrade#Upgrading_to_4.4
• http://www.youtube.com/watch?v=iE2tFVtm5Is
• http://www.youtube.com/watch?v=5ksV41wfJIo

Related posts:

1. How to … update TYPO3 4.2
2. TYPO3 ver. 4.3 released
3. Problems after upgrading TYPO3 4.2 to 4.3 with stylesheets and images

Hello!

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

• fight-old-browsers-warning-with-jquery
• release-bad-browser-new-version-13
• fight-internet-explorer-6-reloaded

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:

<head>
 <!--[if lte IE 5]>
 <style> body {background:yellow;}</style>
 <![endif]-->
</head>

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!

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

Related posts:

1. Fight old Browsers – Warning with jQuery
2. Release: bad Browser – new Version 1.3
3. Fight old Browsers – YouTube follows

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.

Related posts:

1. How to … update TYPO3 4.2
2. How to … convert HTML-Content to PDF File in TYPO3
3. TYPO3 Version 4.4.0 released

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/

Related posts:

1. Aptana Studio 2.0 under Ubuntu 9.10
2. CSS: center background image in Firefox & Co.
3. CSS border-bottom for IE 6

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:

1. How to … sort the Typoscript Template
2. TYPO3 ver. 4.3 released
3. How to … set the favicon in TYPO3

I show you a nice jQuery snippet for a smoothy slider menu.

This was my first jQuery experience – if you find some tuning options, tell me please!

Here you can see my script in Action: http://www.gyn-endoskopie.de/

/**
 * @author team noir GbR
 * simple slide-out Menu
 * www.gyn-endoskopie.de
 * Version 1.5 - 11.01.2010
 */
$(document).ready(function() {
 //on first loading, hide the submenu
 $(".subul li").hide();
 //show active sub element, after paging
 $(".active").parent().parent(".subul").css('margin-top', -4).children("li").show(".subul li");

 //Actionhandling
 //click on menu
 $(".slide").click(function(){

 //only one submenu is allowed to show
 $(".angeklickt li").slideUp("fast");
 $(".angeklickt").removeClass("angeklickt");
 //close other open submenus
 $(".active").parent().parent(".subul").children("li").slideUp(".subul li");

 //mark heading ul
 $(this).next("ul").addClass('angeklickt');

 //show marked submenu
 if ($(".angeklickt li").is(":hidden")) {
 $(".angeklickt li").slideDown("slow");
 $("ul.angeklickt").css('margin-top', -4);
 return false;
 }
 //close/slide submenu
 else {
 $(".angeklickt li").slideUp("slow");
 $("ul.angeklickt").css('margin-top', 0);
 $(this).next("ul").removeClass("angeklickt");
 return false;
 }
 });

});

this is the menu source code:

<div>
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Zur Person</a></li>
<li><a href="#l">Operationen</a>
 <ul class="subul>
   <li><a href="#" title="Operationsspektrum">Operationsspektrum</a></li>
   <li><a href="#" title="OP-Aufklärung">OP-Aufklärung</a></li>
   <li><a href="#" title="OP-Patienteninfos">OP-Patienteninfos</a></li>
   <li><a href="#" title="Anmeldung">Anmeldung</a></li>
 <li><a href="#" title="Novasure/Goldnetz">Novasure/Goldnetz</a></li>
 </ul>
</li>
<li><a href="#" title="Tagesklinik">Tagesklinik</a></li>
<li><a href="#">Kontakt</a>
 <ul class="subul>
   <li><a href="#" title="Schreiben Sie uns">Schreiben Sie uns</a></li>
   <li><a href="#" title="Anfahrt mit dem Auto">Anfahrt mit dem Auto</a></li>
   <li><a href="#" title="Wegbeschreibung">Wegbeschreibung</a></li>
 </ul>
</li>
</ul>
</div>

System information:

• TYPO3 4 CMS
• YAML 3.1
• CSS 2/3
• XHTML 1.0
• http://www.gyn-endoskopie.de/

greetz!

Related posts:

1. How to use position-absolute and z-index with Internet Explorer 7 and nested containers
2. How to build a YAML fullscreen layout
3. How to … center a YAML Layout