Beiträge von brainstuff

    @Alexandar,


    Eine App ist eigentlich nur dann sinnvoll, wenn die etwas anderes macht, als nur Inhalte anzuzeigen. Inhalte kann man mit einem Browser viel besser anzeigen.


    Da braucht es nur die Daten und keine App bzw kein Programm.


    Das kann sogar so sein, dass man da Inhalte sowohl auf einem riesigen Monitor als auch auf einem kleinen Smartphone anzeigen kann. Das kann man sogar auf einem von diesen GROSSARTIGEN Iphones anzeigen lassen ohne, dass man da nach den Würmern im Apple suchen muss...


    Auf der Seite https://mail2vip.com/gallerietest/gallerie.html findest Du ein ganz einfaches Beispiel. Die Bilder kann man da ziemlich einfach durch Text-Boxen ersetzen.


    Man kann dann sogar einen Link zu der Seite als ICON auf den Bildschirm legen.

    Sempervivum,


    Danke für Deine Antwort.

    Es geht um 2 Sachen.


    1 Es ist nötig, dass die Leute auf einer Homepage, auch dann, wenn sie völlig unbegabt und unfähig sind, sich die nötigen Informationen selbst zusammen zu suchen, sofort und ohne grosses Suchen, einen Ansprechpartner finden.


    Dafür will ich einfach einen Streifen, oder eine Zone, fest verankert, über die Seiten legen auf der den Besuchern "Ein-Klick" Kontakt-Methoden angeboten werden (Telefonnummer, Chat, Whatsapp, E-mail,....). Auf dieser Leiste sollte auch eine Status-Anzeige stehen: Eingeloggt nein/ja Cookies ja/nein oder "wir verwenden keine Cookies".

    Es muss in der Informatik endlich aufhören, dass man den Leuten die Zeit mit Bull-Shit verschwendet. Es darf nicht sein, dass man den Leuten zum Beispiel Cookies aufdrängt, die sie gezwungenermassen akzeptieren müssen. Jede Seite muss ohne unnützen Zwang zugänglich sein.


    Es muss sogar so sein, dass man Zustimmungen für Cookies und AGB's jederzeit widerufen kann, wenn man sie nicht mehr will. Wenn man zum Beispiel dem Preis von 99,99 für das rosarote Modell zugestimmt hat, dann gilt dieser Preis nur für diese Bestellung auch die Kreditkartennummer darf nur für die Zahlung von dieser Bestellung verwendet werden und muss gelöscht werden, wenn die Zahlung erfolgt ist.

    Es darf auch nicht sein, dass wir die Nutzer für die "Scheisse", die wir da produzieren und produziert haben, verantwortlich machen indem wir sie ständig mit völlig irrsinnigen "Umfahrungen" schädigen: es ist ein totaler Wahn, dass wir den Leuten die Zeit stehlen, weil unsere E-Mails zum Beispiel regelmässig im SPAM landen, weil wir irgendwo gelistet werden. Es ist ja der Wahn, dass wir da irgendwelche verblödeten Tricks anwenden müssen um unsere E-Mail Adresse zu verheimlichen. Selbst meine Methode für die Email-Adresse auf den Homepages ist eigentlich eine Sauerei: ich gebe dort immer eine Alias - Email Adresse an, die ich, immer dann ändere, wenn da dann zuviel SPAM ankommt.


    Meine Organisation setzt sich dafür ein, dass die Möglichkeiten, die die Informatik den Menschen bieten kann, endlich umgesetzt werden: man muss den Leuten zuerst einmal die unbedingt nötigen Grundfunktionen anbieten. Das ist bei einer Internet Seite der Knopf, der die Seite lädt. Da muss dann sofort zu sehen sein, was die Seite für einen Zweck hat. Und auf dieser Seite hat es dann meinen Konfigurations-Streifen, auf dem man dann einstellen kann, was in den Cookies gespeichert wird, damit die Seite beim nächsten Aufruf sofort in chinesischer Sprache oder mir Zusatzfunktionen angezeigt wird, die ein Universitäts Professor nicht brauchen kann, weil er keine Lust hat, seine Zeit mit irgendwelchen dümmlichen Spielereien zu versauen.


    2. das mit dem Overlay = das "Transparent" über der ganzen Seite, ist eine Sache, mit der ich etwas ausprobieren will, was ganz neue Webseiten-Gestaltungsmöglichkeiten ermöglichen wird, die jetzt nur wenig eingesetzt werden. Ich möchte den Seiten eine Art von "Scheibe" drauflegen, auf der die Nutzer Zusatzinformationen finden, die für sie interessant sind und auf der man dann noch ganz andere extrem interessante Sachen machen kann. Was ich da will ist hier an einem einfachen Beispiel zu sehen: auf der Hintergrund Seite steht


    "Unser....................................... ist Ihr Ansprechpartner"

    Auf dem nächsten Layer steht dann
    ".......... e Frau Oberschwester......................................... "

    Das ergibt dann:

    "Unsere Frau Oberschwester ist Ihr Ansprechpartner"


    Das war jetzt nur ein Funktionsbeispiel. Die "transparenten Folien" die da verwendet, werden können, dann,, zum Beispiel vom Betreiber, dazu verwendet werden, dass er da drauf irgendwelche Wörter oder Bilder markiert.


    Mir geht es im Augenblick darum, dass ich testen will, wie man Seiten aus mehreren übereinander liegenden transparenten Seiten gestalten kann.

    Danke,

    brainstuff

    Ich suche nach Vorlagen die mit verschiedenen Layern arbeiten ... zum Beispiel einen Streifen, der irgendwo auf der Seite feststeht und darunter kann die Seite gescrollt werden. Oder auch eine transparente Auflage auf einer Seite, auf die man Objekte ablegen kann und die man mit einem Klick auf eine Schaltfläche entfernen bzw drauflegen kann. Das ist wie so eine Glasscheibe, die man auf ein Blatt papier legt und auf der man dann irgend etwas malen kann.

    Das geht garantiert mit CSS und HTML aber ich finde bis jetzt nicht heraus, wie das geht.

    Vielleicht hat hier jemand einen Link zu einer Vorlage mit der ich experimentieren kann...

    Danke

    brainstuff

    Danke Basti1012,

    Ich bin nicht auf die Idee gekommen, wie Du, zu schauen wo ich das Bild finde und habe mich da darauf festgefahren zu verstehen, was dieser iframe da eigentlich soll.

    Das was der soll habe ich auch jetzt noch nicht geschnallt ... aber ich habe jetzt einfach das gemacht, was Du da vorgeschlagen hast. Allerdings habe ich mir das Bild nicht geholt sondern ich habe es an seinem ursprünglichen Platz gelassen und habe nur die src auf dieses Bild gesetzt. t kann ich diJe Bildgrösse bestimmen.


    Danke für Deine Hilfe,

    brainstuff

    Hallo,


    Ich versuche das Bild von einem Banner größer zu machen ...


    <iframe src="https://get.cryptobrowser.site/pb/1/10655668/635/?t=simple,text,pro,mobile" style="width: 240px; height: 1200px" frameborder="no"></iframe>


    aber wenn ich style="width: 240px; height: 1200px" verändere, geht gar nichts ... dieser Code zeigt nur die Webseite die drin ist und der Rest scheint gar nichts zu bewirken ...

    Ich verstehe irgendwie nicht, warum das ein iframe sein soll.

    Kann mir das jemand erklären?

    Danke


    brainstuff

    Sempervivum Danke für Deine Antwort. Kann man mit Flex-direction auch die Anzeige für Smartphone Landscape anderst gestalten wie für Portrait? Ich habe eine andere Seite, wo ich gezwungen bin mit 2 Versionen zu arbeiten (per htaccess) und trotzdem kommt die Landscape Seite nicht optimal)

    Bei der alten Version geht die Drehung auch auf dem Smartphone ... wenn man auf das Logo tippt, dreht es sich wie ein Propeller, solange bis man auf einen anderen Platz tippt. Bei der neuen Version habe ich das bisher nur auf einem PC mit den Webtools von Firefox probiert ... damit ging die alte Version aber auch.

    Auf pxoxd.com/tt findest Du die alte Version wo der "Propeller" auch auf dem Smartphone dreht. Ich frage mich aber, ob dieser Effekt nicht mehr stört, wie er hilft. Das Projekt wird von der UNESCO unterstützt und es ist etwas fragwürdig, ob man da mit dem "Propeller" arbeiten sollte. Auf der PC Seite ist das nicht so dominant, wie auf dem Smartphone.


    Danke,

    brainstuff

    Hallo,


    Ich brauche auf einer Webseite 3 Kolonnen mit Bildern bzw inlineframes die dann auf einer PC Seite in 3 Kolonnen angezeigt werden und die auf dem Smartphone zu einer Kolonne werden.


    PC:


    H H H

    H H H

    H H H

    H


    SMARTPHONE:


    H

    H

    H

    H

    H


    In den einzelnen Zellen hat es dann wahlweise ein Bild bzw. eine html wo ein Bild mit einem Link drin ist. Wenn man auf ein Bild klickt, wird eine Seite geöffnet. Es muss einfach sein, da weitere Zellen dranzuhängen. Zwischen den Zellen - Kästen wird der Seitenhintergrund sichtbar.


    Geht das?


    Danke,

    brainstuff

    Sempervivum ich habe es jetzt mit flex versucht, aber das kommt auf dem Smartphone nicht so richtig (die icones kommen in einer Spalte neben dem Logo und diese Spalte ist dann höher wie das Logo).


    Deshalb habe ich die icones mal vorläufig unter das Logo gesetzt ... das sieht eigentlich ganz gut aus und ist auch auf dem Smartphone ok. Aber ... komischerweise .. dreht das Logo nur auf der PC Anzeige. Auf dem Smartphne (zumindestens bei Anzeige in Firefox mit der Smartphone simulations anzeige) bleibt das Logo statisch.


    #outer {

    display: flex;

    }


    #spinner:hover img {

    animation: ani 3s linear forwards infinite;

    }


    @keyframes ani {

    0% { transform: rotate(0); }

    100% { transform: rotate(-360deg); }

    }


    #right {

    margin-left: 5px;

    display: flex;

    flex-wrap: wrap;

    }


    #right>a {

    padding: 5px;

    }



    <div id="outer">

    <div id="spinner">

    <img src="images/pxoxd_logo.jpg">

    </div>

    </div>

    </div>


    <!-- Sprachen --!>


    <div id="right">

    <a href="flex uebereinander.html">

    <img src="http://example.com/_images/fl/de.png">

    </a>

    Sempervivum


    Danke, das geht ganz toll ... kannst Du mir bitte noch sagen, wie ich rechts daneben einen Kasten setzen kann, in dem es beliebig viele Icones hat, die man anklicken kann (dann öffnet sich eine andere Seite)


    Also es soll dann so aussehen:


    ooooooooooo a b c d

    ooooooooooo e f

    ooooooooooo


    Die "o's" sind das drehende Logo a b c ... sind die Icones (für Seiten in anderen Sprachen


    Ich bringe das einfach nicht hin ... das der Kasten mit den Sprachen will einfach nicht neben dem Logo erscheinen, sondern die Ikones kommen immer in der nächsten Zeile (= unter dem Logo, statt daneben)


    Danke

    brainstuff

    DrBagel112358

    Das mit der .htaccess Datei ist mit sehr grosser Wahrscheinlichkeit nicht zutreffend. PUNKThtaccess ist eine versteckte Datei ... der Punkt davor wird von verschiedenen Betriebssystemen dazu verwendet, um eine Datei als unsichtbar zu deklarieren. Die meissten FTP Programme zeigen .htaccess an, wenn man nicht die Optionen verändert. Es gibt aber auch FTP Programme, die .htsccess nicht anzeigen können. Zum Beispiel das FTP add on von Totalcommander Android kann bei uns .htaccess nicht anzeigen (das ist sehr schade, weil das FTP von Totalcommander für Android sonst perfekt ist). (Die FTP Funktion von Totalcommander für Windows kann das aber problemlos, wenn man in Totalcommander die Einstellung auch versteckte Dateien anzeigen aktiviert). Das FTP von Totalcommander ist besser wie Filezilla weil es den Ordner auf dem Server, neben dem lokalen Server anzeigt: da kann man dann alles problemlos vergleichen.


    Dein Problem kommt mit grosser Sicherheit davon, dass Du gross geschriebene Buchstaben verwendest. (das sieht man auf Deinen Screenshots.


    Auf Deinem Windows Rechner funktionniert das weil Windows keinen Unterschied zwischen Gross und Kleinschreibung macht. Auf dem Server macht das Betriebssystem aber einen Unterschied zwischen gross und klein Schreibung. "PDF" ist da nicht gleich "pdf" Wenn Du irgendwo auch nur einen Buchstaben von einem Datei (oder Ordnernamen) gross, statt klein oder klein statt gross schreibst geht es nicht mehr.


    Die Tatsache, dass Dein Werk auf dem heimatlichen Windows Rechner läuft und nicht auf dem Internet Server, ist ein ganz klares Zeichen dafür, dass da ein oder mehrere Buchstaben nicht gleich geschrieben sind.


    brainstuff

    Hallo,


    ich versuche eine responsive Seite mit 3 Kolonnen zu machen. Es hat links und rechts einen leeren Bereich und in der Mitte eine Slide-Show : I I ooo I I.


    über der Slide Show braucht es ein Menu .. das heisst es steht rechts oben menu und dann kommt die Slide Show.


    Das habe ich jetzt so wie in den Code Beispiel im Anhang. Aber da kommt zwar die Slide-Show dort wo sie sein soll (= horizontral zentriert in der Mitte vom Bildschirm) aber das Menu wird in der linken Kolonne angezeigt... In der Smartphone-Version soll das dann im Portrait-Format. So kommen: IooI. (also mit sehr geringem Rand auf beiden Seiten) und im Querformat so: I. ooo. I .


    Jetzt wird das Menu in der PC Version am linken Bildschirmrand angezeigt, im Portrait-Format auf dem Smartphone wird es nicht angezeigt und im Querformat ist das Wort Menu auch am linken Bildschirm rand.

    Ich verstehe nicht warum.


    Danke

    brainstuff


    m.scatello


    Im Augenblick habe ich das Menu mit dem CSS was Du im Anhang findest aufgebaut. Wenn man auf einen Menu-Punkt klickt, wird eine html Datei aufgerufen und dann wird zum Beispiel ein Kontaktformular angezeigt ... das sieht dann so aus, wie der "Quellcode" hier aussieht (inks der Text und rechts viel unnütze weisse Seite) und das nicht in einem Fenster wie hier, sondern auf der ganzen Seite.


    Ich will, dass das Kontaktformular als "Fenster" auf der Seite angezeigt wird und ich will dass es möglich ist zu bestimmen wo und wie gross dieses Fenster erscheint.


    Die Seite ist "responsive", aber (zumindestens im Augenblick noch) es hat je eine spezielle Version für PC Bildschirme und für Smartphones. Auf dem Smartphone kommt das mit den Menu-Items perfekt (die überdecken den normalen Inhalt vollständig, es hat keine grosse leere Fläche). Auf der PC Version, hat es aber viel zu viel weisse Fläche, weil die Formulare eine neue Seite sind, die die ursprüngliche Seite überdecken ... (-> http://form1.ch)


    Danke,

    brainstuff



    Danke Arne,


    Ich hatte gehofft, dass es auch in HTML so eine Möglichkeit gibt, weil das mit dem ALT= ja eigentlich auch eine Logik ist .. (=wenn das Bild nicht angezeigt werden kann kommt der Text) aber da das mit PHP geht, mache ich das jetzt damit..


    Danke.

    brainstuff

    Hallo,


    Wenn man


    <input type="image" src="submit.gif" alt="Submit.gif">


    ins html schreibt wird das Bild angezeigt, wenn es existiert und wenn nicht, der Text.


    Ich möchte aber ein alternatives Bild anzeigen ... also wenn http://xxx.com/images/submit.gif nicht existiert (weil ich ohne Internet arbeite), dann wird .../images/submit.gif angezeigt ...

    Weie kann man das machen?


    Ich will in Zukunft mit einer Bilder-Datenbank auf einem Server arbeiten. Da sind alle Standard-Bilder gespeichert, die auf verschiedenen Webseiten verwendet werden. Diese Bilder sind dann prioritär. Wenn zum Beispiel ein Logo verwendet wird, dann wird das zuerst auf diesem Bilder Server aktualisiert. Ein eventuel im Verzeichnis images von der Zieldomain vorhandenes Bild ist nur eine Notfall Lösung, für den Fall, dass das andere Bild nicht gefunden wird.


    Danke,

    brainstuff

    ja Basti1012 ich brauche ein Frame was sich über einem Teil der Seite öffnet. Es hat jetzt ein Menu, wenn ich auf Menu Klicke klappt das Menu auf und dann kann man ein Menu-Item wählen ... also zum Beispiel Kontakt. Wenn man da dann drauf klickt öffnet sich die Köntakt Seite, die ersetzt dann den Inhalt, der vorher da war. Da ist dann gut die Hälfte der Seite "weiss".


    Der Inhalt der Kontakt Seite ist aber nur halb so breit und nicht so hoch, wie die normale Seite ... desshalb will ich, dass die Kontakt Seite nur einen Teil der Seite überdeckt. Eigentlich klappt dabei das drop-down Menu auf und dann klickt man auf den Menu-Punkt "Kontakt" und dann klappt das Fenster "Kontakt" auf genauso wie das Drop-down Menu. Es soll eigentlich ungefähr so sein, wie ein "Accordeon" wo man auf die Kopfzeile klickt und dann öffnet sich der Inhalt. Nur muss sich dieser Inhalt an einem definierten Platz auf der Seite in einer festgelegten Grösse öffnen.


    Danke,

    brainstuff

    Hallo,


    ich brauche eine Seite, die, wenn man sie aufruft, sich über der Seite, von der aus sie aufgerufen wird, legt (nur als pop-up fenster. die Grösse und der Ort muss einstellbar sein. Jetzt wird die Seite von einem Menü aus aufgerufen und überdeckt dann den ganzen Bildschirm respektive sie wird als neue Seite in den TAB geladen, in dem die Seite mit dem Menu vorher angezeigt wurde.


    Kann man das mit Z-Index machen?


    Danke

    brainstuff

    basti1012


    in der Konsole finde ich :


    ---------

    Geerbt von Html:


    --cd-color-1: hsl(218, 7%, 32%);

    --cd-color-1-h: 218;

    --cd-color-1-s: 7%;

    --cd-color-1-l: 32%;

    --cd-color-2: hsl(127, 83%, 80%);

    --cd-color-2-h: 127;

    --cd-color-2-s: 83%;

    --cd-color-2-l: 80%;

    --font-primary: 'Jaldi', sans-serif;

    }

    --------


    In der html ist aber nichts davon


    Das Font-primary, hat es in der CSS ... das habe ich durch ARIAL ersetzt und das ändert die Schrift wirklich.


    In der CSS finde ich auch dieses:

    :root,

    [data-theme="default"] {

    --color-primary-darker: hsl(220, 90%, 36%);

    --color-primary-darker-h: 220;

    --color-primary-darker-s: 90%;

    --color-primary-darker-l: 36%;

    --color-primary-dark: hsl(220, 90%, 46%);


    (die Liste ist noch länger)


    Wenn ich da mit dem Cursor über zum Beispiel "(220,90%,46%)" gehe, wird die entsprechende Farbe angezeigt .... das "hsl(220, 90%, 36%);" ist zum Beispiel ein dunkeles Blau.


    Ich gehe jetzt davon aus, dass das eine Tabelle ist, die eine Farbe einer Variablen zuordnet. Aber ich verstehe noch nicht wie das funktionniert. Warum werden die Werte in der ersten Zeile (color-primary-darker: hsl(220, 90%, 36%);) dann in den nächsten Zeilen wiederholt? Und wie heisst die Variable für die Farbe?


    Danke,

    brainstuff

    PS Ich habe jetzt herausgefunden, dass das die Zeile background-color:var(--cd-color-2) den Hintergrund grün färbt .. wenn ich background-color:var(--cd-color-3). rein schreibe ist der hintergrund weiss. Aber das ist nur weil color-3 nirgendwo definiert ist. Wenn ich das in color-1 umstelle, dann ist der hintergrund dunkelgraus (wie Teile vom Accordion). Im Accordeon hat es dunkelgraue und schwarze Items. Aber die Einstellung für die schwarzen Elemente finde ich auch nicht.


    Es hat auch noch komplexere Einträge:


    hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*1.1))