Video: Tabelle konfigurieren

6. Juni 2019Stefan OttVideo-Tutorials

</p> </div><div id="eckb-article-content-footer"><div class="eckb-article-content-footer__article-meta"><div class="eckb-ach__article-meta__date-updated"><span class="eckb-ach__article-meta__date-updated__text">Letztes Update</span><span class="eckb-ach__article-meta__date-updated__date"><time class="entry-date" datetime="2020-11-20T12:28:06+01:00">20. November 2020</time></span></div></div> <style id="epkb-article-navigation-styles" type="text/css"> #eckb-article-content-footer .epkb-article-navigation-container a { background-color: #f7f7f7; color: #486c4b; } #eckb-article-content-footer .epkb-article-navigation-container a:hover { background-color: #dee3e5; color: #d1d1d1; } </style> <div class="epkb-article-navigation-container "> <div class="epkb-article-navigation__previous"> <a href="https://wiki.revierwelt.de/index.php/knowledge-base/reviergrenze-bearbeiten-2/" > <span class="epkb-article-navigation__label">Zurück</span> <span title="Video: Reviergrenze bearbeiten" class="epkb-article-navigation-article__title"> <span class="epkb-article-navigation__previous__icon epkbfa ep_font_icon_document"></span> Video: Reviergrenze bearbeiten </span> </a> </div> <div class="epkb-article-navigation__next"> <a href="https://wiki.revierwelt.de/index.php/knowledge-base/wildkamera-doerr-snapshot-am-pc-konfigurieren/" > <span class="epkb-article-navigation__label">Weiter</span> <span title="Wildkamera Dörr Snapshot am PC konfigurieren" class="epkb-article-navigation-article__title"> Wildkamera Dörr Snapshot am PC konfigurieren <span class="epkb-article-navigation__next__icon epkbfa ep_font_icon_document"></span> </span> </a> </div> </div> </div> </div> <div id="eckb-article-right-sidebar"></div> </div> <div id="eckb-article-footer"></div> </div> </div></section> </main> </div> </div> </div> <footer class="l-footer" itemscope itemtype="https://schema.org/WPFooter"> <section class="l-section wpb_row height_small color_footer-bottom align_center_xs"><div class="l-section-h i-cf"><div class="g-cols vc_row type_default valign_top"><div class="vc_col-sm-12 wpb_column vc_column_container"><div class="vc_column-inner"><div class="wpb_wrapper"> <div class="wpb_text_column "> <div class="wpb_wrapper"> <p style="text-align: center;">© 2019 Revierwelt Media GmbH. Alle Rechte vorbehalten.</p> </div> </div> </div></div></div></div></div></section> </footer> <a class="w-toplink pos_right" href="#" title="Zurück nach oben" aria-hidden="true"></a> <a class="w-header-show" href="javascript:void(0);"><span>Menü</span></a> <div class="w-header-overlay"></div> <script type="text/javascript"> // Store some global theme options used in JS if (window.$us === undefined) window.$us = {}; $us.canvasOptions = ($us.canvasOptions || {}); $us.canvasOptions.disableEffectsWidth = 900; $us.canvasOptions.responsive = true; $us.canvasOptions.backToTopDisplay = 100; $us.langOptions = ($us.langOptions || {}); $us.langOptions.magnificPopup = ($us.langOptions.magnificPopup || {}); $us.langOptions.magnificPopup.tPrev = 'Zurück (linke Cursortaste)'; $us.langOptions.magnificPopup.tNext = 'Weiter (rechte Cursortaste)'; $us.langOptions.magnificPopup.tCounter = '%curr% von %total%'; $us.navOptions = ($us.navOptions || {}); $us.navOptions.mobileWidth = 1000; $us.navOptions.togglable = true; $us.ajaxLoadJs = true; $us.templateDirectoryUri = 'https://wiki.revierwelt.de/wp-content/themes/Zephyr'; </script> <script type="text/javascript">$us.headerSettings = {"default":{"options":{"breakpoint":900,"orientation":"hor","sticky":true,"scroll_breakpoint":100,"transparent":"0","width":"300","elm_align":"center","top_show":1,"top_height":"40","top_sticky_height":"0","top_fullwidth":"0","middle_height":"100","middle_sticky_height":"50","middle_fullwidth":"0","elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bgimage_wrapper_end":"","bottom_show":0,"bottom_height":"40","bottom_sticky_height":"40","bottom_fullwidth":"0"},"layout":{"top_left":["text:3","text:1"],"top_center":[],"top_right":["text:4"],"middle_left":["image:2"],"middle_center":[],"middle_right":["menu:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["image:1","dropdown:1"]}},"tablets":{"options":{"breakpoint":900,"orientation":"hor","sticky":true,"scroll_breakpoint":100,"transparent":0,"width":300,"elm_align":"center","top_show":1,"top_height":40,"top_sticky_height":0,"top_fullwidth":0,"middle_height":80,"middle_sticky_height":60,"middle_fullwidth":0,"elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bgimage_wrapper_end":"","bottom_show":0,"bottom_height":50,"bottom_sticky_height":50,"bottom_fullwidth":0},"layout":{"top_left":["text:3","text:1"],"top_center":[],"top_right":["text:4"],"middle_left":["image:2"],"middle_center":[],"middle_right":["menu:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["dropdown:1","image:1"]}},"mobiles":{"options":{"breakpoint":600,"orientation":"hor","sticky":true,"scroll_breakpoint":50,"transparent":0,"width":300,"elm_align":"center","top_show":"0","top_height":40,"top_sticky_height":0,"top_fullwidth":0,"middle_height":50,"middle_sticky_height":50,"middle_fullwidth":0,"elm_valign":"top","bg_img":"","bg_img_wrapper_start":"","bg_img_size":"cover","bg_img_repeat":"repeat","bg_img_position":"top left","bg_img_attachment":1,"bgimage_wrapper_end":"","bottom_show":0,"bottom_height":50,"bottom_sticky_height":50,"bottom_fullwidth":0},"layout":{"top_left":["text:3","text:1"],"top_center":[],"top_right":["text:4"],"middle_left":["image:2"],"middle_center":[],"middle_right":["menu:1"],"bottom_left":[],"bottom_center":[],"bottom_right":[],"hidden":["image:1","dropdown:1"]}}};</script>  <script type="text/javascript"> var _paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//analytics.revierwelt.de/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <script type='text/javascript' src='https://wiki.revierwelt.de/wp-content/themes/Zephyr/framework/js/us.core.min.js?ver=4.10.2' id='us-core-js'></script> <script type='text/javascript' src='https://wiki.revierwelt.de/wp-includes/js/wp-embed.min.js?ver=5.6' id='wp-embed-js'></script> <script type="text/javascript"> /* Zephyr elements customizations */ // w-search !function($){ "use strict"; $.fn.wSearch = function(){ return this.each(function(){ var $container = $(this), $form = $container.find('.w-search-form'), $btnOpen = $container.find('.w-search-open'), $btnClose = $container.find('.w-search-close'), $input = $form.find('[name="s"]'), $overlay = $container.find('.w-search-background'), $window = $(window), searchOverlayInitRadius = 25, showHideTimer = null, isFullScreen = $container.hasClass('layout_fullscreen'), searchHide = function(){ $container.removeClass('active'); $input.blur(); if (isFullScreen) { $form.css({ '-webkit-transition': 'opacity 0.4s', transition: 'opacity 0.4s' }); window.setTimeout(function(){ $overlay .removeClass('overlay-on') .addClass('overlay-out') .css({ '-webkit-transform': 'scale(0.1)', 'transform': 'scale(0.1)' }); $form.css('opacity', 0); clearTimeout(showHideTimer); showHideTimer = window.setTimeout(function(){ $form.css('display', 'none'); $overlay.css('display', 'none'); }, 700); }, 25); } }; // Handling virtual keyboards at touch devices if (isFullScreen && jQuery.isMobile) { $input .on('focus', function(){ // Transforming hex to rgba var originalColor = $overlay.css('background-color'), overlayOpacity = $overlay.css('opacity'), matches; // RGB Format if (matches = /^rgb$(\d+), (\d+), (\d+)$$/.exec(originalColor)) { $form.css('background-color', "rgba(" + parseInt(matches[1]) + "," + parseInt(matches[2]) + "," + parseInt(matches[3]) + ", " + overlayOpacity + ")"); } // Hex format else if (matches = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/.exec(originalColor)) { $form.css('background-color', "rgba(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + ", " + overlayOpacity + ")"); } // Fault tolerance else { $form.css('background-color', originalColor); } $overlay.addClass('mobilefocus'); }) .on('blur', function(){ $overlay.removeClass('mobilefocus'); $form.css('background-color', 'transparent'); }); } $btnOpen.click(function(){ $container.addClass('active'); if (isFullScreen) { var searchPos = $btnOpen.offset(), searchWidth = $btnOpen.width(), searchHeight = $btnOpen.height(); // Preserving scroll position searchPos.top -= $window.scrollTop(); searchPos.left -= $window.scrollLeft(); var overlayX = searchPos.left + searchWidth / 2, overlayY = searchPos.top + searchHeight / 2, winWidth = $us.canvas.winWidth, winHeight = $us.canvas.winHeight, // Counting distance to the nearest screen corner overlayRadius = Math.sqrt(Math.pow(Math.max(winWidth - overlayX, overlayX), 2) + Math.pow(Math.max(winHeight - overlayY, overlayY), 2)), overlayScale = (overlayRadius + 15) / searchOverlayInitRadius; $overlay.css({ width: searchOverlayInitRadius * 2, height: searchOverlayInitRadius * 2, left: overlayX, top: overlayY, "margin-left": -searchOverlayInitRadius, "margin-top": -searchOverlayInitRadius }); $overlay .removeClass('overlay-out') .show(); $form.css({ opacity: 0, display: 'block', '-webkit-transition': 'opacity 0.4s 0.3s', transition: 'opacity 0.4s 0.3s' }); window.setTimeout(function(){ $overlay .addClass('overlay-on') .css({ "-webkit-transform": "scale(" + overlayScale + ")", "transform": "scale(" + overlayScale + ")" }); $form.css('opacity', 1); clearInterval(showHideTimer); showHideTimer = window.setTimeout(function(){ $input.focus(); }, 700); }, 25); } else { showHideTimer = window.setTimeout(function(){ $input.focus(); }, 700); } }); $input.keyup(function(e){ if (e.keyCode == 27) searchHide(); }); $btnClose.on('click touchstart', searchHide); }); }; $(function(){ jQuery('.l-header .w-search').wSearch(); }); }(jQuery); // w-tabs !function($){ // Extending some of the methods for material design animations $us.WTabs.prototype._init = $us.WTabs.prototype.init; $us.WTabs.prototype.init = function(container, options){ this.$tabsBar = $(); this.curTabWidth = 0; this.tabHeights = []; this.tabTops = []; this._init(container, options); }; $us.WTabs.prototype._cleanUpLayout = $us.WTabs.prototype.cleanUpLayout; $us.WTabs.prototype.cleanUpLayout = function(from){ this._cleanUpLayout(from); if (from == 'default' || from == 'ver') { this.$tabsBar.remove(); } }; $us.WTabs.prototype._prepareLayout = $us.WTabs.prototype.prepareLayout; $us.WTabs.prototype.prepareLayout = function(to){ this._prepareLayout(to); if (to == 'default' || to == 'ver') { this.$tabsBar = $('<div class="w-tabs-list-bar"></div>').appendTo(this.$tabsList); } }; $us.WTabs.prototype._measure = $us.WTabs.prototype.measure; $us.WTabs.prototype.measure = function(){ this._measure(); if (this.basicLayout == 'default') { this.minWidth = Math.max.apply(this, this.tabWidths) * this.count; this.curTabWidth = this.tabs[0].outerWidth(true); } else if (this.basicLayout == 'ver') { this.tabHeights = []; for (var index = 0; index < this.tabs.length; index++) { this.tabHeights.push(this.tabs[index].outerHeight(true)); this.tabTops.push(index ? (this.tabTops[index - 1] + this.tabHeights[index - 1]) : 0); } } }; // Counts bar position for certain element index and current layout $us.WTabs.prototype.barPosition = function(index){ if (this.curLayout == 'default') { var barStartOffset = this.curTabWidth * index, barEndOffset = this.curTabWidth * (this.count - index - 1); return { left: this.isRtl ? barEndOffset : barStartOffset, right: this.isRtl ? barStartOffset : barEndOffset }; } else if (this.curLayout == 'ver') { return { top: this.tabTops[index], height: this.tabHeights[index] }; } else { return {}; } }; $us.WTabs.prototype._openSection = $us.WTabs.prototype.openSection; $us.WTabs.prototype.openSection = function(index){ this._openSection(index); if (this.curLayout == 'default' || this.curLayout == 'ver' || this.curLayout == 'modern' || this.curLayout == 'trendy') { this.$tabsBar.performCSSTransition(this.barPosition(index), this.options.duration, null, this.options.easing); } }; $us.WTabs.prototype._resize = $us.WTabs.prototype.resize; $us.WTabs.prototype.resize = function(){ this._resize(); if (this.curLayout == 'default' || this.curLayout == 'ver' || this.curLayout == 'modern' || this.curLayout == 'trendy') { this.$tabsBar.css(this.barPosition(this.active[0]), this.options.duration, null, this.options.easing); } }; jQuery('.w-tabs').wTabs(); }(jQuery); // w-blog !function($){ // TODO Make proper reveal grid animation for "load more" $us.WBlog.prototype.beforeAppendItems = function($items){ //this.$list.addClass('animate_revealgrid'); //$items.addClass('animate_reveal'); }; $us.WBlog.prototype.afterAppendItems = function($items){ //$items.revealGridMD(); }; $(function(){ $('.w-blog').wBlog(); }); }(jQuery); // w-portfolio jQuery(function($){ // TODO Make proper reveal grid animation for "load more" $us.WPortfolio.prototype.itemLoaded = function(itemID){ if (this.$container.hasClass('animate_revealgrid')) { this.items[itemID].usMod('animate', false).css('opacity', 0); } }; $us.WPortfolio.prototype.itemsLoaded = function($items){ if (this.$container.hasClass('animate_revealgrid')) { $items.revealGridMD(); } }; $('.w-portfolio').wPortfolio(); }); // Fixing contact form 7 semantics, when requested jQuery('.wpcf7').each(function(){ var $form = jQuery(this); // Removing wrong newlines $form.find('br').remove(); // Fixing quiz layout $form.find('.w-form-row .wpcf7-quiz').each(function(){ var $input = jQuery(this), $row = $input.closest('.w-form-row'), $field = $row.find('.w-form-row-field:first'), $label = $row.find('.wpcf7-quiz-label'); $label.insertBefore($field).attr('class', 'w-form-row-label'); $input.unwrap(); }); // Removing excess wrappers $form.find('.w-form-row-field > .wpcf7-form-control-wrap > .wpcf7-form-control').each(function(){ var $input = jQuery(this); if (($input.attr('type') || '').match(/^(text|email|url|tel|number|date|quiz|captcha)$/) || $input.is('textarea')) { // Moving wrapper classes to .w-form-field, and removing the span wrapper var wrapperClasses = $input.parent().get(0).className; $input.unwrap(); $input.parent().get(0).className += ' ' + wrapperClasses; } }); // Transforming submit button $form.find('.w-form-row-field > .wpcf7-submit').each(function(){ var $input = jQuery(this), classes = $input.attr('class').split(' '), value = $input.attr('value') || ''; $input.siblings('p').remove(); if (jQuery.inArray('w-btn', classes) == -1) { classes.push('w-btn'); } var buttonHtml = '<button id="message_send" class="' + classes.join(' ') + '">' + '<div class="g-preloader"></div>' + '<span class="w-btn-label">' + value + '</span>' + '<span class="ripple-container"></span>' + '</button>'; $input.replaceWith(buttonHtml); }); // Adjusting proper wrapper for select controller $form.find('.wpcf7-form-control-wrap > select').each(function(){ var $select = jQuery(this); if (!$select.attr('multiple')) $select.parent().addClass('type_select'); }); jQuery('<span class="w-form-row-field-bar"></span>').appendTo($form.find('.wpcf7-form-control-wrap')); $form.on('mailsent.wpcf7', function(){ $form.find('.w-form-row.not-empty').removeClass('not-empty'); }); }); // Zephyr special Material Design animations jQuery(function($){ "use strict"; /** * Material Design Ripples */ var $body = document.body || document.documentElement, $bodyStyle = $body.style, isTransitionsSupported = $bodyStyle.transition !== undefined || $bodyStyle.WebkitTransition !== undefined; var removeRipple = function($ripple){ $ripple.off(); if (isTransitionsSupported) { $ripple.addClass("ripple-out"); } else { $ripple.animate({ "opacity": 0 }, 100, function(){ $ripple.trigger("transitionend"); }); } $ripple.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){ $ripple.remove(); }); }; $.fn.mdRipple = function(){ return this.each(function(){ var $element = $(this), $container, containerOffset, startTimer = null; if (!$element.find('.ripple-container').length) { $element.append('<span class="ripple-container"></span>'); } $container = $element.find(".ripple-container"); // Storing last touch event for touchEnd coordinates var lastTouch = null; if ($.isMobile) { $element.on('touchstart touchmove', function(e){ e = e.originalEvent; if (e.touches.length === 1) { lastTouch = e.touches[0]; } }); } $element.on($.isMobile ? 'touchend' : 'mouseup', function(e){ var offsetLeft, offsetTop, offsetRight, $ripple = $('<span class="ripple"></span>'), rippleSize = Math.max($element.outerWidth(), $element.outerHeight()) / Math.max(20, $ripple.outerWidth()) * 2.5; containerOffset = $container.offset(); // get pointer position if (!$.isMobile) { offsetLeft = e.pageX - containerOffset.left; offsetTop = e.pageY - containerOffset.top; } else if (lastTouch !== null) { offsetLeft = lastTouch.pageX - containerOffset.left; offsetTop = lastTouch.pageY - containerOffset.top; lastTouch = null; } else { return; } if ($('body').hasClass('rtl')) { offsetRight = $container.width() - offsetLeft; $ripple.css({right: offsetRight, top: offsetTop}); } else { $ripple.css({left: offsetLeft, top: offsetTop}); } (function(){ return window.getComputedStyle($ripple[0]).opacity; })(); $container.append($ripple); startTimer = setTimeout(function(){ $ripple.css({ "-webkit-transform": "scale(" + rippleSize + ")", "transform": "scale(" + rippleSize + ")" }); $ripple.addClass('ripple-on'); $ripple.data('animating', 'on'); $ripple.data('mousedown', 'on'); }, 25); setTimeout(function(){ $ripple.data('animating', 'off'); removeRipple($ripple); }, 700); }); }); }; // Initialize MD Ripples jQuery('.w-btn, .w-nav-anchor, .w-portfolio-item-anchor, .w-tabs-item, .w-gallery-item, .g-filters-item, a > .w-blog-post-preview, .w-person.layout_card .w-person-image a, .w-iconbox.style_circle a .w-iconbox-icon, .cl-btn').mdRipple(); /** * Material Design Reveal Grid: Show grid items with hierarchical timing * @param {Function} onFinish Function to call when the overall grid is revealed */ $.fn.revealGridMD = function(onFinish){ var items = $(this), shown = false, isRTL = $('.l-body').hasClass('rtl'); if (items.length == 0) return; var countSz = function(){ // The vector between the first item and the opposite x/y var mx = isRTL ? 100000 : 0, my = 0; // Retrieving items positions var sz = items.map(function(){ var $this = jQuery(this), pos = $this.position(); pos.width = $this.width(); pos.height = $this.height(); // Center point pos.cx = pos.left + parseInt(pos.width / 2); pos.cy = pos.top + parseInt(pos.height / 2); mx = Math[isRTL ? 'min' : 'max'](mx, pos.cx); my = Math.max(my, pos.cy); return pos; }); var wx = mx - sz[0].cx, wy = my - sz[0].cy, wlen = Math.abs(wx * wx + wy * wy); // Counting projection lengths for (var i = 0; i < sz.length; i++) { // Counting vector to this item var vx = sz[i].cx - sz[0].cx, vy = sz[i].cy - sz[0].cy; sz[i].delta = (vx * wx + vy * wy) / wlen; } return sz; }; var sz = countSz(); items.css('opacity', 0).each(function(i, item){ var $item = $(item); $item.performCSSTransition({ opacity: 1 }, 400, function(){ $item.removeClass('animate_reveal'); if (onFinish && typeof onFinish == 'function' && i == items.length - 1) onFinish(); }, null, 750 * sz[i].delta); }); }; $('.animate_revealgrid').each(function(){ $us.scroll.addWaypoint($(this), '15%', function($elm){ var $items = $elm.find('.animate_reveal'); if ($us.$body.hasClass('disable_effects')) return $items.removeClass('animate_reveal'); $items.revealGridMD(function(){ // Compatibility with isotope if (!$.fn.isotope) return; var isotope = $items.parent().data('isotope'); if (isotope) { $.each(isotope.items, function(index, item){ item.disableTransition(); }); } }); }); }); }); </script><link rel="stylesheet" type="text/css" href="/wp-content/themes/Zephyr/css/icons/icomoon/styles.css"> <link rel="stylesheet" type="text/css" href="/wp-content/themes/Zephyr/css/icons/fontawesome/styles.min.css"> <link rel="stylesheet" type="text/css" href="/wp-content/themes/Zephyr/css/icons/glyphicons/css/bootstrap.min.css"></body> </html>