div container per Typo-Script erstellen

Michael V83 · #1 06.12.07, 10:50

Hallo,

bin noch Anfänger in Sache Typo-Script.
Mein Frage:
Ich hab ein gegebe HTML-Vorlage, diese möchte ich nicht ändern bzw. dann auch nicht neu Mappen (mit TV).

Ich möchte einfach an einer stelle einen div-container erstellen per Typo-Script.
Die Frage "HOW-TO" ? Wie ist die Syntax ? Bitte relativ genau. Ich bin ein noob ;-)
Also:

Meine HTML-Template-Part:

HTML-Code:

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML template 3col_1-3-2.html</title> </head> <body> <div id="page_margins"> <div id="page"> <div id="header">...</div> <div id="topgrafik">...</div> <div id="nav">...</div> <div id="main"> <div id="teaser">...</div> <div id="col1"> <div id="col1_content" class="clearfix"> <ul id="submenu"><li>...</li></ul> <div class="selectorBox">...</div> <div class="textBelowMenu">...</div> </div> </div> <div id="col2"> <div id="col2_content" class="clearfix">...</div> </div> <div id="col3"> <div id="col3_content" class="clearfix"> <div class="floatbox">...</div> </div> <div id="ie_clearing">&nbsp;</div> </div> </div> <div id="footer">...</div> </div> </div> </body> </HTML>

Also mein Ziel ist eigentlich, einen Runden div-container zu erstellen für col1 bis 3.

css anweisungen: (Datei wird per TS im Root-Template eingebunden, (MyOwnStyles.css)

HTML-Code:

/* ROUND DIV-CONTAINER */

.rand {width:300px; margin:0}
.o1, .o2, .o3, .o4, .u1, .u2, .u3, .u4 {display:block; overflow:hidden;}
.o1, .o2, .o3, .u1, .u2, .u3 {height:1px;}

.o1 {margin:0 5px; background:#999;}
.u1 {margin:0 5px; background:#fff;}

.o2, .u2 {margin:0 3px; border-width:0 2px;}
.o2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.u2 {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}

.o3, .u3 {margin:0 2px;}
.o3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.u3 {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}

.o4, .u4 {height:2px; margin:0 1px;}
.o4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.u4 {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}

.content {display:block; padding:0 5px 0 5px; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

.rand p {margin:0}
/* ROUND DIV-CONTAINER */

und die html-anweisungen (würd ich gern per ts einbinden an passender stelle:

HTML-Code:

<div class="rand"> <b class="o1"></b> <b class="o2"></b> <b class="o3"></b> <b class="o4"></b> <div class="content"> <p>Breite und Höhe des div-Containers können über feste Werte, prozentuale Angaben oder variabel gestaltet werden.</p> </div> <b class="u4"></b> <b class="u3"></b> <b class="u2"></b> <b class="u1"></b> </div>

(hier nach zulesen: Homepageerstellung » Runde Ecken für div-Container nur durch CSS )

ich nutze Typo3 4.1.2 mit YAML für TV !

bin für jeden Hinweis sehr sehr DANKBAR !!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Gelöst Wie Container für FCEs erstellen?	Gluehstrumpf	TemplaVoila	2	03.04.08 07:40
Template und Typo Script!	sinologecn	TYPO3 4.x Fragen und Probleme	2	03.01.08 09:04
div container per Typo-Script erstellen	Michael V83	TYPO3 4.x Fragen und Probleme	1	02.01.08 16:02
Brauche Hilfe in Typo-Script	chapolote	TYPO3 4.x Fragen und Probleme	2	17.11.07 09:58
Menu mit CSS und dann bei typo script?	stephan37	GMENU, HMENU, TMENU und Co.	2	16.12.05 14:48

Suche

Userpanel

div container per Typo-Script erstellen