Technology Tools for Ministry

Community

Web-Empowered Church User Community
All Categories > Getting Started > Templates > round box element
Total Posts: 5 - Pages (1): [1]
Author: Manfred Hungerland
Posted: May 26 2009 - 05:59 AM
Subject: round box element
Hello

has anybody a working solution for a round box element?
Here is a Example:
http://typo3-demo.webstars-gmbh.de/Flexible-Inhaltslemente.11.0.html
( The blue box on the right Side )

Shalom
Manfred
Author: Andi Becker
Posted: May 26 2009 - 06:30 AM
Subject: re: round box element
Hi go to TER

and scroll down

Here you will find lots of Templates about 3000 with rounded corners. They are all based on the YUI concept and working fine as they have been designed for WEC and T3Pack Packages but they are NOT mapped until now. So if you download the rounded corner packages you can open those Templates in a normal Text editor i.e. like PSPad and restructure the content.

All html Templates in there are compressed!

After you restructured tem you can see how it is done only by css - All rounded Templates are working with absolutly NO graphics.

If you have further question mail me!

By the way the website you are showing there is YAML for TemplaVoila and also here you can find an FCE as a rounded box - simply download the package from their website, extract the FCE from their Backend via .t3d insert the needed CSS into your template and here you go!

Andi

Andi
Author: Ron Hall
Posted: May 26 2009 - 08:35 AM
Subject: re: round box element
You can also do this using some type of CSS "sliding doors" approach. It will involve prepping some images but will allow for fancier corners and less markup particularly on a larger radius.

http://www.alistapart.com/articles/slidingdoors/

Ron Hall,
Busy Noggin, Inc.
Author: Manfred Hungerland
Posted: May 27 2009 - 12:10 PM
Subject: re: round box element
Hi together

Thank You for the fast Feedback
Here you will find lots of Templates about 3000 with rounded corners.

Did not see that in the Extension Manager.
Here are also "just" a few http://typo3.org/extensions/repository/ do you have a Website?
btw the Website already exist. >> http://www.gideons.ch/
Thanks anyway shurly Helpfull !!


simply download the package from their website, extract the FCE from their Backend via .t3d insert the needed CSS into your template and here you go!

Dindent want to install the hole YAML Package.
I exported the Subtemplate and the Round Box element is also Aviable in the Pagemodule but the rendering is not done in the FE.
insert the needed CSS into your template and here you go!

Maybe here is the Problem. Could You tell me where to put this / get this?

I just point to the roundbox-blue.html with this Content:

<html>
<body>
<div class="REboxBlue">
<span class="rBline1"></span>
<span class="rBline2"></span>
<span class="rBline3"></span>
<span class="rBline4"></span>
<div class="REboxBlueContent">
<h1>Headline</h1>
<p>Diese Box hat runde Ecken.</p>
</div>
<span class="rBline4"></span>
<span class="rBline3"></span>
<span class="rBline2"></span>
<span class="rBline1"></span>
</div>
</body>
</html>

( Like in the YAML Version )

@ RON
Thanks also will look into that.

Shalom
Manfred
Author: Andi Becker
Posted: May 27 2009 - 12:51 PM
Subject: re: round box element
This you pack into your HTML Template

Than you extract the CSS Part for this

in T3 you map to the center div (REBox...
Thats all

ah yeah you need to save it as FCE

Andi
Total Posts: 5 - Pages (1): [1]
You must login to post a message to this conference.