Zum Inhalt springen

will mit tv nur ein bild einfügen aber ehm........

Erstellt am 28. August 2005 · 11 Antworten · letzte Antwort am 8. September 2005

Tags: Frage

sissi ·

Bin mit "Futuristic Template Buildung" durch und will im Grunde nur sowas billiges umsetzen:

http://typo3.org/typo3temp/tx_oodocs_43b624b019.png

dass man Content einfügt klappt schon aber dass man einfach nur ein bild einfügen kann klappt nicht #angry#

dabei hab ich doch alles richtig gemacht oder?

habe das img-tag im div-container fürs bild mit mapping type "element" mit editing type "image field" definiert, siehe:

     <field_bildrechts type="array">
                <tx_templavoila type="array">
                    <title>Bild auf Startseite rechts</title>
                    <description>Bild rechts</description>
                    <sample_data type="array">
                        <numindex index="0">[Hier kommt das Startseite-Bild recht rein]</numindex>
                    </sample_data>
                    <etype>image</etype>
                    <typoscript>
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 200
							</typoscript>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>Bild auf Startseite rechts</label>
                </tceforms>
            </field_bildrechts>

Allerdings gibbed auf der Seite dann (wenn ich aufs grüne Page-Symbol klicke) kein Auswahlfeld für ein Bild!

Hoffe dieses Problem ist nicht zu trivial, bin halt noch nicht sehr erfahren mit TV.

Grüssle
Sissi

demeter ·

du machst ein content element. wenn du content einfügst müsste ein symbol für das bild kommen. war das dein problem??

<T3DataStructure>
    <ROOT type="array">
        <tx_templavoila type="array">
            <title>ROOT</title>
            <description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
        </tx_templavoila>
        <type>array</type>
        <el type="array">
            <field_0eeaa0 type="array">
                <tx_templavoila type="array">
                    <title>bild ohne link</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>image</eType>
                    <TypoScript>
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 200
							</TypoScript>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>bild ohne link</label>
                </TCEforms>
            </field_0eeaa0>

        </el>
    </ROOT>
</T3DataStructure>

Vorsicht Typoscript muss <TypoScript></TypoScript> geschrieben sein

sissi ·

Hi.............ja im Prinzip ist es das was ich suche (s. Link oben)

Allerdings, wenn ich den Typ "Content Element" wähle dann krieg ich auch eben das nachher zu Auswahl (also Text, Text m Bild usw). Ich möchte aber gerne dass explizit NUR ein Bild (oder zur Not auch mehrere) hochgeladen/eingefügt werden kann und nix mit Text und so überhaupt zur Auswahl steht.

muss ich also die bedingungen hierz manuell einfügen? so wie in deinem codebeispiel......? oder wie hast du das hingekriegt dass der code automatisch so aussieht?

#paralyzed#

grüssle und danke
sissi

demeter ·

Hi SiSSi
folgendes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<table width="395" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="spacer.gif" width="deinen wert angeben" height="deinen wert angeben" alt="hallo sissi" /></td>
  </tr>

</table>

</body>
</html>

diese html-datei lädst du nach fileadmin/..., dann gehst du über dateiliste/htmlicon/bearbeiten mit templaVoila und mapst erst die root(body),
dann addest du ein element mit editing type image oder imagefixed(hier musst du im html-template schon deine werte angeben)und mapst dieses(img).
dann save, den titel vergeben, unter template type content element(!!!) auswählen und auf create TO and DS klicken. typo3 schreibt dann diesen code in die DS.

<T3DataStructure>
    <ROOT type="array">
        <tx_templavoila type="array">
            <title>ROOT</title>
            <description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
        </tx_templavoila>
        <type>array</type>
        <el type="array">
            <field_0eeaa0 type="array">
                <tx_templavoila type="array">
                    <title>bild ohne link</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>image</eType>
                    <TypoScript>
        10 = IMAGE
        10.file.import = uploads/tx_templavoila/
        10.file.import.current = 1
        10.file.import.listNum = 0
        10.file.maxW = 200
                                                        </TypoScript>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>bild ohne link</label>
                </TCEforms>
            </field_0eeaa0>
 
        </el>
    </ROOT>
</T3DataStructure>

dann auf liste und deinen storage folder klicken.
dort siehst du deine TO und DS.

wenn du auf das TO symbol/bearbeiten klickst, kannst du dort dir ein icon, welches im ordner fileadmin/user upload liegen sollte und die grösse 43px auf 54px haben sollte, einblenden lassen. dieses siehst du dann wenn du ein content-element einfügen willst unter den standard elementen.
die standard elemente sind unter der admin einwahl immer sichtbar. wenn du einen redakteur anlegst kannst du diesem diese element ausblenden. hoffe dir geholfen zu haben.wenn nicht oder du brauchst noch etwas frag in diesem thread weiter.

sissi ·

Hi

also ehm.....das ist nicht genau das was ich suche glaube ich.....habs ausprobiert aber unter den normalen content elementen steht bei mir trotzdem nix dabei hab ichs 100% als content element gespeichert und net als page element.

nichtsdestotrotz....zum besseren verständnis meiner problematik gucksu mal hier: http://www.bumbs.netzspiegel.de

das ist die startseite und die hat ein eigenes template. alle seiten darunter haben ein anderes template. wie du siehst geht content einfügen schon. unter "pic_rechts" soll nun ein redakteur selbsttändig ein bild auswecheln können. d.h. wenn er im backend auf das grüne page-symbol klickt soll ihm dann zur auswahl gegeben werden "content einfügen" (für den text in der mitte) und "bild einfügen" (eben für pic_rechts).

ps: bitte nicht verwirren lassen dass die dinger wie marker aussehen, ist gewohnheitssache. dass marker in tv nich benutzt werden weiß ich schon ;-)

hoffe du verstehst was ich meine...hab den totalen knoten im hirn...weiß au nich *g* normalerweise bin ich nich so verpeilt....

vielen vielen dank aber für deine nette hilfe!

grüssle
sissi

demeter ·

hallo sissi
sorry, war die letzten tage ziemlich beschäftigt.
vielleicht ist dies das was du suchst:
Dieses element hat einen text links und ein oder mehrere bilder rechts.
der html code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
 
<body>
<table width="395" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>für deinen text</td>
	<td><span><img src="spacer.gif" width="deinen wert angeben" height="deinen wert angeben" alt="hallo sissi" /><br /></span></td>
  </tr>

</table>
 
</body>
</html>

die data strukture

<t3datastructure>
    <root type="array">
        <tx_templavoila type="array">
            <title>ROOT</title>
            <description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
        </tx_templavoila>
        <type>array</type>
        <el type="array">
            <field_d49141 type="array">
                <tx_templavoila type="array">
                    <title></title>
                    <sample_data type="array">
                        <numindex index="0"></numindex>
                    </sample_data>
                    <etype>text</etype>
                    <proc type="array">
                        <hsc type="integer">1</hsc>
                    </proc>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>text</type>
                        <cols>48</cols>
                        <rows>5</rows>
                    </config>
                    <label></label>
                </tceforms>
            </field_d49141>
            <field_dcc17b type="array">
                <type>array</type>
                <tx_templavoila type="array">
                    <title>überschrift section container neues bild einfügen</title>
                    <etype>input</etype>
                </tx_templavoila>
                <el type="array">
                    <field_fe28f7 type="array">
                        <type>array</type>
                        <tx_templavoila type="array">
                            <title>überschrift container</title>
                            <etype>input</etype>
                        </tx_templavoila>
                        <el type="array">
                            <field_528fbf type="array">
                                <tx_templavoila type="array">
                                    <title>die bilder</title>
                                    <sample_data type="array">
                                        <numindex index="0">die bilder</numindex>
                                    </sample_data>
                                    <etype>image</etype>
                                    <typoscript>
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = deinen wert angeben
							</typoscript>
                                </tx_templavoila>
                                <tceforms type="array">
                                    <config type="array">
                                        <type>group</type>
                                        <internal_type>file</internal_type>
                                        <allowed>gif,png,jpg,jpeg</allowed>
                                        <max_size>1000</max_size>
                                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                                        <show_thumbs>1</show_thumbs>
                                        <size>1</size>
                                        <maxitems>1</maxitems>
                                        <minitems>0</minitems>
                                    </config>
                                    <label>die bilder</label>
                                </tceforms>
                            </field_528fbf>
                        </el>
                    </field_fe28f7>
                </el>
                <section>1</section>
            </field_dcc17b>
        </el>
    </root>
</t3datastructure>

wie gehst du vor:
machst dir die html vorlage
dann tust in templaVoila den text als mapping type element/editing type textarea mappen.
als nächstes den add-button drücken und statt element container anwählen, updaten und Make this container a SECTION! anwählen.
cancel/close drücken und du siehst zwei add button. den zweiten drücken und element container anwählen. jetzt hast du drei add-button. den dritten add-button anwählen und mapping type element/editing type image anwählen.
beim mappen must du folgendes beachten:
SC ist td zwei set inner, CO ist der span set outer(!!) und das element ist der img tag.
warum der span outer?
im quelltext siehst du das die span-tag jetzt wiederholt und durch den br untereinandergesetzt werden.
wenn du dieses fce jetzt als content element abspeicherst und es als inhalt einfügst siest du im backend und dem rte eine kleine box mit überschrift sektion container... anwählen und speichern so oft dieses wiederholst soviele bider kannst du einfügen.
war es das? wenn nicht immer weiterfragen.
zu deinem layout: schau es dir doch mal im firefox an. der geht mit den divs anders um als der ie. tabellen werden aber gleich umgesetzt.
war es

demeter ·

noch nen kleinen tip für die root-setup:

 # Anker vor Content entfernen
tt_content.stdWrap.dataWrap = 
tt_content.noANameTagForFirstRecord = 1
sissi ·

hi

bin deine sehr gute anleitung genau durchgegangen und hab genau das erstellt (einziger unterschied: bei mir ist alles in einem div nicht in einem td drin).

trotzdem wird dann beim klick aufs grüne seiten-symbol kein weiteres contentelement angezeigt sondern nur das eine normale text-element halt! dabei ist mein relevanter code 1:1 wie deiner (bin ihn zeilenweise durchgegangen)

schau hier:

<field_bildrechts type="array">
                <type>array</type>
                <tx_templavoila type="array">
                    <title>Bild rechts kommt hier rein</title>
                    <etype>input</etype>
                </tx_templavoila>
                <el type="array">
                    <field_beb3ce type="array">
                        <type>array</type>
                        <tx_templavoila type="array">
                            <title></title>
                            <etype>input</etype>
                        </tx_templavoila>
                        <el type="array">
                            <field_35ae1e type="array">
                                <tx_templavoila type="array">
                                    <title></title>
                                    <sample_data type="array">
                                        <numindex index="0"></numindex>
                                    </sample_data>
                                    <etype>image</etype>
                                    <typoscript>
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 270px
							</typoscript>
                                </tx_templavoila>
                                <tceforms type="array">
                                    <config type="array">
                                        <type>group</type>
                                        <internal_type>file</internal_type>
                                        <allowed>gif,png,jpg,jpeg</allowed>
                                        <max_size>1000</max_size>
                                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                                        <show_thumbs>1</show_thumbs>
                                        <size>1</size>
                                        <maxitems>1</maxitems>
                                        <minitems>0</minitems>
                                    </config>
                                    <label></label>
                                </tceforms>
                            </field_35ae1e>
                        </el>
                    </field_beb3ce>
                </el>
              <section>1</section>
            </field_bildrechts>

warum verweist eigentlich das 10.file.import auf ein verzeichnis innerhalb von tv?

also...ich glaub ich bin auf dem richtigen weg aber der letzte schubser fehlt noch :o

hast du eine idee?

grüssle und vielen lieben dank
sissi

sissi ·

Hi

hmmm......wieso muss ich das eigentlich als content element abspeichern und nicht als page template? das gesamte ding soll ja das template für die startseite werden!

vielleicht hast du icq, msn oder skype wo man dich mal kurz erreichen kann?

alles was ich ja brauche ist, das unter dem Contentelement mit Namen "Content" ein Contentelement "Bild" wo NUR Bilder eingefügt werden können zur Auswahl steht, siehe bild zur veranschaulichung:

Bild: bumbs.netzspiegel.de/…/problem_tv.jpg

#paralyzed#

grüssle
sissi

demeter ·

Hallo jetzt glaub ich weiss ich was du willst

Dein Template (ein bisschen modifziert):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->
	<title>STARTSEITE</title>
	<link rel="stylesheet" type="text/css" href="fileadmin/styles/styles.css" />	
</head>

<body bgcolor="#FFFFFF">

<div id="screen">

<!--  Menu: [begin] -->
	<div id="topmenu">das div gemappt als typoScript Objekt Path/set inner</div>
<!--  Menu: [end] -->

 <div id="main">        		
				<div id="mainmenu">»»id mainmenu</div>
				
    <div id="startseite">
		
		<!--  Header: [begin] -->
		<div class="csc-header csc-header-n1">»» Startseite</div>
		<!--  Header: [end] -->
			
		<!--  Text: [begin] -->
		<div class="dein text">das div gemappt als mapping type element editingtype content elements/set inner</div>
		<!--  Text: [end] -->
		
		<!--  Bild: [begin] -->
        <div class="deine bilder">das div gemappt als mapping type element editingtype content elements/set inner</div>
		<!--  Bild: [end] -->
		
		</div><!--  id startseite ende -->
		
 </div><!--  id main ende -->
	
         <div id="pic_right"></div>
         <div id="logo"> </div>
         <div id="bottom"> </div>
     	 <div id="logo"> </div>
</div><!--  id screen ende -->

</body>
</html>

jetzt mappe ich dieses html grundgerüst mit einer navioben und dieses speichere ich als page-template.
kommt folgendes dabei raus:

<t3datastructure>
    <root type="array">
        <tx_templavoila type="array">
            <title>ROOT</title>
            <description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
        </tx_templavoila>
        <type>array</type>
        <el type="array">
            <field_36da6d type="array">
                <tx_templavoila type="array">
                    <title>text</title>
                    <description>text</description>
                    <sample_data type="array">
                        <numindex index="0">[text]</numindex>
                    </sample_data>
                    <etype>ce</etype>
                    <typoscript>
	10= RECORDS
	10.source.current=1
	10.tables = tt_content
							</typoscript>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>db</internal_type>
                        <allowed>tt_content</allowed>
                        <size>5</size>
                        <maxitems>200</maxitems>
                        <minitems>0</minitems>
                        <multiple>1</multiple>
                        <show_thumbs>1</show_thumbs>
                    </config>
                    <label>text</label>
                </tceforms>
            </field_36da6d>
            <field_1b827b type="array">
                <tx_templavoila type="array">
                    <title>bild</title>
                    <description>bild</description>
                    <sample_data type="array">
                        <numindex index="0">[bild]</numindex>
                    </sample_data>
                    <etype>ce</etype>
                    <typoscript>
	10= RECORDS
	10.source.current=1
	10.tables = tt_content
							</typoscript>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>db</internal_type>
                        <allowed>tt_content</allowed>
                        <size>5</size>
                        <maxitems>200</maxitems>
                        <minitems>0</minitems>
                        <multiple>1</multiple>
                        <show_thumbs>1</show_thumbs>
                    </config>
                    <label>bild</label>
                </tceforms>
            </field_1b827b>
            <field_4d79a8 type="array">
                <tx_templavoila type="array">
                    <title>Menu_oben</title>
                    <sample_data type="array">
                        <numindex index="0">[Menu_oben]</numindex>
                    </sample_data>
                    <etype>TypoScriptObject</etype>
                    <etype_extra type="array">
                        <objpath>lib.Menu_oben</objpath>
                    </etype_extra>
                    <typoscriptobjpath>lib.Menu_oben</typoscriptobjpath>
                </tx_templavoila>
            </field_4d79a8>
        </el>
    </root>
</t3datastructure>

wenn du jetzt auf das grüne seitensymbol drückst und eine neue seite anlegst kannst du dieses template als site struktur auswählen.
eventuell must du über bearbeite seitenheader die

Page Template Structure: testsis [Template]
Use Template Design: testsis [Template]
Subpages - Page Template Structure: testsis [Template]
Subpages - Use Template Design: testsis [Template]

die ganzen strukturen nochmal auswählen.

dann bekommst du als anzeige so ein bild wie oben, nur mit dem unterschied, dass du zwei (zwei gemappte elemente) spalten hast. das menu (lib.menu_oben) definierst du uber template/rootpage(eventuell startseite) im setup-bereich.

in diese spalten kannst du jetzt selbst gefertigte fce als content elemente einfügen, rechts das content element fürs das/die Bild/er

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
 
<body>
<table width="395" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="spacer.gif" width="deinen wert angeben" height="deinen wert angeben" alt="hallo sissi" /></td>
  </tr>
 
</table>
 
</body>
</html> 

diese html-datei lädst du nach fileadmin/..., dann gehst du über dateiliste/htmlicon/bearbeiten mit templaVoila und mapst erst die root(body),
dann addest du ein element mit editing type image oder imagefixed(hier musst du im html-template schon deine werte angeben)und mapst dieses(img).
dann save, den titel vergeben, unter template type content element(!!!) auswählen und auf create TO and DS klicken. typo3 schreibt dann diesen code in die DS.

<t3datastructure>
    <root type="array">
        <tx_templavoila type="array">
            <title>ROOT</title>
            <description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
        </tx_templavoila>
        <type>array</type>
        <el type="array">
            <field_0eeaa0 type="array">
                <tx_templavoila type="array">
                    <title>bild ohne link</title>
                    <sample_data type="array">
                        <numindex index="0"></numindex>
                    </sample_data>
                    <etype>image</etype>
                    <typoscript>
        10 = IMAGE
        10.file.import = uploads/tx_templavoila/
        10.file.import.current = 1
        10.file.import.listNum = 0
        10.file.maxW = 200
                                                        </typoscript>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>bild ohne link</label>
                </tceforms>
            </field_0eeaa0>
 
        </el>
    </root>
</t3datastructure>

und links für den text(neue html-vorlage für ein text-element, in templaVoila den einen span-tag(oder div-tag/set inner) als mapping type element/editing type textarea mappen. )
also erst ein page template fertigen und dann die content elemente einfügen.(die eigenen fce kommen hinter den standard fce, für die redakteure kann man die standard dann über die benutzerverwaltung ausblenden)

grüssle aus dem ländle