using classes only, also doesn’t break in IE (as spectacularly as before)
********************************************************************************************************************
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>better node design</title>
<style type=”text/css”>
.megacontainer {
position:absolute;
width:700px;
text-align:center;
left: 363px;
top: 73px;
}
.supercontainer {position:relative; width:350px; margin: auto;}
.container { overflow:hidden; height:600px;}
.content {text-align:left;}
.link {width:150px; height:25px; margin-top:20px; background:url(lnbg.gif) no-repeat; float:left;}
.left { float:left; width: 20px; height:600px; background-image:url(L.gif); background-repeat:no-repeat;}
.right { float:right; width: 20px; height:600px; background-image:url(R.gif); background-repeat:no-repeat;}
.top {height: 20px; background-image:url(T.gif); position:relative;}
.tl {background-image:url(TL.gif); width:20px; height:20px; float:left; position:relative;}
.tr {background-image:url(TR.gif); width:20px; height:20px; float:right; position:relative;}
.bottom {height: 20px; background-image:url(B.gif); position:relative;}
.bl {background-image:url(BL.gif); width:20px; height:20px; float:left; position:relative;}
.br {background-image:url(BR.gif); width:20px; height:20px; float:right; position:relative;}
.leftlink {width:150px; float:left;}
.rightlink {width:150px; float:right;}
.link {width:150px; height:25px; margin-top:20px; background:url(lnbg.gif) no-repeat;}
</style>
</head>
<body>
<div class=”megacontainer”>
<div class=”leftlink”>
<div class=”link”></div>
<div class=”link”></div>
<div class=”link”></div></div>
<div class=”rightlink”>
<div class=”link”></div>
<div class=”link”></div>
<div class=”link”></div></div>
<div class=”supercontainer”>
<div class=”top”><div class=”tl”></div><div class=”tr”></div></div>
<div class=”container”><div class=”left”></div><div class=”right”></div><div class=”content”>cows!!!!</div></div>
<div class=”bottom”><div class=”bl”></div><div class=”br”></div></div>
</div>
</div>
</body>
</html>
Posted in Uncategorized | Leave a Comment »
I’m not a web designer
Posted in nodes | Leave a Comment »
progress has been on halt a little lately due to a side project of grg’s and consequentially mine. dev should begin again next week.
Posted in Uncategorized | 1 Comment »
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Untitled Document</title>
<style type=”text/css”>
<!–
.floatleft {float:left; width:25px; height:25px; position:relative;}
.floatright {float:right; width:25px; height:25px; position:relative;}
#node {position:relative; width:500px; height:800px;}
#header {position:relative; height:25px; background-color:#999999;}
#body {position:relative; height:750px; background-color:#CCCCCC;}
#footer {position:relative; height:25px; background-color:#999999;}
#side { position:relative; height:100%; background-color:#999999;}
–>
</style></head>
<body>
<div id=”container”>
<div id=”node”>
<div id=”header”>
<div class=”floatleft”></div>
<span class=”floatleft”>HEADERORZOR</span>
<div class=”floatright”></div></div>
<div id=”body”>
<div class=”floatleft” id=”side”></div>
<span class=”floatleft”>Body contentsors woooot woooootootototottttoooooooooooooooooooooo</span>
<div class=”floatright” id=”side”></div></div><div id=”footer”><div class=”floatleft”></div>
<span class=”floatleft”>FOOTERORZORZ</span>
<div class=”floatright”></div></div>
</div>
</div>
</body>
</html>
Posted in node structure | 1 Comment »
added favorites node and a bit about Getting back to junctions
A user can right click + back to parent junction at any time – this solves the 2 way linking navigation problem where users travel down a branch, reach a dead end and are stuck (portal nodes notwithstanding of course)
Posted in node structure, nodes | Leave a Comment »
incase you didnt notice adam, the x and y position field on the home node are back to front
Posted in Uncategorized | 1 Comment »
New ideas for these two concepts have been added in the following places:
Nodes/Conecpts->Concepts->Old Nodes
Nodes/Conecpts->Concepts->Node Connectors
They cover the basics of what happens to old nodes, how they and their connecting community are handled, along with the creation and removal of connecting nodes. Please join the discussion in the comments and help us refine these ideas and also pointing out established concepts that we may have neglected to add.
Posted in concept, node structure, nodes | Leave a Comment »
Ok, was thinking about further organising the nodes/concepts layout. here is my idea:
Each page inside the nodes/concepts page has a short description etc. then in the comments we discuss the future/changes for this idea. the progress is then tracked via the sub pages of this page. so each awesome new idea is posted on a sub page of that, maby even along with the other ideas. so we end up with something like this:
- Nodes/Concepts
- TODO Page – (discussion in comments)
- ver1
- ver1.1
- ver1.2
- TODO Page – (discussion in comments)
Posted in blog structure, todo | Leave a Comment »
