Deleted member 219079
D
Deleted member 219079
Last year I bragged about how the site looked;
http://www.hiveworkshop.com/forums/site-discussion-97/why-243589/
Today I found this tool;
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en-US
So I made my "ideal" version of hive I proposed in my thread into real life, just cnp script below after installing Stylebot.
1. Install Stylebot for Chrome
2. Enter any hive page, e.g. this
3. Right click > Stylebot > Style Element
4. Cnp the code below into a thin text box that should appear at right side of screen
I NEED FEEDBACK ON FOLLOWING:
1. Currently the max width of the content form is 1200px, should I change it to something else? To what?
2. What do you think of the colors?
3. Currently it also applies changes to the chat. Should I revert those changes?
4. Should I make the background image lighter, or does the dark hue not bother you?
5. Any else suggestions would be great!
http://www.hiveworkshop.com/forums/site-discussion-97/why-243589/
Today I found this tool;
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en-US
So I made my "ideal" version of hive I proposed in my thread into real life, just cnp script below after installing Stylebot.
1. Install Stylebot for Chrome
2. Enter any hive page, e.g. this
3. Right click > Stylebot > Style Element
4. Cnp the code below into a thin text box that should appear at right side of screen
HTML:
/*
Hive Style Bot Extension
-Alternative version-
by jondrean
THIS VERSION: 1.0
-First release
*/
#cont {
background: none;
background-attachment: fixed;
background-color: #000000;
background-image: url("http://www.hiveworkshop.com/forums/pastebin_data/f9gx0h/hive3.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 100%;
padding-top: 5px;
width: 100%;
}
#tabs {
background-color: #222222;
border-style: solid;
border-width: 2px 2px 0px 2px;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0px 5px 0px 5px;
}
.alt1, .alt1Active {
color: #ACB857;
background: url("http://www.hiveworkshop.com/forums/pastebin_data/f9gx0h/postBg2.jpg") repeat-x top;
background-color: #0f0f0e;
}
.alt2, .alt2Active {
text-shadow: 1px 0 0 rgba(5, 5, 5, 0.37), -1px 0 0 rgba(5, 5, 5, 0.37), 0 1px 0 rgba(5, 5, 5, 0.37), 0 -1px 0 rgba(5, 5, 5, 0.37), 1px 1px rgba(5, 5, 5, 0.37), -1px -1px 0 rgba(5, 5, 5, 0.37), 1px -1px 0 rgba(5, 5, 5, 0.37), -1px 1px 0 rgba(5, 5, 5, 0.37);
color: #ACB857;
background-color: rgba(14, 14, 12, 1);
border-width: 1px;
border-style: solid;
border-color: #222;
}
.back-to-hive {
margin-left: auto;
margin-right: 10px;
margin-top: 10px;
opacity: 0.7;
padding: 5px;
position: fixed;
right: 0px;
top: 0px;
width: 200px;
}
.back-to-hive:hover {
opacity: 1;
}
.bottom-bar {
background-color: #222222;
border-style: solid;
border-width: 2px 2px 2px 2px;
left: 50%;
margin-left: -250px;
margin-right: auto;
margin-top: -60px;
max-width: 1200px;
opacity: 0.3;
padding: 5px;
position: fixed;
top: 100%;
width: 500px;
}
.bottom-bar:hover {
opacity: 1;
}
.grass {
background: none;
background-attachment: fixed;
background-image: url("http://www.hiveworkshop.com/forums/pastebin_data/f9gx0h/hive3.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 0px;
packground-position: center top;
}
.leaves {
}
.messages-and-roster {
background-color: #222222;
border-style: solid;
border-width: 0px 2px 2px 2px;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding: 0px 5px 0px 5px;
}
.page {
color: #ABC481;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
.wbb {
box-shadow: 0px 10px 36px #000000;
}
.wbbla {
box-shadow: -5px 5px 15px #000000;
}
.wbbra {
box-shadow: 10px 10px 15px #000000;
}
.wbl, .wbl2 {
box-shadow: -10px 0px 36px #000000;
}
.wbr, .wbr2 {
box-shadow: 10px 0px 36px #000000;
}
.wbt {
box-shadow: 0px -10px 36px #000000;
/* top bar */
}
.wbt, .wbtl, .wbr, .wbr2, .wbtlb, .wbtrb, .wbl, .wbl2, .wbbla, .wbbra, .wbb, .wbtr {
background-color: rgba(0, 0, 0, .8);
}
.wbtl {
box-shadow: -5px -5px 15px #000000;
}
.wbtlb, .wbtrb {
box-shadow: 0px -10px 36px #000000;
}
.wbtr {
box-shadow: 5px -5px 15px #000000;
}
@media screen and (max-width: 1024px) {
.back-to-hive {
display: none !important;
}
}
body {
color: #ACB857;
}
/*
COLORING
*/
/*
CENTER SHADOW
*/
/*
CHAT
*/
I NEED FEEDBACK ON FOLLOWING:
1. Currently the max width of the content form is 1200px, should I change it to something else? To what?
2. What do you think of the colors?
3. Currently it also applies changes to the chat. Should I revert those changes?
4. Should I make the background image lighter, or does the dark hue not bother you?
5. Any else suggestions would be great!
Attachments
Last edited by a moderator: