WBCE CMS Forum

grindbatzn

Gast

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

florian

Administrator

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).

---

Code allein macht nicht glücklich. Jetzt spenden!

byteworker

Mitglied

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.

---

= Templates für WBCE

florian

Administrator

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.

---

Code allein macht nicht glücklich. Jetzt spenden!

ice

Mitglied

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

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

berny

Mitglied

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

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.....

berny

Mitglied

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>

better-work

Mitglied

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

grindbatzn

Gast

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.

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 ...

---

... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

better-work

Mitglied

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