source: spip-zone/_squelettes_/green_community/index.html @ 113060

Last change on this file since 113060 was 1536, checked in by ben.Spip@…, 15 years ago

SPIPefaction de ce theme http://www.oswd.org/design/preview/id/2265 ... theme original .

File size: 5.6 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
2<html>
3<head>
4    <title>community</title>
5    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
6    <link rel="stylesheet" type="text/css" href="stylde.css" />
7</head>
8<body>
9<div id="main">
10
11        <div id="left">
12                <div id="top">
13                        <dl class="left">
14                                <dt>latest news</dt>
15                                <dd><a href="#">Update 5 - now having a board</a></dd>
16                                <dd><a href="#">Update 4 - at least in color</a></dd>
17                                <dd><a href="#">Update 3 - coming out of beta</a></dd>
18                        </dl>
19                        <dl class="right">
20                                <dt>latest posts</dt>
21                                <dd><a href="#">Topic 3 - what's OSWD?</a></dd>
22                                <dd><a href="#">Topic 2 - what kind of music?</a></dd>
23                                <dd><a href="#">Topic 1 - welcome to the board</a></dd>
24                        </dl>
25                        <div id="topbottom"> </div>
26                </div>
27                <div id="content">
28                        <div id="headline">
29                                <h1>your community &rsaquo; site one</h1>
30                        </div>
31                <h2>Informations</h2>
32                        <h3>about this design</h3>
33                        <p>This design was produced in less than 5 hours on a rainy afternoon. Its thought as a community layout but feel free to modify it for an other type of website. You shouldn't have any problems with diffrent machines and browsers because it's valid <a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML 1.0 transitional</a> and CSS 2. Verdana and Georgia are used as the main-fonttypes, except them only Arial is used. The text is displayed in 12px, Verdana, left-aligned and with an line-hieght of 20px (1,7em).</p>
34                        <h3>the stylesheet</h3>
35                        <p>The Cascading StyleSheet is structured in a special way. At the top you'll find the definitions for all the main boxes which keep the layout in form. Under that you can find the definition for dark-gray 'latest'-box. In all these catergories the items again ordered alphabetically. The 3<sup>rd</sup> category is for the elementsin the #content-container. At last there you can find the definitions for the sidepanel.</p>
36                        <h3>using it</h3>
37                        <p>This template is published at <a href="http://www.oswd.org" target="_blank">OpenSourceWebDesigns</a>, so you're allowed to modify and use every part of this design.</p>
38                <h2>Lorem Ipsum</h2>
39                        <h3>Part one</h3>
40                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
41                        <h3>Part two</h3>
42                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
43                        <h3>part three</h3>
44                        <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
45                </div>
46        </div>
47       
48        <div id="right">
49        <div style="background: url(images/topright.gif) no-repeat top right; height: 10px;">&nbsp;</div>
50        <div id="inner">
51                <form action="#" method="post">
52                        <label for="name">Name:</label><input type="text" size="10" name="name" id="name" />
53                        <label for="pw">Password:</label><input type="password" size="10" name="pw" id="pw" />
54                        <div style="text-align: right;"><a href="">Register</a> | <input type="submit" class="button" value="Go!" name="button" /></div>
55                </form>
56                <br /><br />
57                <h5>Site</h5>
58                <ul class="nav">
59                        <li><a href="">Home</a></li>
60                        <li><a href="">News</a></li>
61                        <li><a href="">Articles</a></li>
62                        <li><a href="">Gallery</a></li>
63                        <li><a href="">Links</a></li>
64                        <li><a href="">Contact</a></li>
65                </ul>
66                <h5>Board</h5>
67                <ul class="nav">
68                        <li><a href="">Overview</a></li>
69                        <li><a href="">Search</a></li>
70                        <li><a href="">Staff</a></li>
71                        <li><a href="">Members</a></li>
72                        <li><a href="">latest posts</a></li>
73                </ul>
74                <h5>Partners</h5>
75                <p>here you can place buttons or something like that</p>
76        </div>
77        </div>
78        <br style="clear: both;" />
79</div>
80<div id="footer">copyleft 2005 by t-3k</div>
81</body>
82</html>
Note: See TracBrowser for help on using the repository browser.