CAT | design
I expect to recieve Dmitry’s book the end of this week on how to build extensions for TYPO3. The API sometimes is a mess for me and I am convinced his writing will help me understand the core of TYPO3 better, and become more advanced in programming extensions.
Most of the time I have written some extensions for custom requirements of my customers.
You can get Dmitry’s book on Amazon. Click to image to bring you there right away!
I will get back on this as soon as I start reading – but I have no doubt it is a worthy investment.
24
How I add a separate searchbox on my TYPO3 website using indexed_search
0 Comments | Posted by henjo in design, typo3, usabillity
Basically what I do implementing a searchbox that needs to be an all pages, is using some plain typoscript to get this running well.
I used to use macina searchbox when I just started working with TYPO3, but getting more feeling with typoscript, I personally like using as less as extensions as possible.
So, how do I do it?
First of all, make sure you implement Indexed Search (setting up the indexing etc.). You really should read the documentation on that - although if you’re like me you’d like me post it here for you!
Second make sure you a subpart Marker (or when using TemplaVoila make sure you map the location to a typoscript object). Usually mine is named lib.searchbox.
Third thing you do is prepare some constants in your TS template:
plugin.tx_indexedsearch.searchUID = 2
plugin.tx_indexedsearch.showAdvanced = 0
The searchUID constant is the page containing your search results (your page with the indexed_search plugin on it).
In the setup you now use the following code to give you the searchbox.
Weel – it took a while to achieve this through all other work, but we finished it enough to have it launced: Stylence – for internet and TYPO3 development in style! There is a lot to improve. But you have to start in order to improve right?!
I haven’t tried this one yet – but according to what they promiss it must be great.
17
Defining a first, middle and last content element in one column using TypoScript
0 Comments | Posted by henjo in css, design, typo3, usabillity
Ever needed to use a different class for a first element in a column? And a specific one for the middle elements and – making it the royal treat – one for the last element as well?
I have been wondering about this for a while – tested some stuff here and there and finally I came up with this solution. I hope it will be helpful to you in one of your projects as well!
tt_content.stdWrap.outerWrap = |<div style="display:none;"></div>
lib.contentBar = COA
lib.contentBar {
10 < styles.content.get
stdWrap.split {
token = <div style="display:none;"></div>
cObjNum = 1||2 |*| 3||4 |*| 5||6
1.current = 1
1.wrap = <div class="first">|</div>
2.current = 1
2.wrap = <div class="middle">|</div>
3.current = 1
3.wrap = <div class="middle">|</div>
4.current = 1
4.wrap = <div class="middle">|</div>
5.current = 1
5.wrap = <div class="last">|</div>
6.current = 1
}
}
Questions? Leave a reply!
Have a better solution? Leave a reply, please!
I especially do not like the splitter part, because of the extra code. I used ###SPLITTER### at first, but that left me with a ###SPLITTER### marker on the pages I didn’t use the replacement…
There must be a better way – so please!
10
Giving every Content Element a different (unique) class in TYPO3
0 Comments | Posted by henjo in (x)html, design, typo3
So… maybe you are like me: you have a design done by somebody who makes it a hell of a job to get it working nicely in TYPO3. For a certain page you need to use every content element in one column to have a specific class that is unique.
Search no longer! Take the code and enjoy!
contentNormal < styles.content.get
contentNormal.renderObj.stdWrap.dataWrap = <div class="contentNormal-{cObj:parentRecordNumber}">|</div>
15
Header images in Typo3, the nice way…
0 Comments | Posted by henjo in design, typo3, usabillity
I have been wondering a while on how to set headerimages in a nice way to Typo3 pages. After some searching and “workarounds”, this is where I have ended (for now…
)
# Image from the page properties temp.headerImage = IMAGE temp.headerImage { file.import = uploads/media/ file.import.data = levelmedia:-1, slide file.import.listNum=0 }
Read more in it here:
http://www.rggooglemap.com/en/dev/mpossnewsheader.html
http://www.mcuniverse.com/Changing-Section-Pictures.193.0.html
http://typo3.org/documentation/document-library/core-documentation/doc_core_tsbyex/0.0.16/view/6/2/
10
Getting your font-sizes right…
0 Comments | Posted by henjo in (x)html, css, design, ie, usabillity
Ever wondered why IE shows bigger headings than other browsers? If you are like me and walking your website releases the FF – Safari – IE7 – IE6 way, you’ll notice fontsizes are screwed up here and there. Of course you can write different stylesheets, what I did for a while. But recently I ran into this article that actually explains a good deal how to get stuff right, the nice way.
Enjoy reading!
3
A neat ajax search engine for Typo3
0 Comments | Posted by henjo in design, typo3, usabillity
Today I played around a little with a ajax search engine extention for TYPO3. Kinda nice. See my results so far at Stylence.
It is the extention mh_ajaxsearch and you can find more on it (in german) at: www.marioonline.at
Needless to say – my german is improving (thank you Bernhard
).
Update: While checking at IE6 I found the javascript to be buggy. I had no time yet to dive into it…
I have been asked today to get fonts compiled to use with sIFR. To be honoust I didn’t know what was expected of me and after a little conversing it became clear: to use the extention gb_sifr you need to have a .swf containing all the characters of the font you want to use.
After some research I found OpensIFR; a tool to create the needed file. In less then 10 minutes time I was able to produce a list, nice looking, sIFR replaced and all. Nice.
Basecamp
Get me at Technoratie
Typo3











