layout.html
3.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<html>
<head>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/effects.js" type="text/javascript"></script>
<script src="js/dragdrop.js" type="text/javascript"></script>
<script src="js/controls.js" type="text/javascript"></script>
<script src="js/application.js" type="text/javascript"></script>
<script src="js/slider.js" type="text/javascript"></script>
<script src="js/global.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<link href="css/style.css" media="screen" rel="Stylesheet" type="text/css" />
<link href="css/box.css" media="screen" rel="Stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="banner">
<img alt="Loading" id="spinner" src="/images/loading.gif" style="display:none; float:right;" />
<div id="menu">
Skip to:
<a href="#main_content">Content</a> |
<a href="#sidebar">Navigation</a> |
<a href="#footer">Footer</a>
</div>
</div>
<div id='content'>
<!-- content -->
<div id="leftcontent">
<h1>leftcontent</h1>
<pre>#leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000;
}</pre>
<div class="listbox" id="personal_info"><h3>Informações pessoais</h3><p>Aqui fica um conteúdo da informação pessoal do usuário como vai ser tratado, enfim... Vamos colocar imagem ou sei la... Chamar aqui...</p><ul><li>Links</li><li>Links</li><li>Links</li><li>Links</li></ul></div>
</div>
<div id="centercontent">
<h1>centercontent</h1>
<pre>#centercontent {
background:#fff;
margin-left: 199px;
margin-right:199px;
border:1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}</pre>
<br />
<div class="listbox" id="about">
<h3>About the author</h3>
<div id="boxcontent"><div>
<p>Drew McLellan is a web developer, author and no-good swindler from
just outside London, England. At the
<a href="http://www.webstandards.org/">Web Standards Project</a> he works
on press, strategy and tools. Drew keeps a
<a href="http://www.allinthehead.com/">personal weblog</a> covering web
development issues and themes.</p>
</div></div></div>
</div>
<div id="rightcontent">
<h1>rightcontent</h1>
<pre>#rightcontent {
position: absolute;
right:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000;
}</pre>
<div class="listbox" id="personal_info">
<a href="#" onclick="Effect.toggle('boxcontent','slide',{duration:1}); return false;" class="box_button hide" style="display: block; float: right;"><span>X</span></a><a href="#" onclick="Effect.toggle('boxcontent','slide',{duration:1}); return false;" class="box_button hide" style="display: block; float: right; border: 1px solid red;"><span>v</span></a>
<h3>Informações pessoais</h3>
<div id="boxcontent"><div>
<p>Aqui fica um conteúdo da informação pessoal do usuário como vai ser tratado, enfim... Vamos colocar imagem ou sei la... Chamar aqui...</p>
<ul>
<li>Links</li>
<li>Links</li>
<li>Links</li>
<li>Links</li>
</ul></div>
</div>
</div>
</div>
<!-- fim content -->
</div>
<div id="footer">
<!-- <a name='footer'/></a> -->
nothing in the footer yet
<a href="/admin/content_viewer/list" style="background-image:
url('/designs/icons/default/back.png');"><span>Back</span></a>
</div>
</div>
</div>
</body>
</html>