Komischer Chat. Erstens kann man sich ohne Passwort anmelden ,da gibt es nicht mal ein Passwort Feld. Wiie soll man dann nicht registrierte nutzer aussperren für 30 sekunden? Finde nicht einmal ein Feld wo man sich registrieren kann.
Der Chat läuft bei mir nicht einmal richtig.
Also ich werde da nicht so schnell helfen können, muß erstmal den Chat zum laufen bringen damit ich da ein überblick bekomme wie und wo man da User registrieren kann.
Wolltest du das nicht eigentlich als Menü nehmen,?
Ich meine wenn du auf der Arbeit Seite bist und drifters anklickst ,mußte man ja immer zurück gehen um auf Waldfrieden zu kommen.
Wenn du statt dessen aber auf der linken Seite oder so ein Menü hast ,ermöglichst du dir den direkten klick von Drifers zu Walfrieden .
Ich hätte die Bilder aus der Startseite alle als kleinere Bilder 100 X 100 Pixel groß oder so ,alle untereinander als Menü genommen.
http://sebastian1012.bplaced.net/homepagebasti1…-einsiedler.php
So würde ich es machen , weil so spart man sich ein paar klicks und hat direkten zugriff auf deinen Links .
Das Menü bindest du dann halt nur auf den 9 Seiten oder wie viele das sind ein.
Du könntest de Inhalt auch mit Ajax holen.Aber das sind alles nur überlegungen. Was du wirklich willst kannst nur du entscheiden.
EDIT: Meine idee mit den breiten Bordern geht gar nicht. Da habe ich falsch gedacht. Aber gut , bin da gerade wach geworden
Arne Drews hattest du da schon was gemacht oder schon zeit gefunden ?
hokkabaz81 wie hast du dir das den genau gedacht ?
Soll das Textfeld einfach für 30 Sekunden gesperrt sein ?
Oder soll der Chat für nicht registrierte nutzer erst nach 30 Sekunden betretbar sein ?
Weil möglichkeiten gibt es da viele.
Das sieht doch gar nicht so schlecht aus.
Nee andere möglichkeit die Ränder zu verstecken wüßte ich jetzt nicht. Wenn das jetzt nur Etwas Text wäre könnte man vieleicht mit createElement genau an der position das Element erstellen . Nur ob das alles so klappt ist auch noch fragwürdig.
Du könntest aber rechts und Links einen dicken border setzten.
body{
height:100vh;
width:80vw;
margin:0;
padding:0;
border-left:10vw solid white;
border-right:10vw solid white;
}Optisch kommt das gleiche raus und das gute ist es geht bis nach unten egal wie lang der Inhalt ist.
Aber das ist eine Lösung die nicht jeden gefallen wird weil der Border für sowas wohl nicht gedacht wahr.
PS: Die breite der Border muß von der breite des Containers abgerechnet werden damit die erwünschte breite passt. So wie hier ist der Container nur 80vw weil die Border zusammen schon 20 vw haben
Das Script speichert den Counter Wert in einen Text document. Das geht genau so gut mit Datenbank und vom Code her auch nicht viel mehr.
Das aussehen hat ja nix mit Php zu tun , das machst du später mit Css wenn alles funktioniert.
Wieviel ahnung hast du überhaupt von Php und Sql Code schreiben?
Weil ein Logout Button ist ganz simpel.Du brauchst nur die session zerstören
<?php
session_start();
session_destroy();
?>Dazu machst du dir ein Logout Button der den Code aufruft. ( <form> oder ajax oder halt mit einen Link aufrufen )
Was heißt reagieren nicht richtig ? Versuch mal dein Glück , du hast ja in den 2 Tagen schon einiges geschafft.Das bekomst du bestimmt auch hin. Fals du nicht weiter kommst dann stell dein versuch mal Online
Wenn ich einen Counter auf meiner Webseite habe und einen Button der den Counter um einen erhöhen tut kann das jeder sehen der die Webseite betretten tut. Der Php Code der die Daten aus der Datenbank holt sind ja auf den Server. Das heißt jeder der deine Seite aufrufen tut sieht den Counter mit den Button.
Du könntest dir ein Passwort anlegen damit du den Counter nur mit einen Passwort erhöhen kannst.
Fast das gleiche Thema hatten wir vor paar Tage erst da wollte auch einer mit Php und einen Button den Counter um einen erhöhen. Mal kucken ob ich das Thema wieder finde weil da ist genau das was du bauen willst. Nur halt mit Passwort damit nicht jeder den Counter erhöhen kann.
wenn du display none nicht haben willst ,weil du bestimmte Datein nicht mit Laden willst ,wirst du für deine Mobile Seite eine komplett eigene Seite erstellen müßen.
Du könntest aber auch mit ajax bestimmte Bereiche laden. Wäre aber jedesmal ein neuer request.
Das könntest du ach mit php machen wenn du unnötige Datein nicht mit laden willst.
Warum willst du die sachen den nicht ausblenden? Das wäre am einfachsten.
Sind die Bereiche besonders groß ?,oder warum ist dir das so wichtig.
Zu frage2 . Ja mit @media queries bist du da schon auf den richtigen Wege
Gut in dein Beispiel ist zwar jetzt kein @media queries, aber ich kann mir es schon vorstellen wie es aussieht. Aber sieht gut aus ,hast es jetzt ja geschaft und das Bild über img einzufügen ist eigentlich mit am einfachsten. Man muß nur immer überlegen wie groß eine Seite werden soll. Jedes Bild muß erst runtergeladen werden und brauch ein request. Mein Beispiel aus post #22 wieder rum sind gegenüber Bilder viel kleiner und kein Request.
Bei den kleinen Pfeilen ist das jetzt minimal.Aber ich habe mal eine Seite gesehen da hat einer als Hintergrundbild ein Schwarzes Bild genommen was 2mb groß wahr. Da wäre background:black viel kleiner gewesen.
Wenn ich richtig Informiert bin funktioniert content:'bla'; im Css nur bei after und before. Fals ich recht habe geht das bei dir so jetzt nicht ,weil deine Buttons keinen after und before haben.
Vieleicht liege ich da jetzt falsch. Fals es doch geht dann laß mich das wissen 
Du könntest auch die html Entries nehmen oder wie das heißt
<style>
.butt{
color:white;
cursor:pointer;
font-size:40px;
}
.links:after{
display:inline-block;
width:4.5vw;
height:4.5vw;
margin:0 0 0.9vw 0;
padding:5px 0 10px 5px;
content:'\2192';
background:red;
}
.rechts:before{
display:inline-block;
width:4.5vw;
height:4.5vw;
margin:0 0 0.9vw 0;
padding:5px 0 10px 5px;
content:'\2190';
background:green;
}
</style>
<span class="butt links"></span>
<span class="butt rechts"></span>Mit Img hier
<a href="#closeNav" id="closeBtn"><img src="link.png"></a>Du kannst aber auch https://www.w3schools.com/icons/fontawesome_icons_intro.asp
nehmen. Da hast du schon fertige Pfeile die man ganz simple einfügen kann
Ja sieht doch gut aus. Wenn du jetzt noch ein padding haben willst damit die Schrift nicht ganz an Rand ist mußt du den padding wieder von der Breite abziehen,damit nicht der Fehler aus post #14 wieder passiert.
Aber sonst sieht es doch gut aus und beim kleinen Fenster konnte ich jetzt auch keine Fehler mehr sehen.
PS:
#openNav:target #content {
margin-left:100%;
width:80%;
padding:0x;
position:fixed;
}Bei padding fehlt ein p oder ein x zuviel
Noch ein Tipp.
Da du am Anfang das stehen hast
*{
padding:0;
margin:0;
}brauchst du in den anderen Bereichen kein padding:0; mehr schreiben weil du am anfang das schon auf alles angewendet hast
wenn du den :after width Wert kleiner machst geht das weg. Nur ob vw Werte überhaupt optimal sind für sowas glaube ich nicht. Man sollte das mal alles mit % Versuchen und vieleicht 3 Container nehmen anstatt before und after. Das sollte eigentlich nur ein Beispiel sein und keine fertige Lösung.
Kennst du dich mit Flexboxen aus ? Ich denke wenn man das mit 3 Container nebeneinander im Flex Layout macht um einiges besser hinbekommt als die jetztige Lösung.
EDIT: Ich glaube ich habe einen denk fehler. Flexbox bringt glaube ich auch nicht viel weil wir z-index brauchen und z-index geht ja nur bei positionierungen. Mist., Jetzt muß ich erstmal selber überlegen was da an besten funktionieren würde.
EDIT2:
Mach mal aus vw prozente und rechne die padding werte mit calc() von der breite des Containers ab .Dann geht es . Zumindest konnte ich dann keine Fehler mehr finden aufder schnelle
gebe den mittleren div doch mal einen border dann siehst du ja ob es an den div liegt oder ob es an den <p> liegt was in den div ist. Hast du deine version schon online ? Damit man das man Live sehen kannst was du genau meinst ? Oder mach mal schnell ein Codepen fertig
Deine Version wo sich die Ebenen überlagern (und quasi leicht durchsichtig sind!) ,
wie Du es gestern mal kurz in Deinem Codepen hattest
fand ich jetzt nicht so ansprechend.
Deswegen wahr sie auch nur kurz da weil irgendwie wahr das nix und auch nur spielerrei. Hatte aber dein post aus 4# erst nicht verstanden und dann kam das raus.
Deine Idee mit den festen Button wäre auch nee möglichkeit. Nur dann solltest du dir nur ein Button bauen der close und open kann . Dafür gibt es ja toggle(), damit kann ein Button 2 verschiedene Funktionen den man ihn zuweist. ( blöde erklärung ,aber ist ungefähr so )
Du hast geschrieben das du es schöner finden würdest das der eingescrollte Container erst ab der Line sichtbar ist.
Das könnte man ganz leicht mit before und after verdecken. Oder mit Extra Container oder Javascript sollte auch klappen.
Habe das mal mit before und after gemacht und sollte jetzt so aussehen wie du dir das dachtest ( Zumindest der Teil vom Script )
Fals das jetzt Ok ist , was wolltest du jetzt noch geändert haben? Habe den Überblick verloren
http://sebastian1012.bplaced.net/homepagebasti1…er-schieben.php
Genau. Arne Drews hatte das ja schon gesagt das du bei sowas auch alle rechtlichen Seiten abdecken mußt. Stell dir vor das dein Rechner sich irgendein spam bot installiert bekommen hat ,oder viren oder spy ware die du dann bei Jeden Seiten besucher unterjubelt ,ohne das du davon was weißt. Wenn so ein Virus dann eine ganze Firma lahm legt wirds teuer. Ist zwar jetzt etwas übertrieben aber gehe mal von den Worst-Case-Szenario aus. Du wirst arm. Dann lieber einen Anbieter nehmen die ihre Server auf den neusten Stand haben und so was nicht passieren sollte. Fals doch werden wahrscheinlich die haften fals du als Kunde da kein Mist gebaut hast
Zu A meinst du eigentlich das der eine Container den 2 anschiebt und ihn dann raus drückt ?
Ich habe heute irgendwie eine blockade im Kopf. Mit Javascript kriegt man das hin, aber das sollte mit css auch gehen.
Hier lesen ja genug Leute mit vieleicht kann da mal einer kurz rüber nachdenken wie man das ohne Javascript regeln kann.Wenn da einer was weiß dann ist gut ,ansonsten denke ich später nochmal drüber nach ,oder mache was mit js, obwohl Js eigentlich nicht sein muß wenn es auch ohne gehen sollte
Ehrlich gesagt verstehe ich A nicht ganz. Hast du irgendwo mal ein Beispiel gesehen was du zeigen kannst? Oder kannst du ein Bild erstellen wie du das meinst ? Möglich ist fast alles. Was css nicht kann ,kann javascript. Aber schöner ist es halt ohne Js.
Frage B sollte nicht das problem sein,
Du meinst das der reingeschobene Container sich über den anderen legt und den darunter noch durch scheinen läßt ?
Aber das solte man dann schon fast unsichtbar machen sonst scheint der Text zu doll durch und man kann nix mehr lesen
Habe heute ein Beitrag gefunden wo das steht
Mit HTML 5.2 ist es nun gestattet, <style> Elemente innerhalb des <body> zu platzieren. Werden Styles im HTML-Dokument selbst deklariert, geschah das bisher im Kopfbereich (<head>). Nun können Styles auch dort geschrieben werden, wo sie beispielweise gelten. Zwar mag die Deklaration direkt unterhalb des zu beschreibenden Elements passender aussehen, jedoch kann man schnell den Überblick verlieren und sollte diese Erlaubnis mit Vorsicht genießen (CSS-Stile sind ebenso für vorangegangene Elemente gültig).
Quelle: https://www.reizwerk.com/html-5-2-das-web-in-deiner-hand/
Also scheint es ja so das man jetzt das <style>Überall hinschreiben darf. Finde es im <head> Trotzdem schöner
