WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#26 21.04.2017 12:58:13

grindbatzn
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Jepp! Das ist geil!

Das wäre aber eher was für die responsiveGallery. VIelleicht als zNip

Offline

Liked by:

byteworker

#27 02.05.2017 14:10:36

florian
Projektmanagement und Support WBCE CMS

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Was mir gerade über den Weg lief:
http://9bitstudios.github.io/flexisel/
Ist praktisch, um Sponsorenlogos o.ä. durchlaufen zu lassen (Kunden wollen sowas ja manchmal).

Offline

#28 02.05.2017 17:06:34

byteworker
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

creativecat webdesign - loupSlider https://creativecat.de/pages/goodies/mo … slider.php

Den gibt es auch noch. Hatte ich zu genau dem Zweck im Einsatz.

Online

#29 02.05.2017 17:26:32

florian
Projektmanagement und Support WBCE CMS

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Hm, wenn der schon auf der Demoseite nicht funktioniert und jq 1.5.1 aufruft ... weiß nicht.

Anbei das Preset für Flexisel. Lokal entpacken. flexisel.js nach /modules/items/presets, das Verzeichnis flexisel inkl. Inhalte nach /modules/itemz/helpers kopieren.

Offline

Liked by:

byteworker

#30 14.09.2018 14:18:47

ice
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ein Preset für eine Linkliste, ähnlich menu-card wäre schön ... ;-)

Offline

#31 25.10.2018 10:03:15

berny
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

ice wrote:

Ein Preset für eine Linkliste, ähnlich menu-card wäre schön ... ;-)

Ja, das würde ich derzeit auch brauchen ;-)

Einfache linkliste, wenn man auf den Link klickt, ein lightbox-Fenster mit weiteren Daten.....

Offline

#32 10.11.2018 14:46:14

berny
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

so, mal ein preset für eine Linkliste ...

//Starting Javascript

thepresetsdescription = 'Short Description here';

document.edit.pic_loc.value = '/menu-photos';
document.edit.resizepicsx.value = '400';
document.edit.resizepicsy.value = '0';
document.edit.allowfileuploads.checked = 'checked';
itemz_selectDropdownOption (document.edit.sort_grp_name, 0);
itemz_selectDropdownOption (document.edit.sort_item_name, 0);
itemz_selectDropdownOption (document.edit.sort_mem_desc, 0);
document.edit.t_link_page_id.value = '';
document.edit.t_link.value = '';
document.edit.t_short1.value = 'Land';
document.edit.t_short2.value = 'PLZ';
document.edit.t_short3.value = 'Ort';
document.edit.t_short4.value = 'Adresse';
document.edit.t_short5.value = 'Homepage Adresse';
document.edit.t_short6.value = 'E-Mail';
document.edit.t_long1.value = 'Informationen';
document.edit.t_long2.value = 'Club Leiter';
itemz_selectDropdownOption (document.edit.longusage1, 0);
itemz_selectDropdownOption (document.edit.longusage2, 0);
document.edit.header.value = '<link href="[ITEMZ_MOD_DIR]helpers/presets1.css" rel="stylesheet" type="text/css" />\n\n<div class="itemz_menupage">\n<h1>Referenzen</h1>\n<script>\n			$(document).ready(function(){\n				//Examples of how to assign the Colorbox event to elements\n				$(".group1").colorbox({rel:\'group1\'});\n				$(".group2").colorbox({rel:\'group2\', transition:"fade"});\n				$(".group3").colorbox({rel:\'group3\', transition:"none", width:"75%", height:"75%"});\n				$(".group4").colorbox({rel:\'group4\', slideshow:true});\n				$(".ajax").colorbox();\n				$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});\n				$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});\n				$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});\n				$(".inline").colorbox({inline:true, width:"50%"});\n				$(".callbacks").colorbox({\n					onOpen:function(){ alert(\'onOpen: colorbox is about to open\'); },\n					onLoad:function(){ alert(\'onLoad: colorbox has started to load the targeted content\'); },\n					onComplete:function(){ alert(\'onComplete: colorbox has displayed the loaded content\'); },\n					onCleanup:function(){ alert(\'onCleanup: colorbox has begun the close process\'); },\n					onClosed:function(){ alert(\'onClosed: colorbox has completely closed\'); }\n				});\n\n				$(\'.non-retina\').colorbox({rel:\'group5\', transition:\'none\'})\n				$(\'.retina\').colorbox({rel:\'group5\', transition:\'none\', retinaImage:true, retinaUrl:true});\n// canges style:\n$("#cboxTopLeft").hide();\n$("#cboxTopRight").hide();\n$("#cboxBottomLeft").hide();\n$("#cboxBottomRight").hide();\n$("#cboxMiddleLeft").hide();\n$("#cboxMiddleRight").hide();\n$("#cboxTopCenter").hide();\n$("#cboxBottomCenter").hide();\n				$("#cboxContent").addClass("blue_border_example");\n				//Example of preserving a JavaScript event for inline calls.\n				$("#click").click(function(){ \n					$(\'#click\').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");\n					return false;\n				});\n			});\n		</script>';
document.edit.footer.value = '</div>\n<script src="[ITEMZ_MOD_DIR]helpers/presets1.js" type="text/javascript"></script>';
document.edit.grp_head.value = '<h2 style="clear:left; padding:20px 0 10px 0; border-top: 1px dotted #ddd;">[GROUPNAME]</h2>';
document.edit.item_loop.value = '<div class="menublock menurow" style="background:white; width:100%; display:block; text-decoration:none; " onmouseover="this.style.background=\'lightgray\';" onmouseout="this.style.background=\'white\';">\n\n<div class="item-short3" style="width: 430px; float: left; padding-bottom: 5px; margin-top: -20px;">[[referenz-buttons?besthp=[SHORT5]&bestem=[SHORT6]]]\n<strong>[SHORT1]&nbsp;&nbsp;&nbsp;&nbsp;<a href="#inline_content[ITEM_ID]" class="inline"> [NAME] </a></strong></div>\n<div class="item-short3" style="float: left;"> [SHORT1]-[SHORT2] [SHORT3] - [SHORT4]</div>\n[EDITLINK]</div>\n<div style=\'display:none\'>\n			<div id=\'inline_content[ITEM_ID]\' style=\'padding:10px; background:#fff;\'><strong><a href="http://[SHORT5]" target="_new"> [NAME] </a></strong> <br />Adresse: [SHORT4] , [SHORT1]-[SHORT2] [SHORT3]<br /><br />Homepage: <a href="http://[SHORT5]" target="_new"> <img src="/wbce/referenzen/pics/hp.gif" style="position: relative; bottom: -7px;"> [SHORT5]</a><br />E:Mail: <a href="mailto:[SHORT6]"><img src="/wbce/referenzen/pics/em.gif" style="position: relative; bottom: -5px;">  [SHORT6]</a><br /><br />[LONG1]</div></div>';
document.edit.grp_foot.value = '';
document.edit.item_divider.value = '';
document.edit.instructions.value = '';
document.getElementById('presetsdescription').innerHTML = thepresetsdescription;
alert('yepp!');

Die Foto-Felder habe ich zur Migration zweckentfremdet, sollte man halt entsprechend anpassen.
Für Popup diverser Informationen wurde die Colorbox installiert.
hp.gif (Icon für Homepage) bzw em.gif (Icon für Email) wurde verwendet, emclear.gif ist ein Platzhalter, damit im Falle des Fehlens eines entsprechenden Eintrages das Design stimmig ist.

Passendes Droplet dazu: referenz-button

$content = "";


if($besthp != "") {
$content .= '<a href="http://'.$besthp.'" target="_new"><img src="/we3/referenzen/pics/hp.gif" style="position: relative; bottom: -7px;"></a>';
} else {
$content .= '<img src="/we3/referenzen/pics/emclear.gif" style="position: relative; bottom: -7px;">';
}


if($bestem != "") {
$content .= '<a href="mailto:'.$bestem.'"><img src="/we3/referenzen/pics/em.gif" " style="position: relative; bottom: -7px; left: -10px;"></a>';
} else {
$content .= '<img src="/we3/referenzen/pics/emclear.gif" style="position: relative; bottom: -7px;">';
}

return $content;

Dazu die Suche:
passend zum Thread https://forum.wbce.org/viewtopic.php?id=2436

<div class="search" align="left">
<form action="/we3/pages/referenzen.php/" method="post">
    <p>&nbsp;</p>
    <h3><label>Referenz-Suche: <input class="inputbox" type="text" id="sstring" name="sstring" value="Suche..." onclick="this.value=''" /></label></h3>
</form>
</div>
<h2>&nbsp;</h2>

Offline

Liked by:

ice

#33 13.11.2018 18:46:20

better-work
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ich würde itemz gerne missbrauchen wollen.
Und zwar soll jeweils links ein kleines Vorschaubild stehen, das verlinkt ist, und rechts ein kurzer Text mit einem Link auf eine Unterseite mit Bildern. (RFG)

Das Ganze wiederholt sich dann und soll auch selbst erweitert werden können.
Ich benötige also in itemz keine Unterseiten und kein Weiterlesen, etc, da es ja verlinkt werden soll auf die jeweilige Unterseite mit Bildern.

Im Prinzip also eine Linkliste mit jeweiligem Vorschaubild.
Das Ganze soll so einfach wie möglich aufgebaut sein, damit der Kunde das Ganze dann später selbst pflegen kann.

Wer erstellt mir so etwas?? (Gerne gegen Entgelt, versteht sich)


Gruß Jörg

Offline

#34 13.11.2018 18:54:16

grindbatzn
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Das ist ja eigentlich eine recht einfache Sache.
Alles was du zunächst brauchst, ist ein Stückchen funktionierendes HTML, das 1 Eintrag (Item) darstellt.

Offline

#35 13.11.2018 20:01:05

bernd
Developer

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Das Team-Preset hat da doch schon (fast) alles was du brauchst:
Einfach die "Short" Felder die du nicht benötigst weg lassen und das "Link to Page_ID" aktivieren für die Verlinkung auf die Unterseiten.
Und dann halt das HTML für's Item so formatieren wie du's brauchst ...


2 x ROT13 hält besser ...

Online

#36 13.11.2018 20:53:10

better-work
Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

@grindbatzn
Na, ja, wenn man genau weiß wie es geht ;-)

@bernd
Gute Idee, Danke das werde ich mir mal genau ansehen.


Gruß Jörg

Offline

Board footer

Powered by FluxBB

up