Doku Individuallösungen und besondere Elemente

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
 
[custom_headline type=“center“ level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;text-align:left;“]1. Bild rechts …
[/custom_headline] … mit width 100%
 
QM Software_Prozessmanagement_Boomline_kreativ
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
 
[custom_headline type=“center“ level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;text-align:left;“]2. Bild rechts …
[/custom_headline] … mit width 100% und breakpoint 800
 
QM Software_Prozessmanagement_Boomline_kreativ
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
 
[custom_headline type=“center“ level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;text-align:left;“]3. GUTE WAHL
[/custom_headline] Bild rechts … mit width 100% und breakpoint 800 und max-width und bild-center nach Breakpoint
 
QM Software_Prozessmanagement_Boomline_kreativ
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
QM Software_Prozessmanagement_Boomline_kreativ
 
[custom_headline type=“center“ level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;text-align:left;“]4. GUTE WAHL
[/custom_headline] Bild links … mit width 100% und breakpoint 800 und max-width und bild-center nach Breakpoint
 
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
QM Software_Prozessmanagement_Boomline_kreativ
 
[custom_headline type=“center“ level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;“ class=“res-td-align-right-but-center-after-breakpoint-800″]5. GUTE WAHL
[/custom_headline]
Bild links … wie 4. aber inkl. Text-center nach Breakpoint …. sdfkj hsdfhasdfhasdhf sdfg sdfg sdfg sdf gfds ggdfg sdfg sdfg sdfg hasdhf ahsdhf asdfh asdf
 
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
 
[custom_headline type=“center“ level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;“ class=“res-td-align-right-but-center-after-breakpoint-800″]6. GUTE WAHL
[/custom_headline]
Bild rechts… wie 3. aber inkl. Text-center nach Breakpoint …. sdfkj hsdfhasdfhasdhf sdfg sdfg sdfg sdf gfds ggdfg sdfg sdfg sdfg hasdhf ahsdhf asdfh asdf
 
QM Software_Prozessmanagement_Boomline_kreativ
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
 
[custom_headline level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;“]8. GUTE WAHL
[/custom_headline] Bild rechts … wie 3. aber mit text max-width … sdfsdf sdfsd fsdf sdf sdf sdf sdf sdf sdf sdf sdf
 
QM Software_Prozessmanagement_Boomline_kreativ
[/content_band]

[content_band bg_color=“#007e8c“ parallax=“true“ border=“none“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“]
QM Software_Prozessmanagement_Boomline_kreativ
 
[custom_headline level=“h4″ style=“margin-top:0px; color:#ffffff; text-transform:uppercase;“]9. GUTE WAHL
[/custom_headline] Bild links … wie 4. aber mit text max-width … sdfsdf sdfsd fsdf sdf sdf sdf sdf sdf sdf sdf sdf
 
[/content_band]

[content_band bg_color=“#ffffff“ parallax=“true“ border=“none“ inner_container=“false“ no_margin=“true“ padding_top=“0px“ padding_bottom=“0px“ border=“none“ inner_container=“true“] [custom_headline type=“center“ level=“h4″]Vertical-Center – Doku für Umsetzung / Änderung
[/custom_headline]

– Plugin „Vertical Center“ wurde installiert

– Diese indiv. Umprogrammierung am Plugin (public js) wurde vorgenommen (bei installierten plugins auf ändern klicken), um vertical center nach dem breakpoint zu unterbinden:
//original : $( selector ).doVerticalCenter( offset );

//new ....
cssBreakpoint=-1;
if (selector==='.vertical-center-1000'){
cssBreakpoint=1000;
}
if (selector==='.vertical-center-800'){
cssBreakpoint=800;
}

if (cssBreakpoint!=-1)
{

if(jQuery(window).width() > cssBreakpoint){

$( selector ).doVerticalCenter( offset );
}else{

$( selector ).css(
'margin-top',
0);

}
}else{
$( selector ).doVerticalCenter( offset );
}
//... end new

– Dieses indiv. css wurde hinzufügt (über menu > anpassen > custom)
.res-table-800 {
display:table;
width:100%;

}

.res-td-2-800 {
display:table-cell;
float:left;
width:45%;

}

.res-font-800 {
font-size:150%!important;
}

.res-end-800 {
display:none;
}

.res-td-spacing-800 {
width:10%;
float:left;
display:table-cell;
}

@media only screen and (max-width: 1150px) and (min-width: 801px) {
.res-font-800 {
font-size:120%!important;
}

}

@media only screen and (max-width: 800px) {

.res-end-800 {
display:table;
width:100%;
height:20px;
}
.res-td-2-800 {
display:table;
float:none;
width:100%;
}

.res-td-spacing-800 {
display:table;
width:100%;
height:20px;
}

}

.res-table-1000 {
display:table;
width:100%;

}

.res-td-2-1000 {
display:table-cell;
float:left;
width:45%;

}

.res-font-1000 {
font-size:150%!important;
}

.res-end-1000 {
display:none;
}

.res-td-spacing-1000 {
width:10%;
float:left;
display:table-cell;
}

@media only screen and (max-width: 1350px) and (min-width: 1001px) {
.res-font-1000 {
font-size:120%!important;
}

}

@media only screen and (max-width: 1000px) {

.res-end-1000 {
display:table;
width:100%;
height:20px;
}
.res-td-2-1000{
display:table;
float:none;
width:100%;
}

.res-td-spacing-1000 {
display:table;
width:100%;
height:20px;
}

}

[/content_band] [content_band no_margin=“true“ inner_container=“true“ padding_top=“0px“ padding_bottom=“65px“ bg_color=“#35415b“] [clear id=“kontakt“] [custom_headline type=“center“ level=“h3″ style=“color:#ffffff“]Max-Width[/custom_headline] [container style=“color:#ffffff“]Das Kontaktformular hat eine veränderbare maximale Weite (im Beispiel: 1000 Pixel), wenn der Bildschirm größer ist, wird das Formular zentriert, wenn Bildschirm enger wird, wird der allgemeingülitge links/rechts Abstand vom Content Band eingehalten (auf deiser webseite üblich genutztes band ohne margin, mit inner_container) [/container] [clear] [gap size=“35px“]

    Ihr Name (Pflichtfeld)

    Ihre E-Mail-Adresse (Pflichtfeld)

    Ihre Interessensgebiete
    BOOMLINE PreiseBOOMLINE Testzugang (sobald verfügbar)Individuelle AppsIndividuelle PortaleSuchmaschinenoptimierung

    Ihre Nachricht

    Sicherheitscode
    Bitte übertragen Sie den angezeigten Code in das Textfeld, unter Beachtung von Groß- und Kleinschreibung. An dieser Aufgabe scheitern automatisierte "SPAM-Anfragen" - genau diese möchten wir abhalten.
    captcha

    [/content_band]

    Durch die weitere Nutzung der Seite stimmen Sie unserer Datenverwendung zu.

    Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

    Schließen