Verdammt kompliziertes Projekt

Au warte,
da habe ich mir aber was angetan...

https://www.afripix.de/pfrommer-bau/

Frank,

ich muss schon sagen - Hut ab

... wenn man nicht wüsste, dass das mit Mobirise gemacht ist, würde man es kaum glauben.

Natürlich ist das auch immer Geschmacksache, das ist aber sicherlich eines der besten Projekte, das ich bisher gesehen habe.

Ich hoffe Du hast da mal etwas mehr zugegriffen, so etwas sollte auch einen fairen Preis kosten.

Die Bilder unten werden ja sicher noch getauscht, denn die passen ja nicht.

Die Schrift in der Navi und im Footer wäre mir persönlich jetzt ein wenig zu wuchtig.

Ja, muss ich gewiss noch ändern.
Ich kämpfe da erstmal mit der grundsätzlichen Technik.
Designkram kommt noch!

Nachtfalke

Wow…
Es bedarf nicht vieler Worte, einfach nur wow.
Sowas würde ich auch gerne können.

Frank,

wollte Dich darauf aufmerksam machen, dass Du da noch einen kleinen Querscroller am Handy hast. Das ist besonders blöd, weil es ja das bewegte Video ist.

Wenn man auf den Hamburger klickt und sich das Fenster geöffnet hat, sieht man ganz rechts (wo vorher die Scrollbar war) einen schmalen Streifen breit, das Hintergrundvideo laufen (quasi so, wie Tommy das auch auf dem Handy hat). Das soll nicht, oder?

AlpenSachse

Also der erste Eindruck ist "VERY NICE" wirkt sehr ansprechend und modern.

Ich würde so ein Projekt zwar lieber mit WP und Divi oder Elementor umsetzen, da bei solchen Projekten meist ein Rattenschwanz hinten nach kommt was der Kunde gerne noch erweitert haben möchte, aber echt schick was mit Mobirise anscheinend alles machbar ist.

Manni

Vielleicht würde ich das auch gerne mit Elementor/WP machen, aber ich habe keine Ahnung davon.
Mit Mobi klappt das aber soweit und wenn ich mit WP ein echtes Problem habe, stehe ich auf dem Schlauch.

Mit WP wäre ich jetzt ein totaler Anfänger und mit sowas völlig überfordert.

Auf dem Handy habe ich noch gar nicht geschaut.
Irgendwo ist irgendwas zu breit. Vermutlich habe ich mal wieder irgendwo ein margin-left oder sowas eingebaut.
Gibt es eigentlich kein Tool, was einem das "böse Element" zeigt?

@Rancher: witzige Sache: wenn das Menu ausgeklappt wird, verschwindet der Scrollbar. Und dort wird dann das Video sichtbar.
Ich glaube, ich nehme wieder Navik....

Ich habe ja die class="myback" mit padding-left: 3.3rem in Verdacht:

Code: Alles auswählen

.cid-to7vYIZWjX .myback {
  background: rgba(0, 0, 0, 0.3);
  padding: 2rem 2rem 2rem 3.3rem;
}

Fast!
Ich hatte dem container-fluid ein Padding von 0 gegeben, damit der dunkle Kasten bis zum Rand geht.
Dadurch wurde row {{contentAlign}} um 2rem zu breit.
100% Bildschirmbreite scheinen nur mit einem padding von 1rem erreicht zu werden - sonderlich!
contentAlign müsste man jetzt mal schaun, wie das definiert ist.

Nochwas zum Scrollbar, der scheint irgendwie von Mobi weggebeamt zu werden.
Ein " overflow-y:scroll!important;" hilft da nix

Moin,

habe jetzt noch nicht so ganz verstanden, woran es lag - auf jeden Fall ist es jetzt OK

... für Mitleser, man muss auch aufpassen und nicht etwa denken, wenn man den Browser am Desktop zusammenschiebt oder die Handy-Vorschau in Mobirise verwendet, dass man dann das korrekte Ergebnis sieht.

Man muss immer auch am Handy selbst gucken - dabei ist es dann - was die CSS betrifft - auch noch oft am Android (Samsung) anders als am iOS (iPhone) Betriebssystem.

vloppy

Nur als Hinweis, wegen der Abmahnungen

Code: Alles auswählen

!DOCTYPE html>
<html  lang="de">
<head>
  
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <meta name="twitter:card" content="summary_large_image"/>
  <meta name="twitter:image:src" content="">
  <meta property="og:image" content="">
  <meta name="twitter:title" content="Pfrommer Hauskonzepte">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/logo-pfrommer-architektur-big.png" type="image/x-icon">
  <meta name="description" content="">
  
  
  <title>Pfrommer Hauskonzepte</title>
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="assets/popup-overlay-plugin/style.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link href="assets/fonts/style.css" rel="stylesheet">
[b]  <link rel="preload" href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
  <link rel="preload" href="https://fonts.googleapis.com/css?family=Abel:400&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abel:400&display=swap"></noscript>
  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">[/b]
  
  
  <style>

Habe noch nie was von Abmahnungen gehört.

Aber im Ernst: das Ding ist noch nicht über Google zu finden und wir haben noch nichtmals die Schriften festgelegt.
Ein Impressum gibt es auch noch nicht.

Mobirise-Tutorials.com

Verdammt kompliziertes Projekt

Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Re: Verdammt kompliziertes Projekt

Wer ist online?