WBCE CMS – Way Better Content Editing.
You are not logged in.
Jepp! Das ist geil!
Das wäre aber eher was für die responsiveGallery. VIelleicht als zNip
byteworker
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).
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
creativecat webdesign - loupSlider https://creativecat.de/pages/goodies/mo … slider.php
Den gibt es auch noch. Hatte ich zu genau dem Zweck im Einsatz.
Offline
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.
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
byteworker
Ein Preset für eine Linkliste, ähnlich menu-card wäre schön ... ;-)
Offline
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
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] <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> </p>
<h3><label>Referenz-Suche: <input class="inputbox" type="text" id="sstring" name="sstring" value="Suche..." onclick="this.value=''" /></label></h3>
</form>
</div>
<h2> </h2>
Offline
ice
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
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.
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 $ ...
Offline
@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