| We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| zChat! Design | |
|---|---|
| Tweet Topic Started: Feb 4 2015, 08:04 AM (1,185 Views) | |
| nogats07 | Feb 4 2015, 08:04 AM Post #1 |
|
Member
![]() ![]() ![]() ![]()
|
zChat design is complete, thanks for help guys
Edited by nogats07, Feb 9 2015, 10:04 AM.
|
![]() |
|
| -The- | Feb 4 2015, 01:16 PM Post #2 |
|
#the { display: none; }
![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
I think you could play around with some different themes on Photoshop and see which colours appeal to you. The blue is very nice at the moment however. I'm personally not too convinced on the icons above the 'Send' button. |
![]() |
|
| nogats07 | Feb 4 2015, 01:49 PM Post #3 |
|
Member
![]() ![]() ![]() ![]()
|
I think the buttons are not too bad, but providing me some button samples can give me ideas on how will i improve it |
![]() |
|
| Moonface | Feb 4 2015, 02:36 PM Post #4 |
![]()
|
I'd remove the gradient at the top of the background. It feels unnecessary and does nothing to enhance the background. If you intend to have a gradient, increase the height so the gradient is more gradual and subtle. Perhaps lower the saturation of the blue too and lower the brightness of the white just a tiny amount. Right now the entire design is so bright that it hurts my eyes. |
![]() |
|
| nogats07 | Feb 4 2015, 03:07 PM Post #5 |
|
Member
![]() ![]() ![]() ![]()
|
ok, thanks moonface |
![]() |
|
| Cory | Feb 4 2015, 03:26 PM Post #6 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Do you plan to make it where this chatroom can be embedded onto the board itself, or is it going to be an external link? |
![]() |
|
| nogats07 | Feb 5 2015, 03:17 AM Post #7 |
|
Member
![]() ![]() ![]() ![]()
|
zChat! has multiple index versions, embed and full. embed version has a separate index file with different layout made specially for embedding on index and webpage. So zChat! can be embedded or not. this design discussion is for the full version. |
![]() |
|
| Cory | Feb 5 2015, 10:39 AM Post #8 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Oh, we're discussing the full version that will be accessible via an external link. Never mind then, because the only reason I brought it up was because I thought we may have been discussing an embedded version and my idea was why not make it match the style of the theme, which I'm sure the embedded version will. |
![]() |
|
| nogats07 | Feb 5 2015, 11:12 AM Post #9 |
|
Member
![]() ![]() ![]() ![]()
|
How will i match the embedded version style with the forum theme?? share it please :D. |
![]() |
|
| Cory | Feb 5 2015, 11:21 AM Post #10 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
You just have to use classes and ID's available to you that ZetaBoards uses and use the general structure of ZetaBoards. The general structure of ZetaBoards is mostly a table with a header cell for the H2 and table cells for the content areas. Take a look at the source code for my chatrooom code to see how I did it. |
![]() |
|
| nogats07 | Feb 5 2015, 11:46 AM Post #11 |
|
Member
![]() ![]() ![]() ![]()
|
it's a little bit confusing but i'll try to use this
Edited by nogats07, Feb 5 2015, 12:48 PM.
|
![]() |
|
| Cory | Feb 5 2015, 11:59 AM Post #12 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Here's how I basically envision a table layout for a chatroom:
|
![]() |
|
| nogats07 | Feb 5 2015, 12:06 PM Post #13 |
|
Member
![]() ![]() ![]() ![]()
|
oh ok, got it.
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Creative Discussion · Next Topic » |
| Track Topic · E-mail Topic |
3:25 PM Jul 11
|



![]](http://b1.ifrm.com/0/1/0/p601690/pipright.png)




3:25 PM Jul 11