diff --git a/Tematy/T56 - Komentarze do pliku/index.php b/Tematy/T56 - Komentarze do pliku/index.php new file mode 100644 index 0000000..d3f0a36 --- /dev/null +++ b/Tematy/T56 - Komentarze do pliku/index.php @@ -0,0 +1,54 @@ + + + + T56 - Komentarze do pliku + + + + +
+

T56 - Komentarze do pliku

+

+
+
+

Utwórz skrypt, który będzie zapisywał opinie użytkowników w pliku tekstowym opinie.txt. Na stronie wyświetl formularz, który pozwoli na wpisanie opinii. Nowe opinie powinny być dopisywane do pliku i umieszczane na jego końcu. Dotychczasowe opinie zapisane w pliku tekstowym powinny zostać wyświetlone na stronie i powinny być dostępne dla innych jej użytkowników.

+
+
+
+

+
+ +
+
+
+ Dodane opinie:
+ +
+ + \ No newline at end of file diff --git a/Tematy/T56 - Komentarze do pliku/opinie.txt b/Tematy/T56 - Komentarze do pliku/opinie.txt new file mode 100644 index 0000000..9cd1366 --- /dev/null +++ b/Tematy/T56 - Komentarze do pliku/opinie.txt @@ -0,0 +1,2 @@ +fff +fff diff --git a/Tematy/T56 - Komentarze do pliku/style.css b/Tematy/T56 - Komentarze do pliku/style.css new file mode 100644 index 0000000..1de7812 --- /dev/null +++ b/Tematy/T56 - Komentarze do pliku/style.css @@ -0,0 +1,68 @@ +* { + box-sizing: border-box; +} +body { + font-family: Verdana, serif; + background: #ffffff; + margin: 15px; + font-size: 0.9em; +} +header { + border: 2px solid black; + border-radius: 1em; + padding: 10px 20px; + box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px; + background: #f0f0f0; +} + +input { + margin-top: 5px; + margin-bottom: 5px; + width: 30%; + border: black 2px solid; + border-radius: 0.5em; + height: 2em; +} + +button { + padding: 5px; + width: 30%; + border: black 2px solid; + border-radius: 0.5em; + font-weight: bold; + margin-top: 10px; +} +pre { + font-family: Verdana, serif; +} + +.box { + border: 2px solid black; + padding: 15px 20px; + border-radius: 1em; + margin: 15px 0 10px 0; + box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px; +} + +.box h3 { + cursor: pointer; +} +td { + width: 50px; + height: 50px; + margin: 0; + padding: 0; +} +tr { + padding: 0; +} + +.y { + background: yellow; +} + +.b { + background:blue; +} + +