CINXE.COM

<!DOCTYPE html> <html class="navstyle_left"> <head> <base href="https://cbsm.at/"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"><link rel="chapter" href="./" title="[b]CBSM[/b]"><link rel="chapter" href="ref.html" title="im Einsatz..."><link rel="chapter" href="tour/" title="Tour"><link rel="appendix" href="/login/" title="Login"><link rel="appendix" href="/?d=u&m=l&f.l=o" title="Online-Benutzerliste"><link rel="appendix" href="/?d=u&m=l&f.l=r&f.o=lp" title="Liste der registrierten Benutzer"><link rel="appendix" href="/?d=d&m=p" title="Benutzerregeln & Website-Informationen"> <title>CBSM: Tour</title> <style type="text/css">html { height: 100%; background-color: #FFFFFF; } body { display: grid; grid-template-areas: "nav main user"; grid-template-columns: 10em 1fr 10em; min-height: 100%; border: 0px solid transparent; margin: 0; background-color: #FCFFFF; color: #000000; font-family: sans-serif; } html.navstyle_left > body { grid-template-areas: "nav main" "user main"; grid-template-columns: 12em 1fr; grid-template-rows: min-content minmax(min-content, 1fr); } body.plain { display: block; border: 0px solid transparent; margin: 0.2em; min-height: 0; height: auto; } a:link { color: #0000EE; } a:visited { color: #551A8B; } a:hover, a:active { color: #8080FF; } .pgblock { background-color: #3333CC; color: #EEEEFF; } .pgblock a:link { color: #CCCCFF; } .pgblock a:visited { color: #CCAAFF; } .pgblock a:hover, a:active { color: #AAAAFF; } #nav { grid-area: nav; border-right: 1px solid transparent; padding: 0 1em; overflow: hidden; } #nav > .logolink { margin-top: 1em; display: block; } .logo { max-width: 7em; } #user { grid-area: user; border-left: 1px solid transparent; padding: 0 1em; overflow: hidden; } #mainContent { grid-area: main; padding: 1em; overflow-x: auto; overflow-y: visible; border: none; } ul.navmenu { list-style-type: none; margin: 1em 0; padding: 0; } ul.navmenu li { margin: 0 0 0.2em 0; padding: 0; } ul.navmenu li.lvl1 { margin-left: 0.5em; } ul.navmenu li.lvl2 { margin-left: 1em; } ul.navmenu li.lvl3 { margin-left: 1.5em; } ul.navmenu li.lvl4 { margin-left: 2em; } div.sysnotes { margin-bottom: 1em; padding: 0.5em; border: 1px solid transparent; background-color: #FFF0F0; color: #000000; } div.sysnotes p { margin: 0.5em 0; } div.banner { text-align: center; } #admincontrols { text-align: right; font-size: 0.75em; font-style: italic; padding: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; border: 1px solid transparent; } #debug { margin-top: 0.5em; margin-bottom: 0.5em; background-color: #CCCCCC; color: red; } div.usection { margin-top: 2em; font-size: 0.75em; } #login { margin-top: 1em; } div.usection input.login { width: 100%; font-size: 0.9em; } div.usection input.loginbutton { font-size: 0.9em; } #msgbox { } html.navstyle_left #msgbox { margin-top: 0; } #userCounts { } #birthdays { } #formal { } dialog { left: 10%; top: 1em; height: calc(100% - 2em); width: 80%; margin: 0; padding: 0; border: 0px solid transparent; background: #FCFFFF; color: #000000; } ::backdrop { background: #FFFFFF; opacity: 0.75; } dialog .dialogbutton { background: transparent; color: #0000EE; border: 0; margin: 0; padding: 0 1ch; outline-offset: -2px; } dialog .dialogbutton:hover { background: #3333CC; color: #CCCCFF; } @media screen and (max-width: 550px) { html.navstyle_twin > body, html.navstyle_left > body, html.navstyle_top > body { grid-template-areas: "header" "nav" "user" "main"; grid-template-columns: 1fr; grid-template-rows: repeat(4, min-content); } header.mobile { grid-area: header; display: flex; flex-direction: row; padding: 1em; } header.mobile > .mobiletitle { flex-grow: 1; } header.mobile .logo { max-height: 3em; } header.mobile button { font-size: 3em; background: transparent; color: #CCCCFF; border: 0; margin: -.3em 0 0; padding: 0; display: inline-block; } header.mobile button:hover { color: #AAAAFF; } header.mobile button[aria-expanded="false"]::before { content: '≡'; } header.mobile button[aria-expanded="true"]::before { content: '☓'; } #nav { padding: 0 1em 1em; border-right: none; border-bottom: 1px solid transparent; overflow: visible; } #user { padding: 0 1em 1em; border-left: none; border-bottom: 1px solid transparent; overflow: visible; } #mainContent { overflow: visible; } ul.navmenu, ul.navmenu:first-child { margin-top: 0; } ul.navmenu:last-child { margin-bottom: 0; } div#login { margin-top: 0; } .nonmobile, #nav > .nonmobile { display: none; } .mobilehidden { display: none; } } @media screen and not (max-width: 550px) { .mobile { display: none; } } @media print { html { height: auto; } body { height: auto; display: block; } header, nav { display: none; } tr, td { break-inside: avoid; } #admincontrols { display: none; } #debug { display: none; } .contentnav { display: none; } } h1 { font-size: 1.6em; font-weight: bold; margin: 0.5em 0em; color: #000000; } h2 { font-size: 1.3em; font-weight: bold; margin: 0.5em 0em; color: #000000; } h3 { font-size: 1.1em; font-weight: bold; margin: 0.5em 0em; color: #000000; } h4 { font-size: 1em; font-weight: bold; margin: 0.5em 0em; color: #000000; } h5 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0.5em 0em; color: #000000; } #mainContent > h1:first-child, #mainContent > h2:first-child, #mainContent > h3:first-child, #mainContent > h4:first-child, #mainContent > h5:first-child, #mainContent > p:first-child { margin-top: 0em; } strong, .strong, em, .em { font-weight: bold; color: #000000; } .dis { color: #808080; font-size: 0.85em; } th { font-weight: bold; font-size: 0.75em; color: #000000; } table.border { border-spacing: 0px; border-collapse: collapse; empty-cells: show; border-left: 1px solid #9999CC; border-top: 1px solid #9999CC; } table.widetbl { width: calc(100% - 2px); border-spacing: 0px; border-collapse: collapse; empty-cells: show; border-left: 1px solid #9999CC; border-top: 1px solid #9999CC; } table.widetbl th, table.widetbl td, table.border th, table.border td { border-bottom: 1px solid #9999CC; border-right: 1px solid #9999CC; } table.border td { padding-left: 3px; padding-right: 3px; } .moreDetailsMarker { position: relative; } .moreDetailsMarker::after { content: ""; display: block; width: 0; height: 0; position: absolute; right: 0; bottom: 0; border-left: 0.5em solid transparent; border-bottom: 0.5em solid #9999CC; } img { border: 0px; } img.icon { vertical-align: bottom; } .icon.inline { vertical-align: middle; } img.bb { max-width: 400px; } ul, ol { padding-left: 2em; } ul.flatlist { list-style-type: none; margin: 0em; padding: 0px; } ul.flatlist li { margin: 0 0 0.2em 0; padding: 0px; } ul.flatlist.fullflat li { margin: 0; } .wide { width: 100%; } .small { font-size: 0.75em; } .warn { color: red; } p.pages { } p.pages .pagenum { } p.pages .pagenum.curpage, p.pages #curpage { font-weight: bold; color: #000000; } .help { font-size: 0.75em; font-style: italic; } p.flat { border: 0px; margin: 0px; padding: 0px; } form.flat { border: 0px; margin: 0px; padding: 0px; } fieldset { border: 1px solid #9999CC; margin: 0; padding: 0.5em; } fieldset legend { font-size: 0.75em; font-style: italic; } div.tabbar { margin-top: 0.5em; } div.tabbar.simple { margin: 1em 0; border-bottom: 1px solid #9999CC; line-height: calc(1em + 3px); } div.tabbar input { visibility: hidden; height: 0.5em; } div.tabbar label { padding-right: 2em; } div.tabbar a.label, span.label { padding: 0 2em; color: inherit; text-decoration: inherit; } div.tabbar span.pre, div.tabbar span.tab, div.tabbar span.post { border-width: 1px 1px 1px 0px; border-color: #9999CC; border-style: solid; } div.tabbar span.pre { border-top-color: #FCFFFF; } div.tabbar span.post { border-width: 0px 0px 1px 0px; } div.tabbar span.tab { background-color: #dbdddd; color: #808080; } div.tabbar span.tab:hover { background-color: #7fff7f; color: #000000; } div.tabbar span.tab.active, div.tabbar span.tab.active:hover { font-weight: bold; background-color: #3333CC; color: #EEEEFF; border-bottom-color: #3333CC; } div.tabpanes { border: 1px solid #9999CC; } div.tabpane { padding: 0.5em; } div.quote { margin: 0.3em 1em; } div.quote_title { font-size: 0.75em; font-weight: bold; } div.quote_inner { background-color: #F0F0FF; color: #000000; border: 1px solid transparent; padding: 0.2em; } textarea.fullwidth { width: calc(100% - 5px); } input[type="number"] { text-align: right; } li > input[type="radio"]:first-child { margin-inline-start: 0; } input:invalid { box-shadow: 0 0 2px 1px red; } .hidden { display: none; } .loginabutton { display: inline-block; position: relative; overflow: hidden; background-color: #F0F0FF; color: #0000EE; border-radius: 3px; padding: 5px 10px 5px 25px; /*font-size: 12px;*/ } .loginabutton:link, .loginabutton:visited, .pgblock .loginabutton:link, .pgblock .loginabutton:visited { color: #0000EE; } .loginabutton:hover, .loginabutton:active, .pgblock .loginabutton:hover, .pgblock .loginabutton:active { background-color: #F0F0FF; color: #8080FF; } .loginabutton > span { display: inline-block; padding-left: 30px; font-weight: bold; } .loginabutton::before { content: ''; display: inline-block; width: 20px; height: 20px; background-color: #dbdddd; position: absolute; top: 50%; margin-top: -10px; -ms-transform: rotate(45deg); /* For IE9, IE10 supports non-prefixed version */ transform: rotate(45deg); } .loginabutton:after { /* :after is supported in IE8, ::after needs IE9+ */ content: ''; display: inline-block; position: absolute; left: 0; width: 25px; height: 20px; padding: 5px; /* gets added 2x to above width/height! */ top: 50%; margin-top: -15px; background-repeat: no-repeat; background-color: #dbdddd; background-position-y: center; background-position-x: 2px; } .loginabutton.kairologin:after { background-image: url("?d=u&p=logintype-KaiRo"); } .loginabutton.githublogin:after { content: 'GH'; font-size: 20px; } /* Link body */ .persona-button{ color: #fff; display: inline-block; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.1; overflow: hidden; position: relative; text-decoration: none; text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2); background: #297dc3; background: -moz-linear-gradient(top, #43a6e2, #287cc2); background: -ms-linear-gradient(top, #43a6e2, #287cc2); background: -o-linear-gradient(top, #43a6e2, #287cc2); background: -webkit-linear-gradient(top, #43a6e2, #287cc2); background: linear-gradient(top, #43a6e2, #287cc2); -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.2); } .persona-button:hover{ background: #21669f; background: -moz-linear-gradient(top, #3788b9, #21669f); background: -ms-linear-gradient(top, #3788b9, #21669f); background: -o-linear-gradient(top, #3788b9, #21669f); background: -webkit-linear-gradient(top, #3788b9, #21669f); background: linear-gradient(top, #3788b9, #21669f); } .persona-button:active, .persona-button:focus{ top: 1px; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .persona-button span{ display: inline-block; padding: 5px 10px 5px 40px; } /* Icon */ .persona-button span:after{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat; content: ''; display: block; width: 31px; position: absolute; bottom: 0; left: -3px; top: 0; z-index: 10; } /* Icon background */ .persona-button span:before{ content: ''; display: block; height: 100%; width: 20px; position: absolute; bottom: 0; left: 0; top: 0; z-index: 1; background: #42a9dd; background: -moz-linear-gradient(top, #50b8e8, #3095ce); background: -ms-linear-gradient(top, #50b8e8, #3095ce); background: -o-linear-gradient(top, #50b8e8, #3095ce); background: -webkit-linear-gradient(top, #50b8e8, #3095ce); background: linear-gradient(top, #50b8e8, #3095ce); -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* Triangle */ .persona-button:before{ background: #42a9dd; content: ''; display: block; height: 26px; width: 26px; position: absolute; left: 2px; top: 50%; margin-top: -13px; z-index: 0; background: -moz-linear-gradient(-45deg, #50b8e8, #3095ce); background: -ms-linear-gradient(-45deg, #50b8e8, #3095ce); background: -o-linear-gradient(-45deg, #50b8e8, #3095ce); background: -webkit-linear-gradient(-45deg, #50b8e8, #3095ce); background: linear-gradient(-45deg, #3095ce, #50b8e8); /* flipped for updated spec */ -moz-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -ms-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -o-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,0.1); box-shadow: 1px -1px 1px rgba(0,0,0,0.1); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* Inset shadow (required here because the icon background clips it when on the `a` element) */ .persona-button:after{ content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); -ms-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); -o-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3); } /* ======================================================== * Dark button * ===================================================== */ .persona-button.dark{ background: #3c3c3c; background: -moz-linear-gradient(top, #606060, #3c3c3c); background: -ms-linear-gradient(top, #606060, #3c3c3c); background: -o-linear-gradient(top, #606060, #3c3c3c); background: -webkit-linear-gradient(top, #606060, #3c3c3c); background: linear-gradient(top, #606060, #3c3c3c); } .persona-button.dark:hover{ background: #2d2d2d; background: -moz-linear-gradient(top, #484848, #2d2d2d); background: -ms-linear-gradient(top, #484848, #2d2d2d); background: -o-linear-gradient(top, #484848, #2d2d2d); background: -webkit-linear-gradient(top, #484848, #2d2d2d); background: linear-gradient(top, #484848, #2d2d2d); } .persona-button.dark span:before{ /* Icon BG */ background: #d34f2d; background: -moz-linear-gradient(top, #ebac45, #d34f2d); background: -ms-linear-gradient(top, #ebac45, #d34f2d); background: -o-linear-gradient(top, #ebac45, #d34f2d); background: -webkit-linear-gradient(top, #ebac45, #d34f2d); background: linear-gradient(top, #ebac45, #d34f2d); } .persona-button.dark:before{ /* Triangle */ background: #d34f2d; background: -moz-linear-gradient(-45deg, #ebac45, #d34f2d); background: -ms-linear-gradient(-45deg, #ebac45, #d34f2d); background: -o-linear-gradient(-45deg, #ebac45, #d34f2d); background: -webkit-linear-gradient(-45deg, #ebac45, #d34f2d); background: linear-gradient(-45deg, #d34f2d, #ebac45); /* flipped for updated spec */ } /* ======================================================== * Orange button * ===================================================== */ .persona-button.orange{ background: #ee731a; background: -moz-linear-gradient(top, #ee731a, #d03116); background: -ms-linear-gradient(top, #ee731a, #d03116); background: -o-linear-gradient(top, #ee731a, #d03116); background: -webkit-linear-gradient(top, #ee731a, #d03116); background: linear-gradient(top, #ee731a, #d03116); } .persona-button.orange:hover{ background: #cb6216; background: -moz-linear-gradient(top, #cb6216, #b12a13); background: -ms-linear-gradient(top, #cb6216, #b12a13); background: -o-linear-gradient(top, #cb6216, #b12a13); background: -webkit-linear-gradient(top, #cb6216, #b12a13); background: linear-gradient(top, #cb6216, #b12a13); } .persona-button.orange span:before{ /* Icon BG */ background: #e84a21; background: -moz-linear-gradient(top, #f7ad27, #e84a21); background: -ms-linear-gradient(top, #f7ad27, #e84a21); background: -o-linear-gradient(top, #f7ad27, #e84a21); background: -webkit-linear-gradient(top, #f7ad27, #e84a21); background: linear-gradient(top, #f7ad27, #e84a21); } .persona-button.orange:before{ /* Triangle */ background: #e84a21; background: -moz-linear-gradient(-45deg, #f7ad27, #e84a21); background: -ms-linear-gradient(-45deg, #f7ad27, #e84a21); background: -o-linear-gradient(-45deg, #f7ad27, #e84a21); background: -webkit-linear-gradient(-45deg, #f7ad27, #e84a21); background: linear-gradient(-45deg, #e84a21, #f7ad27); /* flipped for updated spec */ } .preview_warn { border: 1px solid red; padding: .2em; } h3 { clear: both; } .loginheader { font-size: 1.33em; } .loginform.loginpwd { margin-bottom: 2px; } </style> <script type="text/javascript">window.addEventListener('load', function mobileNavOnLoad(event) { window.removeEventListener('load', mobileNavOnLoad, false); if (document.getElementById('navbutton')) { document.getElementById('navbutton').addEventListener('click', toggleNav, false); } }, false); function toggleNav(event) { const nav = document.getElementById('nav'); const user = document.getElementById('user'); if (nav.classList.contains('mobilehidden')) { event.target.setAttribute('aria-expanded', 'true'); nav.classList.remove('mobilehidden'); if (user) { user.classList.remove('mobilehidden'); } } else { event.target.setAttribute('aria-expanded', 'false'); nav.classList.add('mobilehidden'); if (user) { user.classList.add('mobilehidden'); } } } </script> <script type="text/javascript">if (window.addEventListener) { window.addEventListener("load", oauth2LoadDF3q, false); } function oauth2LoadDF3q() { document.getElementById("login_rememberDF3q").onchange = oauth2RememberUpdateDF3q; oauth2RememberUpdateDF3q(); } function oauth2RememberUpdateDF3q() { var rcbox = document.getElementById("login_rememberDF3q"); var lbtns = document.getElementById("loginareaDF3q").getElementsByClassName("loginabutton"); for (var i = 0; i < lbtns.length; ++i) { if (lbtns[i].dataset.url && lbtns[i].dataset.rememberurl) { lbtns[i].href = rcbox.checked ? lbtns[i].dataset.rememberurl : lbtns[i].dataset.url; } else if (lbtns[i].getAttribute("data-url") && lbtns[i].getAttribute("data-rememberurl")) { lbtns[i].href = rcbox.checked ? lbtns[i].getAttribute("data-rememberurl") : lbtns[i].getAttribute("data-url"); } } } </script></head> <body> <header class="pgblock mobile"> <a href="./" id="logolink" class="logolink"><img src="/cbsmlogo-small.png" alt="CBSM" id="logo" class="logo"></a> <span class="mobiletitle"></span> <button id="navbutton" aria-haspopup="true" aria-controls="nav" aria-expanded="false"></button> </header> <nav id="nav" class="pgblock mobilehidden"> <a href="./" id="logolink" class="logolink nonmobile"><img src="/cbsmlogo-small.png" alt="CBSM" id="logo" class="logo"></a> <ul id="navglobal" class="navmenu"><li class="lvl0"><a href="./" title="Community-Based Site Management"><span style="font-weight:bold;">CBSM</span></a></li><li class="lvl0"><a href="ref.html" title="Seiten, auf denen CBSM im Einsatz ist">im Einsatz...</a></li><li class="lvl0 current"><a href="tour/" title="Eine Tour durch das CBSM-System">Tour</a></li></ul> </nav> <nav id="user" class="pgblock mobilehidden"> <div id="login" class="usection"> <div class="loginarea" id="loginareaDF3q"><p class="flat"><a href="https://auth.kairo.at/authorize?response_type=code&client_id=cbsm_cbsm&state=kairo:c2708f61258b3e53256e71e6cdeb2175&scope=email&redirect_uri=https%3A%2F%2Fcbsm.at%2F%3Fd%3Du%26m%3Di%26c%3Do" data-url="https://auth.kairo.at/authorize?response_type=code&client_id=cbsm_cbsm&state=kairo:c2708f61258b3e53256e71e6cdeb2175&scope=email&redirect_uri=https%3A%2F%2Fcbsm.at%2F%3Fd%3Du%26m%3Di%26c%3Do" data-rememberurl="https://auth.kairo.at/authorize?response_type=code&client_id=cbsm_cbsm&state=kairo:c2708f61258b3e53256e71e6cdeb2175&scope=email&redirect_uri=https%3A%2F%2Fcbsm.at%2F%3Fd%3Du%26m%3Di%26c%3Do%26f.remember%3D1" class="kairologin loginabutton" title="Login mit KaiRo.at"><span>Anmelden</span></a></p><p class="flat"><input type="checkbox" name="form[remember]" id="login_rememberDF3q" value="true" class="logincheck"><label for="login_rememberDF3q" id="rememprompt" class="loginprompt">Anmeldung merken</label></p></div> </div> <div id="userCounts" class="usection"> Online:<br><a href="/?d=u&m=l&f.l=o" title="Liste von Benutzern, die derzeit online sind">0 Benutzer</a>, 3 Gäste<br><a href="/?d=u&m=l&f.l=r&f.o=lp" title="Liste der registrierten Benutzer">Registriert</a>: 1<br>Neuester Benutzer: <a href="/user/17/" title="Profil von KaiRo">KaiRo</a> </div> <div id="birthdays" class="usection"> </div> <div id="formal" class="usection"> <ul id="formallinks" class="flatlist fullflat"><li><a href="/?d=m&m=w&f.mode=email&f.t=admin" title="Eine Nachricht an die Website-Betreiber schicken">Kontakt</a></li><li><a href="/?d=m&m=b" title="Ein Problem, einen Bug oder Fehler an die Programmierer melden">Fehler melden</a></li><li><a href="/?d=d&m=p" title="Benutzerregeln und Website-Informationen anzeigen">Regeln / Informationen</a></li><li><a href="/?d=d&m=f" title="Diese Website durchsuchen">Suche</a></li></ul> </div> </nav> <main role="main" id="mainContent"> <h1>Tour durch das CBSM-System</h1> <h2>Ein kleiner Einblick in Community-Based Site Management</h2> <ul> <li><a href="//tour/#modules">Community-Elemente</a></li> <li><a href="//tour/#usermgt">Benutzer-Management</a></li> <li><a href="//tour/#webpages">Webseiten-Bearbeitung</a></li> <li><a href="//tour/#adminarea">Administrationsbereiche</a></li> <li><a href="//tour/#design">Designs</a></li> </ul> <h3 id="modules">Community-Elemente</h3> <p> <a href="/?d=g&i=239&m=f&f.i=11256&f.m=orig"><img src="?d=g&p=11256&f.m=profile" alt="Fotogalerie" style="float:left;margin-right:3px;"></a> <a href="/?d=g&i=239&m=f&f.i=11257&f.m=orig"><img src="?d=g&p=11257&f.m=profile" alt="Kalender" style="float:right;"></a> CBSM bietet einfach in Ihre Seiten zu integrierende Community-Elemente wie Fotogalerien, Gästebuch, Foren, Votings, News, Terminkalender und Team-Listen. Auf den Bildern rechts (klicken zum Vergrößern) können Sie sich ansehen, wie unser Fotogalerie-Modul (links) und unser Kalender-Modul (rechts) im Betrieb aussehen: Die Fotogalerien können je nach Ihren Einstellungen in jedes angezeigte Bild eine Prägung einfügen, um es eindeutig Ihren Seiten zuzuordnen. Im Kalender können Termine verschiedenen Kategorien zugewiesen werden, die auch farblich unterschiedlich angezeigt werden. Jeder angemeldete Benutzer kann nicht nur die allgemein zugänglichen Termine ansehen, sondern auch seine privaten Termine im Kalender nur für ihn sichtbar vermerken.</p> <h3 id="usermgt">Benutzer-Management</h3> <p> <a href="/?d=g&i=239&m=f&f.i=11258&f.m=orig"><img src="?d=g&p=11258&f.m=profile" alt="Benutzer-Einstellungen" style="float:left;margin-right:3px;"></a> <a href="/?d=g&i=239&m=f&f.i=11259&f.m=orig"><img src="?d=g&p=11259&f.m=profile" alt="Nachrichtensystem" style="float:right;"></a> Die Abstammung von einem Community-System zeigt sich besonders beim ausgereiften Benutzer-Management. Die Benutzer-Einstellungen (links) erlauben Ihnen, einzelnen Benutzern Zugriffs- und/oder Bearbeitungsrechte auf verschiedene Seiten zu geben. Außerdem können Sie Benutzergruppen definieren, deren Mitglieder automatisch alle für die Gruppe eingestellten Rechte "erben". Die direkte Kommunikation unter Benutzern der CBSM-Website ermöglicht auch ohne direkten E-Mail-Verkehr das Nachrichtensystem (rechts), das CBSM ebenfalls von seiner Community-Verwandtschaft übernehmen konnte - durch das parallel im Betrieb befindliche Community-System werden solche Funktionen, die in CBSM-Webseiten weniger stark genutzt werde, trotzdem immer in vollem Umfang getestet, sodass Ihnen die volle Funktionalität bei Bedarf sofort zur Verfügung steht.</p> <h3 id="webpages">Webseiten-Bearbeitung</h3> <p> <a href="/?d=g&i=239&m=f&f.i=11260&f.m=orig"><img src="?d=g&p=11260&f.m=profile" alt="Datei bearbeiten" style="float:left;margin-right:3px;"></a> <a href="/?d=g&i=239&m=f&f.i=11262&f.m=orig"><img src="?d=g&p=11262&f.m=profile" alt="Seite mit dynamischen Elementen" style="float:right;"></a> <a href="/?d=g&i=239&m=f&f.i=11261&f.m=orig"><img src="?d=g&p=11261&f.m=profile" alt="Bearbeiten: Templates, bbCode" style="float:right;margin-right:3px;"></a> Wahrscheinlich die wichtigste Funktion zur Administration einer CBSM-Domain ist das Bearbeiten von statischen Webseiten. Dafür benötigen Sie keinen FTP-Zugang, sie können das gesamte System ausschließlich über Ihren Internet-Browser warten. Wollen Sie neue Seiten hinzufügen, so können Sie fertige HTML-Dateien hochladen, die in das eingestellte Design integriert werden, oder Sie geben im Textfenster den gewünschten Dateinamen und HTML-Quelltext ein (siehe Bild links). Mit intelligenten Platzhaltern können Sie sogar dynamische "Templates" einfügen, die bei der Anzeige durch z.B. die letzten Forenbeiträge, einen Voting-Bereich, aktuelle Termine oder News ersetzt werden. Das virtuelle <bbCode>-HTML-Tag erlaubt in einem gewissen Bereich des Dokuments die Verwendung von <a href="/?d=b&m=h#bbcode">bbCode</a>, um z.B. einfacher Galerie-Bilder einbauen zu können. Diese intelligenten Funktionen sind in den links dargestellten Bildern bei der Bearbeitung sowie der Anzeige einer Test-Webseite zu sehen.</p> <h3 id="adminarea">Administrationsbereiche</h3> <p> <a href="/?d=g&i=239&m=f&f.i=11263&f.m=orig"><img src="?d=g&p=11263&f.m=profile" alt="Community-Administration" style="float:left;margin-right:3px;"></a> <a href="/?d=g&i=239&m=f&f.i=11265&f.m=orig"><img src="?d=g&p=11265&f.m=profile" alt="Navigation bearbeiten" style="float:right;"></a> <a href="/?d=g&i=239&m=f&f.i=11264&f.m=orig"><img src="?d=g&p=11264&f.m=profile" alt="Domain-Administration" style="float:right;margin-right:3px;"></a> Der Administrationsbereich erlaubt die Konfiguration aller Module des Systems, den Zugriff auf diverse Übersichtsseiten dieser Module sowie auf einige Statistiken über Zugriffe und Aktivitäten auf Ihrer Website. Der Community-Administrationsbereich (links) bietet Zugriff auf Designs sowie die Einrichtung der Nachrichten-, Profil- und Benutzermodule. Während auf Designs unten noch genauer eingegangen wird und das Nachrichtensystem schon erwähnt wurde (über diese Administration können u.a. auch Nachrichten von Administratoren an alle Mitglieder gesendet werden), können in diesen Bereichen Felder für Benutzerprofile definiert und z.B. Benutzergruppen angelegt werden. Die Domain-Administration (rechts) bietet Einstellungen für eine ganze Menge von Funktionen, wie Titel, Beschreibungen und Schlüsselwörter der Domain, Benutzerregeln, sowie der Module für viele Seitenfunktionen wie die schon angesprochenen statischen Dateien, Foren, Chat, Votings, News, Fotogalerien, Termine oder Teamseiten. Sowohl das Anlegen und Bearbeiten dieser Funktionen wie auch Übersichts-/Eistiegsseiten für die meisten dieser Module sind über diese Administration erreichbar. Über einen "+Navigation"-Link am unteren Rand der Seiten können solche Übersichten direkt in die Navigationsleiste eingefügt werden, wie das am ganz rechten Bild mit der Foren-Übersicht gezeigt wird. Ebenso kann mit "+Pfad" jeder Seite ein einfacher URL-Pfad zugeordnet werden. Die Berbeitung existenter Navigations- und Pfad-Einträge findet sich auch in der Domain-Administration.</p> <h3 id="design">Designs</h3> <p> <a href="/?d=g&i=239&m=f&f.i=11266&f.m=orig"><img src="?d=g&p=11266&f.m=profile" alt="Design-Administration" style="float:left;margin-right:3px;"></a> <a href="/?d=g&i=239&m=f&f.i=11267&f.m=orig"><img src="?d=g&p=11267&f.m=profile" alt="Design bearbeiten" style="float:right;"></a> Die Design-Administration (links) erlaubt, das Aussehen Ihrer Webseiten individuell zu gestalten. Je nach Ihrem Wissen ist es möglich, diverse Wünsche verschieden stark einfließen zu lassen. So kann für die gesamte Domain oder auch nur Ihren persönlichen Benutzer eines von mehreren vorgefertigten oder ein selbst gestaltetes Design eingestellt werden. Wenn Sie ein eigenes Design erstellen, können Sie entweder nur die Farbgestaltung und die verwendeten Systemsymbole verändern oder aber mit sogenannten "Design-Fragmenten" die Teile, aus denen die verschiedenen angezeigten Webseiten zusammengebaut werden, selbst im Detail anpassen - was einiges an Geschick und Wissen braucht, aber unglaubliche Flexibilität im System bieten kann, wie einige in den <a href="ref.html">Referenzen</a> angeführte Websites eindrucksvoll beweisen, so zum Beispiel <a href="http://www.seamonkey.at/">SeaMonkey & Mozilla deutsch</a>, <a href="http://inconstruction.kairo.at/">Star Trek: INCONSTRUCTION</a> oder <a href="http://www.jvp-steyr.at">JVP Steyr</a>.</p> </main> </body> </html>