MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Almost a chatpage!

Browse Source
This commit is contained in:
Marijn Jansen
2017-01-10 17:08:40 +01:00
parent ac369b5705
commit cf240ca656
5 changed files with 78 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.idea/php.xml generated Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PhpProjectSharedConfiguration" php_language_level="7.1" />
</project>

18
website/chat.php Normal file
View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<?php
include("views/head.php");
?>
<body>
<?php
/*
* This view adds the main layout over the screen.
* Header, menu, footer.
*/
// include("views/main.php");
/* Add your view files here. */
include("views/chat.php");
?>
</body>
</html>

44
website/styles/chat.css Normal file
View File

@@ -0,0 +1,44 @@
.chat {
text-align: center;
}
.chat-history {
/*border: solid #845663;*/
width: 80%;
height: 500px;
margin: 10px auto;
background-color: white;
vertical-align: bottom;
}
.chat-field input {
border-radius: 8px;
}
.chat-field input[type="text"] {
width: calc(75% - 60px);
}
.chat-field input[type="submit"] {
width: 60px;
}
.chat-message-self {
text-align: right;
float: right;
margin: 10px;
background-color: aqua;
padding: 10px;
border-radius: 10px;
}
.chat-message-other {
text-align: left;
float: left;
margin: 10px;
background-color: aquamarine;
padding: 10px;
border-radius: 10px;
}

12
website/styles/main.css
View File

@@ -6,7 +6,7 @@ Website: myhyvesbookplus.tk
-----------------------------------------------------------------------------*/ -----------------------------------------------------------------------------*/
body { body {
background-color: white; background-color: #B78996;
color: #333; color: #333;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
} }
@@ -28,6 +28,16 @@ body {
border: 0; border: 0;
} }
input[type="submit"], button {
background-color: #845663;
color: white;
padding: 5px;
}
input[type="text"] {
padding: 5px;
}
/* Move element down (clear), below floating elements */ /* Move element down (clear), below floating elements */
.clear { .clear {
clear: both; clear: both;

1
website/views/head.php
View File

@@ -6,5 +6,6 @@
<style> <style>
/* Add your css files here. */ /* Add your css files here. */
@import url("styles/main.css"); @import url("styles/main.css");
@import url("styles/chat.css");
</style> </style>
</head> </head>