Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Hier entsteht mein neues Projekt oder die Projektumstellung
#16
HTML:
Code:
<section style="background:transparent">
<div class="row justify-content-center">
   <div id="Rahmen">
<div id="Text">
<h1>Überschrift/Titel</h1>
   <h2>Untertitel</h2>
<p><img id="Bild" class="my-image" src="http://www.svtheuma.de/jocms/uploads/males-2339836_1920(1).jpg">    
Hier steht ganz viel Text:Erstellen Sie Ihre eigene Website mit ein paar Klicks. Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche

Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die kl
Erstellen Sie Ihre eigene Website mit ein paar Klicks. Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche

Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die kl    
   
Erstellen Sie Ihre eigene Website mit ein paar Klicks. Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche

Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die kl    
   
Erstellen Sie Ihre eigene Website mit ein paar Klicks. Das Mobirise Programm kann Ihnen helfen, die Zeit für die Entwicklung Ihrer Website zu sparen, indem es einen flexiblen Website-Editor mit einem drag-and-drop Interface zur Verfügung stellt. Mobirise Website-Baukasten lässt Sie responsive und Mobile-freundliche

Websites mit ein paar Klicks erstellen. Mobirise ist eins der einfachsten Tools für die Website-Entwicklung, die kl    
   </p>
     

   </div>
   </div>
   </div>
</section>

CSS:
Code:
.my-image {
 width: 20%;
}
img {float:right;padding-left:20px;padding-bottom:20px;}
#Rahmen {box-shadow: 10px 10px 20px #333333;border-radius: 30px;width:90%;background-color:grey;}
.row {padding:20px;}
h1 {text-align:center;padding-top:20px;}
h2 {text-align:center}
p {padding:20px;}


.png  FloatingText2.png (Größe: 200,68 KB / Downloads: 25)


Wie oben beschrieben fehlen noch Media-Anweisungen für das Bild bei kleineren Bildschirmen!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#17
Hallo Martin,

hast du den Block jetzt komplett erstellt.

Oder hast du den aus einem Vorhandenen Block Umgebaut.

Wenn er aus einem Vorhanden Block entstanden ist würdest du mir sagen aus welchem

Danke im Voraus
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#18
Der ist neu erstellt. Das Umarbeiten war zu kompliziert, weil Du konkrete Vorstellungen hattest (Container auf transparentem Untergrund, Bild mit umlaufendem Text). Da wird es mit einer Vorlagen schwierig, weil Mobirise schon sehr viele Classen hat, die dann in einander greifen (verschachtelt).
Du musst Dir überlegen, was mit dem Bild bei kleineren Monitoren passieren soll.
Einen Slider würde ich einfach nehmen, wie er angeboten wird (siehe Claus' Beiträge).
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#19
Erst noch einmal vielen Dank an alle dir mir da mit Rat und Tat zur Seite stehen

ich bin jetzt so weit gekommen wie ir im Anhang steht aber daran die Zeichena aus
dem Htlm unsichtbar zu machen bin ich bisher gescheitert

Erst einmal siehe Anhang.

Einmal wie bekomme ich den Unsichtbar
und wie bekomme ich die Schrift auch dem Button Gold

Danke

Hier das was ich eingügt habe
Wie ich das so schön wie Martin machen kann findei ich auch nicht bin halt doch zu eingeschränkt dort noch

HTML EDITOR 
<p><img id="Bild" class="user_image1" src="file:///C:/Users/CAD/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-03-06_131742/assets/images/ein_Blick_ins_Tal_Vulcano_wie_ein_Blick_ins_Marchenbuch.jpg" alt title style="float: right;">
     class="mbr-text pb-3 mbr-fonts-style" mbr-theme-style="display-7" mbr-if="showText" data-app-selector=".mbr-text, .mbr-section-btn"&gt;
Sie teilen uns Ihre Wünsche mit, wohin Sie reisen möchten und wir kümmern uns um die Organisation Ihrer Reise: von der Anreise über den Aufenthalt und die Unterbringung bis zur Rückreise. Das heißt, wir stellen Ihnen in einem Rahmenprogramm Touren, Routen, Ausflüge und Aktivitäten zusammen und empfehlen die passenden Übernachtungsmöglichkeiten nach einem ausführlichen Briefing. Unsere Vorschläge passen wir gerne Ihren weiteren besonderen Wünschen und Bedürfnissen an und erweitern sie entsprechend, damit Ihre Reise ein unvergessener Traumurlaub wird. Abschließend kümmern wir uns um die Organisation und Planung Ihrer individuellen Reise.
<br>
<br>Auf Wunsch werden Sie von unseren erfahrenen und ortskundigen Reiseleitern auf Ihrer Reise begleitet.
<br>
<br>
<br>Auf den folgenden Seiten informieren wir Sie im Einzelnen über unsere Leistungen.
            <br> class="mbr-section-btn" mbr-if="showButtons" mbr-buttons mbr-theme-style="display-4"&gt;
                <a class="btn btn-md btn-primary" href="https://mobirise.co">MEHR INFO</a>
                </p></div>
            </div>
   
    
    <div mbr-if="showArrow" class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
</section>

CSS EDITOR
.user_image1 {
  max-width: 40%;
}
img {
  float: right;
  margin: 10px 10px 40px 40px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px #333333;
}
@media screen and (max-width: 850px) {
  .user_image1 {
    max-width: 100%;
  }
  img {
    float: right;
    margin: 0 auto 15px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #333333;
  }
}
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#20
Es gibt immer öffnende und schließende Tags:
<section></section>
<div></div> usw.
Bei Dir fehlt oben:
<section>
<div>
<div>
Das wird im Editor rot als Fehler angezeigt!

Man kann allen Elementen Style-Anweisungen und Classen zuordnen. Du stellst diese Anweisung frei in den Raum:
<br>Auf den folgenden Seiten informieren wir Sie im Einzelnen über unsere Leistungen.
<br> class="mbr-section-btn" mbr-if="showButtons" mbr-buttons mbr-theme-style="display-4"&gt;
<a class="btn btn-md btn-primary" href="https://mobirise.co">MEHR INFO</a>
Somit gehört es nirgendwo hin und wird als Text angezeigt. Die <schließenden Klammern> fehlen !

Das mit der Schriftfarbe der Buttons ist schwieriger. Mobirise macht die Buttons über Classen! Dazu kann vielleicht Tommy was sagen.
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#21
(10.03.2019, 17:34)c-laus schrieb:
(10.03.2019, 17:00)Martin73 schrieb: Huh Nee, nichts ist klaro!
Funsport will einen Slider mit umfließendem Text haben. Ich halte das für unnötig, aber der Kunde ist König! Umfließenden Text haben die Slider nicht (wahrscheinlich, weil das keiner haben will).

...ich teile deine Meinung, allerdings:
Der Kunde ist NICHT IMMER König, zumindest nicht mehr.
Früher ja, aber früher sind wir ja auch noch mit Pferd und Wagen unterwegs gewesen! Shy

wenn der Kunde König ist, wer ist denn dann der Kaiser?
nicht das Erzählte reicht - sondern das Erreichte zählt.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#22
(12.03.2019, 16:26)nof15us schrieb:
(10.03.2019, 17:34)c-laus schrieb:
(10.03.2019, 17:00)Martin73 schrieb: Huh Nee, nichts ist klaro!
Funsport will einen Slider mit umfließendem Text haben. Ich halte das für unnötig, aber der Kunde ist König! Umfließenden Text haben die Slider nicht (wahrscheinlich, weil das keiner haben will).

...ich teile deine Meinung, allerdings:
Der Kunde ist NICHT IMMER König, zumindest nicht mehr.
Früher ja, aber früher sind wir ja auch noch mit Pferd und Wagen unterwegs gewesen! Shy

wenn der Kunde König ist, wer ist denn dann der Kaiser?

Na, das ist doch klar: Tommy thumbs up thumbs up Kussmund
Kompatibilitätsmöglichkeiten mit Mobi4  |   AMP-Templates Kompatibilität

WIN 10/Alle Browser/AdobePhotoshop/
Mobirise 4/AMP, alle Templates/Kaspersky
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#23
@funsport
Du kannst Dir eine eigene Class (class="button1") definieren* und den Buttons diese zuweisen:

*.button1 {
background-color: #4CAF50;
border: none;
color: #b1a374;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
Das funktioniert aber nicht immer! Auch kannst Du über Mobirise durch Anklicken der Buttons viel einstellen. Das würde ich nicht verändern! Die Schriftfarbe der Buttons kannst Du nicht einstellen.
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#24
@Martin,

natürlich kann man die Schriftfarbe der Buttons verändern.
Ich mache das so, mit Selektoren.
In Mobi funktionieren die Selektoren immer, es stört nicht, macht nix kaputt und funktioniert immer...das haben mir meine Fachleute versichert, auch wenn Tommy anderer Meinung ist,
ich nutze diese Seletoren schon seit Ewigkeiten Kussmund

Muss aber letztendlich jeder selber entscheiden, was er macht, was er einsetzt, gelle!

Siehe Bilder

Selektoren so

pink {
  color: #E10083;
}


.jpg  a-pink.jpg (Größe: 16,87 KB / Downloads: 9)


Im html dann so

<div mbr-buttons mbr-theme-style="display-4" class="mbr-section-btn" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a class="btn btn-md btn-black-outline" href="index.php" data-app-placeholder="Type Text"><pink>MEHR INFO</pink></a>


.jpg  a-pink2.jpg (Größe: 109,85 KB / Downloads: 7)
Kompatibilitätsmöglichkeiten mit Mobi4  |   AMP-Templates Kompatibilität

WIN 10/Alle Browser/AdobePhotoshop/
Mobirise 4/AMP, alle Templates/Kaspersky
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#25
Moin,

Bootstrap hat für Buttons etliche vorgefertigte CSS-Klassen, die auch von Mobirise angewendet werden und die man natürlich auch beliebig ändern/anpassen kann.

http://www.mobirise-tutorials.com/Portfo...ontent2-19

http://holdirbootstrap.de/css/#buttons
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#26
das section steht weiter oben

ich habe jetzt versucht die Texte die fälschlich angezeigt werden

in <a>   </a> gepackt dann bekomme ich eine Fehlermeldung
Hatte ich schon vorher versucht aber jetzt noch einmal


<section class="header10" group="Headers" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{'mbr-fullscreen': fullScreen,
                    'mbr-parallax-background': bg.parallax}">

    <mbr-parameters>
    <!-- Block parameters controls (Blue "Gear" panel) -->
        <input type="checkbox" title="Full-Screen" name="fullScreen">
        <input type="range" inline title="Oben" name="paddingTop" min="0" max="9" step="1" value="6" condition="fullScreen == false">
        <input type="range" inline title="Unten" name="paddingBottom" min="0" max="9" step="1" value="9" condition="fullScreen == false">
        <input type="checkbox" name="halfSize" title="Half Size">
        <select title="Align" name="alignHalf" condition="halfSize">
            <option value="1">Left</option>
            <option value="2" selected>Center</option>
            <option value="3">Right</option>
        </select>
        <input type="checkbox" title="Pfeil Anzeigen" name="showArrow" checked>

        <input type="checkbox" title="Titel Anzeigen" name="showTitle" checked>
        <input type="checkbox" title="Untertitel Anzeigen" name="showSubTitle" checked>
        <input type="checkbox" title="Text Anzeigen" name="showText" checked>
        <input type="checkbox" title="Buttons Anzeigen" name="showButtons" checked>
        
        <input type="color" title="Bg Text" name="bgText" value="#efefef" condition="showTitle || showSubTitle || showText || showButtons">
        <fieldset type="background" name="bg" parallax>
            <input type="image" title="Hintergrundbild" value="file:///C:/Users/CAD/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-03-06_131742/assets/images/background1.jpg" parallax>
            <input type="color" title="Hintergrundfarbe" value="#efefef" selected>
            <input type="video" title="Hintergrundvideo" value="https://www.youtube.com/watch?v=36YgDDJ7XSc">
        </fieldset>
        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'">
        <input type="color" title="Overlay-Farbe" name="overlayColor" value="#232323" condition="overlay && bg.type !== 'color'">
        <input type="range" inline title="Transparenz" name="overlayOpacity" min="0" max="1" step="0.1" value="0.2" condition="overlay && bg.type !== 'color'">
    <!-- End block parameters -->
    </mbr-parameters>

    <div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
    </div>

    <div class="container">
        <div class="media-container-column mbr-white p-5 align-left" mbr-class="{'col-lg-8 col-md-12': halfSize, 'm-auto': halfSize &&  alignHalf==2, 'ml-auto': halfSize &&  alignHalf==3}">
            <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style" mbr-theme-style="display-1" mbr-if="showTitle">Weltweit exklusiv Reisen zu ausgesuchten Reisezielen</h1>
            <h3 class="mbr-section-subtitle mbr-light pb-3 mbr-fonts-style" mbr-theme-style="display-2" mbr-if="showSubTitle"><b>Das heißt: Reisen ohne Kompromisse!</b></h3>

 <p><img id="Bild" class="user_image1" src="file:///C:/Users/CAD/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-03-06_131742/assets/images/ein_Blick_ins_Tal_Vulcano_wie_ein_Blick_ins_Marchenbuch.jpg" alt title style="float: right;">
 class="mbr-text pb-3 mbr-fonts-style" mbr-theme-style="display-7" mbr-if="showText" data-app-selector=".mbr-text, .mbr-section-btn"&gt; >
Sie teilen uns Ihre Wünsche mit, wohin Sie reisen möchten und wir kümmern uns um die Organisation Ihrer Reise: von der Anreise über den Aufenthalt und die Unterbringung bis zur Rückreise. Das heißt, wir stellen Ihnen in einem Rahmenprogramm Touren, Routen, Ausflüge und Aktivitäten zusammen und empfehlen die passenden Übernachtungsmöglichkeiten nach einem ausführlichen Briefing. Unsere Vorschläge passen wir gerne Ihren weiteren besonderen Wünschen und Bedürfnissen an und erweitern sie entsprechend, damit Ihre Reise ein unvergessener Traumurlaub wird. Abschließend kümmern wir uns um die Organisation und Planung Ihrer individuellen Reise.
<br>
<br>Auf Wunsch werden Sie von unseren erfahrenen und ortskundigen Reiseleitern auf Ihrer Reise begleitet.
<br>
<br>
<br>Auf den folgenden Seiten informieren wir Sie im Einzelnen über unsere Leistungen.
            <br>  class="mbr-section-btn" mbr-if="showButtons" mbr-buttons="" mbr-theme-style="display-4" &gt;
              <a class="btn btn-md btn-primary" href="https://mobirise.co">MEHR INFO</a>
    </p></div>
            </div>
   
    
    <div mbr-if="showArrow" class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
</section>
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#27
Warum machst Du so viel zu Fuß?
Bissl anders und das ganze gibt es von der Stange.

Du solltest vielleicht bedenken: Du machst Dir tagelang Arbeit für etwas, was der Kunde gar nicht sieht oder was im Endeffekt keinen Nutzen für den Kunden hat.

Du musst UNBEDINGT mehr Richtung Auffindbarkeit in Google denken.
Dann in großen Bildern. Nix mit viel Text.

Gerade in Deinem Business mit Funsport, Surfen, Kiten etc will keine viel lesen.
Literaturinteressierte Professoren sind doch eher nicht Deine Zielgruppe.

Frank
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#28
Ich denke mal mit dem Ausklammern das habe ich jetzt gefunden
Aber dann Umläuft er nicht mehr das Bild warum auch immer

Ich habe jetzt per HtmL Text

das folgende
 <p><img id="Bild" class="user_image1" src="file:///C:/Users/CAD/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-03-06_131742/assets/images/ein_Blick_ins_Tal_Vulcano_wie_ein_Blick_ins_Marchenbuch.jpg" alt title style="float: right;"></p>
<p class="mbr-text pb-3 mbr-fonts-style" mbr-theme-style="display-7" mbr-if="showText" data-app-selector=".mbr-text, .mbr-section-btn">
Sie teilen uns Ihre Wünsche mit, wohin Sie reisen möchten und wir kümmern uns um die Organisation Ihrer Reise: von der Anreise über den Aufenthalt und die Unterbringung bis zur Rückreise. Das heißt, wir stellen Ihnen in einem Rahmenprogramm Touren, Routen, Ausflüge und Aktivitäten zusammen und empfehlen die passenden Übernachtungsmöglichkeiten nach einem ausführlichen Briefing. Unsere Vorschläge passen wir gerne Ihren weiteren besonderen Wünschen und Bedürfnissen an und erweitern sie entsprechend, damit Ihre Reise ein unvergessener Traumurlaub wird. Abschließend kümmern wir uns um die Organisation und Planung Ihrer individuellen Reise.
<br>
<br>Auf Wunsch werden Sie von unseren erfahrenen und ortskundigen Reiseleitern auf Ihrer Reise begleitet.
<br>
<br>
<br>Auf den folgenden Seiten informieren wir Sie im Einzelnen über unsere Leistungen.</p>
            <div class="mbr-section-btn" mbr-if="showButtons" mbr-buttons mbr-theme-style="display-4">
                <a class="btn btn-md btn-primary" href="https://mobirise.co">MEHR INFO</a>
               </div>
        </div>
    </div>

    <div mbr-if="showArrow" class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
</section>

dann als CSS eingefügt
mg {
  float: right;
  margin: 10px 10px 40px 40px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px #333333;
}
@media screen and (max-width: 850px) {
  .user_image1 {
    max-width: 100%;
  }
  img {
    float: right;
    margin: 0 auto 15px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #333333;
  }
}
H1 {
  color: #800b28;
}
H3 {
  color: #232323;
}
.mbr-text, .mbr-section-btn {
  color: #767676;
  text-align: left;
  float: right;
}
P {
  color: #767676;
}
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#29
Ich habe jetzt diesen Thread nicht wirklich verfolgt. Willst Du einen Fließtext um das Bild haben?

Ich erstelle das mal als Beispiel - kleinen Moment.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#30
Du kannst mit "float" natürlich nur innerhalb des gleichen Blocks arbeiten. In meinem Beispiel habe ich einen einfachen Textblock verwendet und noch ein Bild händisch mittels absolutem Link auf ein Bild versehen.

http://www.mobirise-tutorials.com/Lawyer...float.html
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  URL-Script oder Anleitung gesucht Hans Klawun 6 219 29.04.2019, 11:56
Letzter Beitrag: Hans Klawun
  Immer ganzes Projekt hochladen - Einzelne Seite nicht möglich Rancher 6 245 18.02.2019, 19:48
Letzter Beitrag: Rancher
  IPhone oder Ipad ? stobi_de 2 147 07.02.2019, 15:56
Letzter Beitrag: barbara0701
  Php-Webmailer und Mobi - neues Problem stobi_de 18 1.135 09.01.2019, 10:39
Letzter Beitrag: TibKirk
  FTP-Daten im Projekt stobi_de 7 350 21.12.2018, 12:41
Letzter Beitrag: Tommy Herrmann
  Schrift: strong oder bold oder sonstwas? stobi_de 17 496 19.12.2018, 23:16
Letzter Beitrag: Rancher
  Ist das alle was ich brauche oder viel zu viel funsport 1 261 14.09.2018, 22:10
Letzter Beitrag: Tommy Herrmann
  background-attachment:fixed: unsichtbar / hier die Lösung stobi_de 0 226 01.08.2018, 11:06
Letzter Beitrag: stobi_de
  vollständige CSS, Neues Gästebuch (blau) itsadrian 6 646 15.06.2018, 11:37
Letzter Beitrag: itsadrian
  Mobirise-Datei Download oder Ansicht Abfrage Thomas Saake 5 540 12.05.2018, 13:35
Letzter Beitrag: Tommy Herrmann



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!