Differences

This shows you the differences between two versions of the page.

--- deutsch:andere-erweiterungen:jquery:simple-tabs [2012/03/07 13:38]
Knut Heermann (flip-flop)
+++ deutsch:andere-erweiterungen:jquery:simple-tabs [2018/06/03 18:09] (current)
@@ Line 6: / Line 6: @@
 **Einfache Tabs basierend auf JQuery, mit denen CP´s gruppiert werden können.**
-Mittlerweile ist es mit der Aktivierung der Einstellung **Register (Tabs)** ##x## im CP möglich, beliebige CP´s in Registern zu organisieren.
+Mittlerweile ist es mit der Aktivierung der Einstellung **Register (Tabs)** ##x## im CP möglich, CP´s innerhalb eines Artikels in Registern zu organisieren.
 Dazu müssen lediglich die Namen in **Register:** der zusammenzufassenden CP´s identisch sein und alle CP´s im selben **Abschnitt:** ##Nr## liegen.
@@ Line 12: / Line 12: @@
 Ein Abschnitt beinhaltet Register und ein Register beinhaltet CP´s.
+<note>
+**Dieses Verfahren eignet sich nur bedingt für Seiten die auch hörbehinderte gerichtet sind, da die Registernamen vom CP-Inhalt getrennt werden **
+</note>
 {{:deutsch:andere-erweiterungen:jquery:register_tab_einstellung_fe01_1.gif|}}
@@ Line 20: / Line 22: @@
 \\
 ----
+----
+\\
 **jquery.jQsimpleTabs.js** V1.0  07.03.12
@@ Line 41: / Line 44: @@
   * JS im Browser eingeschaltet
+-----
+-----
@@ Line 47: / Line 51: @@
-===== Beschreibung: =====
+~~UP~~
-JS/CSS-Code werden in den oben angegebenen Verzeichnissen abgelegt.
+====== Backend: ======
+===== Artikelübersicht: =====
+{{:deutsch:andere-erweiterungen:jquery:register_tab_einstellung_be01_1.gif|}}
+~~UP~~
+===== Content-Parts: =====
+==== CP "Text mit Bild" im Register 01 ====
+{{:deutsch:andere-erweiterungen:jquery:register_tab_einstellung_be02_1.gif|}}
+~~UP~~
+==== CP "Bilder <div>" im Register 02 ====
+{{:deutsch:andere-erweiterungen:jquery:register_tab_einstellung_be03_1.gif|}}
+~~UP~~
-\\
@@ Line 72: / Line 98: @@
-===== Code: =====
+===== Templates: =====
+**Text mit Bild**
+In der Datei ##template/inc_cntpart/imagetext/float.tmpl## ablegen.
+<code html|h float.tmpl|h>
+[IMAGETEXT]
+<div class="image-with-text-float">
+{IMAGETEXT}
+</div>
+[/IMAGETEXT]
+</code>
+\\
+**Bilder <div>**
+In der Datei ##template/inc_cntpart/images/float.tmpl## ablegen.
+<code html|h float.tmpl|h>
+<!--IMAGE_SETTINGS_START//-->
+; this is formatted like WIN.INI
+; please: do not use comments for value lines
+; settings will overwrite CP settings
+;width			= 100
+;height			= 100
+;col				= 1
+;zoom			= 1
+;crop			= 0
+;space			= 10
+;lightbox		= 1
+;nocaption		= 0
+; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
+;center_image	= 0
+<!--IMAGE_SETTINGS_END//-->
+<!--IMAGES_HEADER_START//-->
+<div class="images-float" id="images{ID}">
+[TITLE]<h3>{TITLE}</h3>[/TITLE]
+[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
+<!--IMAGES_HEADER_END//-->
+<!--IMAGES_ENTRY_START//-->
+	<div class="imageEntry[FIRST] first[/FIRST][LAST] last[/LAST][ROW] row{ROW}[/ROW]" id="img{IMGID}">
+		{IMAGE}
+		[CAPTION]<p>{CAPTION}</p>[/CAPTION][CAPTION_ELSE]<p>{IMGNAME}</p>[/CAPTION_ELSE]
+	</div>
+	<!--
+		XFILE_INFO: (RT)    {XFILE_INFO:{IMAGE_ID}}
+		XFILE_COPYR: (RT)   {XFILE_COPYR:{IMAGE_ID}}
+		Caption:            {CAPTION}
+		Alt:                {ALT}
+		Link:               {LINK}
+		Title:              {TITLE}
+		Copyright:          {COPYRIGHT}
+		Thumbnail image:    {THUMB_NAME}
+		  relative:         {THUMB_REL}
+		  absolute:         {THUMB_ABS}
+		  height/width:     {THUMB_HEIGHT}px/{THUMB_WIDTH}px
+		  height/width max: {THUMB_HEIGHT_MAX}px/{THUMB_WIDTH_MAX}px
+		  columns:          {THUMB_COLUMNS}
+		  image ID:         {IMAGE_ID}
+		  image Hash:       {IMAGE_HASH}
+		If you are not sure wrap zoomed image:
+		[ZOOM]
+		Zoomed (big) image: {IMAGE_NAME}
+		  relative: {IMAGE_REL}
+		  absolute: {IMAGE_ABS}
+		  height/width: {IMAGE_HEIGHT}px/{IMAGE_WIDTH}px
+		[/ZOOM]
+	//-->
+<!--IMAGES_ENTRY_END//-->
+<!--IMAGES_ENTRY_SPACER_START//-->
+	<!-- space between images {SPACE}px -->
+	<img class="imageEntry" src="img/leer.gif" width="{SPACE}" height="50" border="0" alt="" />
+<!--IMAGES_ENTRY_SPACER_END//-->
+<!--IMAGES_ROW_SPACER_START//-->
+	<!-- space between image rows {SPACE}px -->
+<!--IMAGES_ROW_SPACER_END//-->
+<!--IMAGES_FOOTER_START//-->
+<div class="imageText">[TEXT]{TEXT}[/TEXT]</div>
+</div>
+<!--IMAGES_FOOTER_END//-->
+</code>
+\\
+===== Java-Script: =====
 In der Datei ##template/lib/jquery/plugin/jquery.jQsimpleTabs.js## ablegen.
@@ Line 119: / Line 258: @@
 \\
 ===== CSS: =====

deutsch/andere-erweiterungen/jquery/simple-tabs.1331123884.txt.gz · Last modified: 2018/06/03 18:07 (external edit)

Show page Old revisions