onweb - Admin

Seite hinzufügen
Name der neuen Webseite (ohne Endung)
Menü bearbeiten
down
Head bearbeiten mit Doppelklick auf den Code
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>web-designwerkstatttitle>
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 day">
<link rel="shortcut icon" href="template/daten/img/fav.png" type="image/x-icon">
<link rel="icon" href="template/daten/img/fav.png" type="image/x-icon">
<meta name="Keywords" content="Schlüsselwörter für Suchmaschinen, mit Komma getrennt">
<meta name="Description" content="Ein schöner Text">
<meta name="author" content="web-designwerkstatt">
<link href="template/css/alles.css" rel="stylesheet" type="text/css">		
<link href="cms/onweb/bausteine.css" rel="stylesheet" type="text/css">	
<link rel="stylesheet" href="cms/move/css/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="cms/move/css/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="cms/move/scripts/jquery-1.9.0.min.js">script>
<script type="text/javascript" src="cms/move/scripts/jquery.nivo.slider.js">script>
<script type="text/javascript" src="cms/move/scripts/all.js">script>


Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
CMS onweb Demo
Slider (falls vorhanden) bearbeiten mit Doppelklick auf den Code



alles.css bearbeiten mit Doppelklick auf den Code
@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;700&display=swap'); body, button, textarea, table, input { font-family: 'Roboto', 'Arial',sans-serif!important; font-weight:300; font-size:100%; color:#333; } @keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}} body { /* === css:::000!important=== */ line-height: 30px; margin: 0; } img.up { bottom: 164px!important; right: 55px!important; width: 45px; display:none!important; } /* ======= einschwebende Elemente ====== */ .schweben { float:left; display:block; max-width: 2700px; opacity: 0; transition: all 1.15s ease-in-out; } .schwebrahmen{overflow-x:hidden;} .schweben:nth-of-type(even) { transform: translateX(-90%); } .schweben:nth-of-type(odd) { transform: translateX(90%); } .schweben.visible { transform:translateX(0); opacity: 1; } /* #text1 .schweben, #text2 .schweben, #text3 .schweben, #text4 .schweben, #text5 .schweben, #text6 .schweben, #text7 .schweben, #text8 .schweben, #text9 .schweben { opacity: 1; transform: translateX(0%); } */ .cc_container { border-radius: 1px!important; background: rgba(0,0,0,.3)!important; width: 100%!important; height: 0px!important; padding-top: 20px!important; padding-bottom: 50px!important; right:0!important; margin-bottom: -20px; border: none!important; } .cc_container a{color:white!important} .cc_container .cc_btn, .cc_container .cc_btn:visited{width:140px!important; color: white!important; background-color: #999!important; font-size: 90%!important; line-height: 24px!important; position: relative!important; float:right; margin-top: 30px!important; margin-right: 20px!important; } a.cc_logo { display: none!important; } .cc_container .cc_message { font-size: 90%!important; text-align: right!important; color: white; margin-top:4px; } ul { padding-left: 0; } .akk_inhalt { padding-left: 0; } .alternative td{border-bottom: 1px #666 solid;} table.alternative td{padding: 12px;} .footer h3 { color: silver!important; font-size: 106%; } *{ max-width:100%; } html { overflow-y: scroll; } body, button, textarea { animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s; } body { animation:fadein 3s;-moz-animation:fadein 3s;-webkit-animation:fadein 3s; } table { font-size:100%; border-spacing: 0; width:100%; line-height: 28px; } td { vertical-align: middle; } table.vergleich tr { /* height: 49px; */ } table.vergleich img{width:32px} .bgimg-2 { min-height: 821px!important; margin-bottom: 118px; background-size: 100%!important; background-position: top left!important; } h4, h5 p, .slogan { font-family:'Roboto', 'Arial' sans serif!important; } .vorlagen h1{ margin-bottom:74px } .backgroundimage{ background-image: url(../daten/img/code.jpg); background-repeat: no-repeat; background-position: right 16% top 53%; } .hgfarbe_2{color:#666!important} .onweb .c_100.login{float:right!important} .referenzen .c_25{padding:40px 1% ;width:23%} .referenzen .c_25:nth-child(4n+1){clear:both} table.vergleich { width: 100%; margin:0 auto; background-color: #f8f8f8; padding: 22px; display: block; } table.vergleich tr:nth-child(3),table.vergleich tr:nth-child(10) { background-color: #f2f2f2;} .hgfarbe_1,body,input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], .baustein_2 .rechts{ background-color:white!important; } .hgfarbe_1 { background-color: white; } .timeline::after, input[type="button"], [type="submit"], .content { background-color: rgba(130,130,130,.2); } .hgfarbe_2 { background-color:#f8f8f8; } .hgfarbe_3, .content,input[type="button"]:hover, [type="submit"]:hover{ background-color: #433c3c; color: #ccc; } .hgfarbe_3 a:hover{ color: white; } .anfrage.hgfarbe_3 { font-size: 130%; } .anfrage.hgfarbe_3 a{ color:#caac80 } .anfrage.hgfarbe_3 a:hover{ color:white } .hgfarbe_3:hover{ background-color: #333; } .hgfarbe_4,.termine .date{ background-color:black!important; } input[type="button"], [type="submit"], a.simple-button-plugin{ background-image: linear-gradient(#f0efed ,#dcdcd6); } input[type="button"]:hover, [type="submit"]:hover, a.simple-button-plugin:hover{ background-image: linear-gradient(#f0efed ,#d3d3d1); } .vorlagen input[type="button"], [type="submit"]{ background-image: linear-gradient(#f0efed ,#dcdcd6); } .textcolor_4, h1, h2, .mitte a, #inh ul li a:hover, .termine .monat, .termine .date, .hgfarbe_3 h2 a, .hgfarbe_3 h1 a{ color: #caac80; } .karten_runde_fotos .c_33 h2{ border-bottom:1px #caac80 solid; } .textcolor_3{ color:#ccc!important; } .textcolor_4, h5{ color:white!important; } .textcolor_2, .karten_runde_fotos .text, .termine .text,input:hover,input[type="button"]:hover, [type="submit"]:hover{ color: #555; } .textcolor_5,.middle h3,.middle .text{ color:white!important; } .footer { width: 86%; float: left; min-height: 200px; background-color: rgba(30,30,30,.9); padding-left: 7%; padding-right: 7%; color: silver; } h6{ font-size: 90%; display: block; text-transform: uppercase; font-weight: normal; margin-top: 2px; } h5{ font-size: 90%; display: block; text-transform: uppercase; font-weight: normal; margin: 0; } h4{ font-size: 90%; margin-top: 13px; margin-bottom: -5px; font-weight: bolder; } h3{ font-size: 118%; font-weight: bold; } h2{ font-size: 150%; margin-bottom: 10px; font-weight: normal; margin-top: 40px; line-height: 34px; float: left; width: 100%; } h1{ font-size: 170%; margin: 0; float: left; margin: 65px 0 35px 0; display: block; width: 100%; line-height: 34px; font-weight: normal; } .karten_runde_fotos .c_33 img{border-radius:0!important} .admin #inh { margin-top: 0!important; width: 80%!important; background-color: white!important; } .vorlagentest label.handy { float: left; clear: none; } .vorlagen .kurbeschreibung{ width:80%; font-family:"Arial", sans-serif; } .vorlagen .preis{ width: 20%; float: left; min-width:90px; font-size: 120%; margin-top: 30px; font-family:'Arial', sans serif; } .vorlagentest label.desktop.handy { float: left; } img.image { /* width: 80%!important; margin-left: 10%; */ box-shadow: 10px 10px 23px -15px rgba(0,0,0,0.25); } /* ========== Formelemente ======== */ input[type="button"], [type="submit"], a.simple-button-plugin{ cursor: default; min-width: 90px; padding: 10px; text-align: center; display: block; font-size: 95%; display: block; margin-left:0; text-align: center; margin-bottom: 4px; margin-top: 4px; cursor: default; } input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"] { border: 1px solid #333; width: 200px; cursor: text; text-align:left; display: block; font-size:100%; } input[type="text"]:hover, input[type="number"]:hover, [type="email"]:hover, input[type="url"]:hover, [type="search"]:hover , [type="button"]:hover{ } input:valid, textarea:valid { border: 1px solid #ccc; } input:invalid, textarea:invalid { border: 1px solid #111; } .vorlagen input[type="button"]{ width: 35%; margin-top: 24px; float:left; margin-right:2%; border: none; height: 45px; } textarea { border: 1px solid #444; width: 195px; cursor: text; text-align: left; display: block; margin-bottom: 16px; margin-top: 18px; } textarea:hover { } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: default; margin-top:8px; } input.right{float:right} select { padding:2%; width: 96%; padding:.75em 1em .5em 1em; border: 1px solid rgb(166, 166, 166); background-color:white; background-image:url(../daten/img/pics/down_select.png); background-position: right; background-repeat: no-repeat; background-size:60px; border-radius:0; } select:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } select::-ms-expand { display:none; } form{clear:both} .change{width:45px} textarea, input[type="text"] { padding: 14px; width: 527px; /* margin: 10px -1px; */ border: 1px #ccc solid; color:#333; font: inherit; box-shadow: none; float:right!important; } input:focus, textarea:focus, select:focus { outline-offset: 0px; } input[type="text"] { min-width: 160px; height: 47px; border: 1px solid #ccc; float: left; font-size: 100%!important; } input[type="submit"]{ width:180px; border:1px #ccc solid; min-width: 160px; height: 53px; line-height: 24px; border:1px solid #ccc; margin-top:12px; clear:both; float: right; } input[type="submit"]:hover{ background-color:#73B8EF; } textarea{ height:110px; font-size: 100%!important; color: #333; } textarea.wertung { color: #777!important; } select { width: 529px; height: 47px; margin: 10px -1px; border: 1px #ccc solid; font: inherit; color: inherit; font-size: 100%!important; } .form_border{ border: 1px solid #ccc; padding: 1% 2% 60px 3%; width: 600px; margin: 0 auto; float: left; background-color:white; margin-bottom:25px; font-size: 100%!important; } input#captcha_code{ width:300px; } input.name, input.vorname { width: 241px; } .titelbild{ top: -119px; padding: 0; border: 1px transparent solid; } .slogan{ font-size: 414%; line-height:90px; width: 100%; position: relative; text-align: center; margin-bottom: 306px; margin-top: -559px; text-shadow: -2px 1px 3px #000; font-weight: 400; color:white; letter-spacing: 1px; } .untertitel { font-size: 40.5%; line-height: 11px; margin-top: 33px; font-weight: 400; letter-spacing: 0; } #loading { color: #000; position: relative; font-size: 18px; text-align: center; font-family:monospace; margin: 0.1em auto; text-transform: uppercase } .clear{ clear:both!important; } .right{ float:right!important; margin-right: 0!important; } .nivo-caption{ display:none!important } sub,sup{ font-size: 80%; } img.up { float: right; margin-right: 12px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } [hidden] { display: none; } li{ text-decoration:none; margin-left: 14px; } a { height: 26px; text-decoration: none; } .footer a{color: #caac80;} .footer a:hover{color:#f8f8f8} #inh a{ line-height:20px } a:hover{ color:#666 } abbr[title] { border-bottom: 0px solid; } b, strong { } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; margin-top: 8px; margin-bottom: 8px;} pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .text p { padding: 3% 0; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } .seite { float: left; margin-top: 0px; padding: 0px; width: 100%; background-color: white; } #oben { width: 100%; height: 25px; padding: 0px; } .kopf { width: 82%; padding: 1% 8% 0.1% 10%; display: block; background-color: rgba(5,0,0,.65); min-height: 25px; position: fixed; border-bottom:1px #ccc solid; height: 49px; /* float: left; */ z-index: 44; color: white; } .kontakt { float: right; padding: 12px; /* margin-right: 9%; */ color: white; /* height: 0; */ position: fixed; /* display: none; */ bottom: 50px; background-color: #999; border-radius: 50px; right: 50px; width: 50px; height:50px; background-image:url("../daten/img/anfrage.png"); background-size:100%; box-shadow: 10px 10px 23px -5px rgba(0,0,0,0.55); } .titel { font-size: 106%; padding-left: 12px; float: left; margin-top: 6px; } .hgfarbe_3 a,.slogan a{color: #f8f8f8;} video{box-shadow: 8px 8px 53px -10px rgba(0,0,0,0.55);margin-bottom: -12px;} .mitte { width: 80%; display: block; clear: both; float: left; margin-left: 10%; position: relative; } .vorlagen .mitte { /* margin-top: 60px; */ max-width: 1600px; } .unten { clear: none; float: left; width: 96.9%; display: inline-block; overflow: hidden; height: 200px; bottom: 0px; position: inherit; text-align: center; border-top: 1px #111 solid; } /* ========== Timeline Anpassung ======== */ .content { padding-top: 0!important; } .timeline::after { width: 2px; } /* ========== Navigation ======== */ .open, .close { visibility:hidden; display:none; height:0px; } #inh { width: 700px; position:relative; float: right; z-index: 99; margin-top: 8px; line-height: 45px; } #inh ul{ width: 90%; margin-bottom:0; margin-top: -10px; float: right; } #inh ul li{ list-style-type: none; list-style-image: none; padding-right: 4%; float: left; overflow:hidden; height: 54px; clear: none; margin-left: 0; } #inh ul li{ width:100px; } #inh ul li:hover { overflow:visible; } #inh ul li a{ width: 100%; color: inherit; margin-top: 12px; } #inh ul li a.current{ color: #caac80; text-shadow: 2px 2px 6px rgba(0,0, 0, 0.21); } #inh ul li a:hover{ text-shadow: none; color: #caac80; } #inh img { margin-bottom: 0; margin-left: 6px; } #inh ul li ul{ width: 100%; min-width: 218px; display: block; float:left; box-shadow: 10px 30px 53px -15px rgba(0,0,0,0.25); background-color: rgba(55,55,55,0.7); border-radius:2px; margin-top: 9px; padding-bottom: 12px; margin-left: -22px; } #inh ul ul li { width: 94%; height: 40px; padding: 2px 1%; font-size: 100%; color: white; border: none; text-align: left; margin-left: 20px; } #inh ul ul li a{ /* line-height: 23px; */ font-size: 93%; /* height: 51px; */ width: 100%!important; text-align: left; margin-left: 0; border: none; } #inh ul ul li:hover{ border:none } @media only screen and (max-width: 1920px) { .slogan{ bottom: -22px; } .bgimg-2{min-height: 668px!important;} } @media only screen and (max-width: 1600px) { .kopf { width: 92%; padding: 1% 3% 0.1% 5%; } .seite { width: 100%; margin-left: 0; } .mitte{ width: 90%; margin-left: 5%; } .slogan{ bottom: -94px; font-size: 347%; } .bgimg-2{min-height:660px!important} } @media only screen and (max-width: 1550px) { .slogan { margin-bottom: 301px; } } @media only screen and (max-width: 1500px) { .slogan { margin-bottom: 282px; } } @media only screen and (max-width: 1470px) { .slogan { margin-bottom: 267px; } #inh { width: 600px; } } @media only screen and (max-width: 1430px) { .slogan { margin-bottom: 244px; } } @media only screen and (max-width: 1400px) { .slogan { margin-bottom: 266px; } .bgimg-2 { min-height: 451px!important; } .slogan{ font-size: 315%!important; bottom: -159px; margin-bottom: 331px; } .untertitel { margin-top: 8px; } .kopf { } h2 { font-size: 120%; } } @media only screen and (max-width: 1080px) { .k2 h1 { font-size: 140%; margin: 12px 0; } .referenzen .c_25 { width: 48%; } } @media only screen and (max-width: 1000px) { #inh { width: 500px; } .titelbild{ margin-bottom:30px } .titel { font-size: 100%; } .slogan{ font-size: 223%!important; bottom: -241px; margin-bottom: 307px; } .untertitel { font-size: 40.5%; line-height: 11px; margin-top: 3px; } .bgimg-2 { min-height: 351px!important; } .mitte { width: 94%; margin-left: 3%; } .vorlagen input.rechts{ float: right!important; margin-right: 4%!important; } h1{ font-size: 163%; margin: 34px 0 20px 0; line-height:34px!important; } .kontakt { bottom: 20px; border-radius: 40px; right: 20px; width: 40px; height:40px; } } @media only screen and (max-width: 812px) { img.up { display:none!important } tr:nth-child(n) td:nth-child(2n):before {color:#caac80;content:"CMS onweb - ";margin-right:4px;float:left} tr:nth-child(n) td:nth-child(2n+1):before {color:#caac80;content:"WordPress - ";margin-right:4px;float:left} tr:nth-child(n) td:nth-child(2) {width: 100%!important;vertical-align:middle;} tr:nth-child(n) td:nth-child(3):before {content:"onweb pro";float:left} tr:nth-child(n) td:nth-child(3) {width: 100%!important;vertical-align:middle;} tr:nth-child(1) {display:none} .handy{ display:none; visibility:hidden; height:0 } .titelbild, .bild{ min-height: 0; } .titelbild{ margin-bottom: 110px; } #text1{min-height:0} .vorlagen h1{margin-bottom:74px} table, tr, td{ display:block; width: 95%!important; padding-left: 2%; float: left; line-height: 40px; } .open, .close { visibility: visible; position:absolute; display: block; float:right; right: 10px; top: 10px; width: 36px; } .slogan{ font-size: 220%!important; bottom: -217px; margin-bottom: 213px; } .bgimg-2 { min-height: 351px!important; } .untertitel{ line-height: -8px; font-size: 42%!important; margin-top: 15px; } .vorlagen input[type="button"]{ width: 140px; margin: 10px auto!important; float: none!important; clear: both; } .open, .close { visibility: visible; position:absolute; display: block; float:right; right: 20px; top: 11px; width: 40px; } #inh{ background-color: rgba(255,255, 255, 0.95); border-bottom: 1px #ccc solid; } #inh, :not(:target) #inh { width: 99.96%; top: -980px; position:absolute; left:0; z-index:300; margin-top:0; text-align: center; transition: all 1s ease; } #inh:target { top:0; height: auto; transition: all 1s ease; } #inh ul{ float: left; margin-left:5%; width: 100%; margin-top: 20px; } #inh li{ width: 100%; float:left; color: #333!important; text-align: left; list-style-type: none; list-style-image: none; } #inh ul li ul{ box-shadow: none; background-color: transparent; margin-left: 10px; } #inh ul li:nth-child(3), #inh ul li:nth-child(4) { width: 100%; } #inh ul li { width: 90%; float:left; clear: both; font-size: 110%; height: auto; text-align: left; margin-left: 0; left: 0; border: none; } #inh ul li a:hover, #inh ul li:hover{color: #caac80!important;border: none;} #inh ul ul li{ width: 43%; clear: none; color: white; } #inh ul ul li:nth-child(3), #inh ul ul li:nth-child(4) { width: 43%; } #inh ul li a{ height: 35px; line-height: 35px; text-align:left; padding-left:0; width:98%; float: left; color: #333; margin-top: 0; } #inh ul li li a{ height: 35px; line-height: 35px; text-align:left; } #inh ul li a:hover{ color:#caac80; } #inh ul li ul{ background-image:none; margin-top:0; width: 100%; } } @media only screen and (max-width: 800px) { .k2_1 .c_50:nth-child(1), .k2_2 .c_50:nth-child(2) { padding: 3%; width: 94%!important; } } @media only screen and (max-width: 730px) { .slogan{ bottom: -203px; margin-bottom: 157px; } .titel{color:black} .bgimg-2 { min-height: 291px!important; margin-bottom: 172px; background-position: 0px 73px!important; } } @media only screen and (max-width: 670px) { .titel { margin-top: 12px; } .titelbild{ margin-bottom: 140px; } h1{ line-height: 30px; font-size: 151%; margin: 25px 0 15px 0; } h2{ line-height: 30px; font-size: 120%; } h3{ text-align:left; margin: 24px 0 2px 0; font-size: 100%; } .seite { width: 100%; margin-left: 0%; } .slogan{ font-size: 201%!important; line-height: 44px; bottom: -239px; margin-bottom: 179px; } .footer { padding-top:12px } .referenzen .c_25 { width: 300px; float:none;margin:0 auto } } @media only screen and (max-width: 580px) { .titel { } .slogan{ font-size: 172%!important; line-height: 34px; margin-left: 0; } h1{ line-height: 30px; font-size: 151%; } h2{ font-size: 120%; margin-top: 30px; } #inh ul li li{ width:99% } #inh ul ul li:nth-child(3), #inh ul ul li:nth-child(4) { width: 99%; } } @media only screen and (max-width: 499px) { .bgimg-2 { min-height: 279px!important; margin-bottom: 167px; bottom: 12px; background-size: 493px!important; } } @media only screen and (max-width: 410px) { .slogan { font-size: 163%!important; width: 95%; margin-left: 2.5%; margin-bottom: 135px; } img.image { width: 100%!important; margin-left: 0; } .untertitel{ font-size: 63%!important;line-height:22px } .titel{font-size:90%} } @media only screen and (max-width: 350px) { .slogan { font-size: 143%!important; } } @media only screen and (max-width: 299px) { .open, .close { right: 10px; } }
Update - onweb aktualisieren
up