Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Ugly blue checkboxes in Chrome since the last update? checkbox

See how to fix it here!

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter





runboard.com       You are not logged in.

Page:  1  2  3 ... 6  7  8  9  10 

 
OldWarrior Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25448
Karma: 425 (+478/-53)
Reply | Quote
Re: Anyone Have Some Fresh Ideas for Board Design?


emoticon

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


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/25/2015, 12:04 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
OldWarrior Profile
Live feed
Blog
Friends
Miscellaneous info

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:

emoticon

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. emoticon

---
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 Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25448
Karma: 425 (+478/-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! emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/25/2015, 12:31 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
OldWarrior Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25448
Karma: 425 (+478/-53)
Reply | Quote
Re: Anyone Have Some Fresh Ideas for Board Design?


It's a neat effect. emoticon

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/25/2015, 2:06 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Firlefanz Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator

Registered: 05-2003
Location: Germany
Posts: 5950
Karma: 345 (+387/-42)
Reply | Quote
Re: Anyone Have Some Fresh Ideas for Board Design?


It looks really good! emoticon

---
- Firlefanz

Mystical Adventures
Hannah - Blog
Writers' Dream Coach
5/25/2015, 5:36 am Link to post Email Firlefanz   PM Firlefanz Blog
 
OldWarrior Profile
Live feed
Blog
Friends
Miscellaneous info

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! emoticon



Thanks.

Thanks to LG and Pastor Rick for helping to make it possible too! emoticon

---
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 Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25448
Karma: 425 (+478/-53)
Reply | Quote
Re: Anyone Have Some Fresh Ideas for Board Design?


You're very welcome, OldWarrior! emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/25/2015, 7:29 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
OldWarrior Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

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. emoticon



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. emoticon

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
 


Add a reply

Page:  1  2  3 ... 6  7  8  9  10 



You are not logged in (login)