OldWarrior
Jack of All Trades, Master of Some
Registered: 04-2006
Location: USA, Western hemisphere, earth
Posts: 180
Karma: 18 (+18/-0)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
quote: Lesigner Girl wrote:
The sidebar is called "sidebar" in your HTML. It just isn't in your CSS. I don't know how you got the sidebar in the right place in IE without floating it, but whatever you did worked. Good job.
You might want to add this:
#sidebar {
width: 200px;
}
The ultimate problem was that I removed too much code. Once I put back everything I should not have taken away, it looked like I really accomplished something! lol
--- Old Warrior
Check out Bible Notes
It is one of my favorite places on the Internet.
God bless you, everyone!
|
5/24/2015, 11:52 pm
|
Link to post
Email OldWarrior
PM OldWarrior
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 25545
Karma: 429 (+482/-53)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
Ok, try this out:
http://jsfiddle.net/Lesa/eaw6h016/
Re-size the result window and see how it changes both width and height.
Edit: I just noticed I have an extra } at the very end of the CSS, so don't include it.
Last edited by Lesigner Girl, 5/25/2015, 12:06 am
|
5/25/2015, 12:04 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
OldWarrior
Jack of All Trades, Master of Some
Registered: 04-2006
Location: USA, Western hemisphere, earth
Posts: 180
Karma: 18 (+18/-0)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
quote: Lesigner Girl wrote:
Ok, try this out:
http://jsfiddle.net/Lesa/eaw6h016/
Re-size the result window and see how it changes both width and height.
Edit: I just noticed I have an extra } at the very end of the CSS, so don't include it.
Uh, which part exactly affects the result window size? I must have missed something. It seems either code is missing or I am too tire. I shall return later to revisit this project. Time to eat and relax a while. 
--- Old Warrior
Check out Bible Notes
It is one of my favorite places on the Internet.
God bless you, everyone!
|
5/25/2015, 12:27 am
|
Link to post
Email OldWarrior
PM OldWarrior
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 25545
Karma: 429 (+482/-53)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
This part:
<div id="welcome-container">
<div id="welcome">
<div>
<p>lkjaidjf odifjs adofijsadf osaidjf saofijsd</p>
<p>oiajdoiajsfoisadjfoasdifjsdoifjsadoifj</p>
</div>
</div>
</div>
And this:
#welcome-container {
position: relative;
}
#welcome-container:before {
display: block;
content: "";
width: 100%;
padding-top: 21%;
}
#welcome-container > #welcome {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#welcome {
background: url('http://www.goodsandgoodies.com/WQ/Pics/Runboard/DungeonEntrance3.png') fixed no-repeat center 100px;
background-size: 100% auto;
}
#welcome div {
color: #fff;
text-shadow: 1px 1px 0 #000;
width: 100%;
position: absolute;
top: 50%;
margin-top: -3.5em;
text-align: center;
}
It's a lot of code, but I don't know of any easier way to it.
Take the rest of the night off. You're doing well! 
|
5/25/2015, 12:31 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
OldWarrior
Jack of All Trades, Master of Some
Registered: 04-2006
Location: USA, Western hemisphere, earth
Posts: 180
Karma: 18 (+18/-0)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
Well, no wonder I could not get it with a simple changing of px value(s).
Anyway, I have implemented everything -- including adding #welcome p with format for my welcome text -- and it looks fairly impressive to me!
Warhammer Quest
I somehow missed adding one </div> (closing tag) and caused the heading below the image to disappear. Easy to fix that though!
The only thing I have not been able to get working yet is the delay of retracting menus in the sidebar. I like that feature, because it seems to provide a little more stability for those who might move the pointer around (like me) a bit often.
I noticed the safari reference in the code... is that necessary to make it work in safari? Just wondering. It is interesting that the code works in the fiddle page but not in my testing at Runboard. Maybe I should do a new test (on a test board) with removing everything else that is not necessary to the sidebar functionality.
Last edited by OldWarrior, 5/25/2015, 1:26 am
--- Old Warrior
Check out Bible Notes
It is one of my favorite places on the Internet.
God bless you, everyone!
|
5/25/2015, 1:21 am
|
Link to post
Email OldWarrior
PM OldWarrior
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 25545
Karma: 429 (+482/-53)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
It's a neat effect.
quote: Maybe I should do a new test (on a test board) with removing everything else that is not necessary to the sidebar functionality.
That sounds like a good idea. It can help determine whether there's a conflict in your code or the board's code. 
|
5/25/2015, 2:06 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Firlefanz
Moderator
Registered: 05-2003
Location: Germany
Posts: 5990
Karma: 345 (+387/-42)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
It looks really good!
|
5/25/2015, 5:36 am
|
Link to post
Email Firlefanz
PM Firlefanz
Blog
|
OldWarrior
Jack of All Trades, Master of Some
Registered: 04-2006
Location: USA, Western hemisphere, earth
Posts: 180
Karma: 18 (+18/-0)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
quote: Firlefanz wrote:
It looks really good!
Thanks.
Thanks to LG and Pastor Rick for helping to make it possible too! 
--- Old Warrior
Check out Bible Notes
It is one of my favorite places on the Internet.
God bless you, everyone!
|
5/25/2015, 2:32 pm
|
Link to post
Email OldWarrior
PM OldWarrior
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 25545
Karma: 429 (+482/-53)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
You're very welcome, OldWarrior! 
|
5/25/2015, 7:29 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
OldWarrior
Jack of All Trades, Master of Some
Registered: 04-2006
Location: USA, Western hemisphere, earth
Posts: 180
Karma: 18 (+18/-0)
|
Reply | Quote
|
|
Re: Anyone Have Some Fresh Ideas for Board Design?
quote: Lesigner Girl wrote:
It's a neat effect.
quote: Maybe I should do a new test (on a test board) with removing everything else that is not necessary to the sidebar functionality.
That sounds like a good idea. It can help determine whether there's a conflict in your code or the board's code. 
I tested it and it seems a conflict with Runboard's code. I tested it here: WHQ Test
Also, perhaps I did something wrong, but when I just put the code from the fiddle into the html footer section, the sidebar went crazy. Then I replaced it with the html code from the WHQ board and it acted like a sidebar again.
Let me know what you think.
EDIT: Well, I did do something wrong: I failed to realize I needed to keep the <div id="sidebar"> section.
Still the delay effect is not working.
Last edited by OldWarrior, 5/25/2015, 7:43 pm
--- Old Warrior
Check out Bible Notes
It is one of my favorite places on the Internet.
God bless you, everyone!
|
5/25/2015, 7:30 pm
|
Link to post
Email OldWarrior
PM OldWarrior
Blog
|