premiers pas pour un nouveau template html
This commit is contained in:
nojhan
parent
76f306d839
commit
6d6620c9f1
4 changed files with 229 additions and 1 deletions
138
style_lego.css
Normal file
138
style_lego.css
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
html {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:black;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
a {
|
||||
}
|
||||
|
||||
a:hover {
|
||||
}
|
||||
|
||||
.spacer {
|
||||
clear:right;
|
||||
}
|
||||
|
||||
/* HEAD */
|
||||
|
||||
.head_block {
|
||||
float:left;
|
||||
height:100px;
|
||||
padding:0.5em;
|
||||
margin:0 0 0 0.5em;
|
||||
-moz-border-radius:10px;
|
||||
}
|
||||
|
||||
#title_block {
|
||||
width:60%;
|
||||
background-color:#5276dd;
|
||||
}
|
||||
|
||||
#site_block {
|
||||
width:15%;
|
||||
background-color:#9652dd;
|
||||
}
|
||||
|
||||
#feed_block {
|
||||
width:15%;
|
||||
background-color:#ff4d11;
|
||||
}
|
||||
|
||||
h1#site_title {
|
||||
color:white;
|
||||
}
|
||||
|
||||
#site_desc {
|
||||
color:white;
|
||||
font-size:small;
|
||||
}
|
||||
|
||||
ul#site_map {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
|
||||
/* NAV */
|
||||
|
||||
#nav_block {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
ul#nav_bar {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
ul#nav_bar>li {
|
||||
display:inline;
|
||||
margin-left:1em;
|
||||
}
|
||||
|
||||
|
||||
/* STRIP */
|
||||
|
||||
#strip_block {
|
||||
background-color:white;
|
||||
-moz-border-radius:10px;
|
||||
width: 900px;
|
||||
text-align:center;
|
||||
padding:10px;
|
||||
/* TODO centrer sur la page */
|
||||
}
|
||||
|
||||
img#strip {
|
||||
border:thin solid black;
|
||||
}
|
||||
|
||||
.sub_block {
|
||||
text-align:left;
|
||||
-moz-border-radius:10px;
|
||||
padding:10px;
|
||||
margin:10px;
|
||||
width:400px;
|
||||
}
|
||||
|
||||
#meta_block {
|
||||
float:left;
|
||||
width:390px;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
#comments_block {
|
||||
background-color:#5fdf73;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#info_block {
|
||||
background-color:#5276dd;
|
||||
}
|
||||
|
||||
#info_plus_block {
|
||||
background-color:#f05036;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* FOOT */
|
||||
|
||||
#foot {
|
||||
background-color:#333;
|
||||
color:white;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
ul#link_bar {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
ul#linkbar>li {
|
||||
display:inline;
|
||||
margin-left:1em;
|
||||
}
|
||||
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
|
||||
<meta name=" robot" content="follow, index, all" />
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.php" />
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="style_default.css" />
|
||||
|
||||
</head>
|
||||
|
||||
|
|
|
|||
90
template_lego.html
Normal file
90
template_lego.html
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
|
||||
|
||||
<head>
|
||||
|
||||
<title>{general.title} - {title}</title>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
|
||||
<meta name=" robot" content="follow, index, all" />
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.php" />
|
||||
<link rel="stylesheet" type="text/css" href="style_lego.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="head">
|
||||
<span id="title_block" class="head_block">
|
||||
<h1 id="site_title">{general.title}</h1>
|
||||
<p id="site_desc">{general.description}</p>
|
||||
</span>
|
||||
<span id="site_block" class="head_block">
|
||||
<ul id="site_map">
|
||||
<li><a href="..">{lang.accueil}</a></li>
|
||||
<li><a href="{general.forum}">{lang.forum}</a></li>
|
||||
<li><a href="{geenral.shop}">{lang.boutique}</a></li>
|
||||
<li><a href="mailto:{general.email}">{general.webmaster}</a></li>
|
||||
</ul>
|
||||
</span>
|
||||
<span id="feed_block" class="head_block">
|
||||
<a id="feed" href="rss.php">{lang.rss}</a>
|
||||
<a id="feed" href="rss.php?limit=10">10</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div id="nav_block">
|
||||
<ul id="nav_bar">
|
||||
<li><a id="navfirst" href="{nav_first}">{lang.premier}</a></li>
|
||||
<li><a id="navprev" href="{nav_prev}">{lang.precedent}</a></li>
|
||||
<li><a id="navnext" href="{nav_next}">{lang.suivant}</a></li>
|
||||
<li><a id="navlast" href="{nav_last}">{lang.dernier}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="strip_block">
|
||||
<img id="strip" class="content" src="{img_src}" alt="{text}" />
|
||||
|
||||
<div id="meta_block">
|
||||
<div id="info_block" class="sub_block">
|
||||
<h2 id="title">« {title} »</h2>
|
||||
<p id="description">{description:h}</p>
|
||||
</div>
|
||||
|
||||
<div id="info_plus_block" class="sub_block">
|
||||
<p id="author">© {author}</p>
|
||||
<p id="date">{date}</p>
|
||||
<p id="source"><a href="{source}">{lang.source}</a></p>
|
||||
<p id="license">{lang.licence} : <a href="{license}">{license}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="comments_block" class="sub_block">
|
||||
{lang.comments} :
|
||||
<ul id="comments">
|
||||
{comments:h}
|
||||
</ul>
|
||||
<a href="{forum_post_url}">{lang.forum_new}</a>
|
||||
</div>
|
||||
|
||||
<div class="spacer"> </div>
|
||||
</div>
|
||||
|
||||
<div class="spacer"> </div>
|
||||
|
||||
<div id="foot">
|
||||
<p>{lang.see_also}
|
||||
<ul id="link_bar">
|
||||
{foreach:general.see_also,name,url}
|
||||
<li><a href="{url}">{name}</a></li>
|
||||
{end:}
|
||||
</ul>
|
||||
</p>
|
||||
<p>{lang.propulse} <a href="http://stripit.sourceforge.net/">Strip-It</a>, {lang.descstrip} ({general.version}).</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue