déplacement des images + favicon insérée + amélioration template lego

This commit is contained in:
nojhan 2008-04-25 22:34:02 +00:00
commit 726aacc663
21 changed files with 45 additions and 22 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 998 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,001 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
design/feed-icon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 736 B

BIN
design/gradient.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 B

BIN
design/gradient2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 B

BIN
design/gradient_blue.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 B

BIN
design/gradient_gray.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 B

BIN
design/gradient_orange.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 301 B

BIN
design/gradient_purple.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 B

BIN
design/rss_big.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

View file

@ -21,7 +21,7 @@ a:hover {
#navbar { #navbar {
text-align:center; text-align:center;
background-color:#1f6cd0; background-color:#1f6cd0;
background-image:url("gradient.png"); background-image:url("design/gradient.png");
background-repeat:repeat-x; background-repeat:repeat-x;
background-position:top left; background-position:top left;
height:94px; height:94px;
@ -34,7 +34,7 @@ a:hover {
font-size:small; font-size:small;
text-align:center; text-align:center;
background-color:#1f6cd0; background-color:#1f6cd0;
background-image:url("gradient2.png"); background-image:url("design/gradient2.png");
background-position:bottom left; background-position:bottom left;
background-repeat:repeat-x; background-repeat:repeat-x;
border-top:thin solid black; border-top:thin solid black;
@ -66,7 +66,7 @@ a:hover {
text-align:center; text-align:center;
background-color:#1f6cd0; background-color:#1f6cd0;
border:thin solid black; border:thin solid black;
background-image:url("gradient.png"); background-image:url("design/gradient.png");
background-repeat:repeat-x; background-repeat:repeat-x;
background-position:top left; background-position:top left;
/*height:70px;*/ /*height:70px;*/
@ -85,50 +85,50 @@ a:hover {
font-size:small; font-size:small;
padding-bottom:35px; padding-bottom:35px;
background-image:url("bouton_etoile_petit_gauche.png"); background-image:url("design/bouton_etoile_petit_gauche.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:bottom center; background-position:bottom center;
} }
#navfirst:hover { #navfirst:hover {
background-image:url("bouton_etoile_petit_gauche_over.png"); background-image:url("design/bouton_etoile_petit_gauche_over.png");
} }
#navlast { #navlast {
font-size:small; font-size:small;
padding-bottom:35px; padding-bottom:35px;
background-image:url("bouton_etoile_petit_droite.png"); background-image:url("design/bouton_etoile_petit_droite.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:bottom center; background-position:bottom center;
} }
#navlast:hover { #navlast:hover {
background-image:url("bouton_etoile_petit_droite_over.png"); background-image:url("design/bouton_etoile_petit_droite_over.png");
} }
#navprev { #navprev {
font-size:small; font-size:small;
padding-bottom:49px; padding-bottom:49px;
background-image:url("bouton_fleche_grand_gauche.png"); background-image:url("design/bouton_fleche_grand_gauche.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:bottom center; background-position:bottom center;
} }
#navprev:hover { #navprev:hover {
background-image:url("bouton_fleche_grand_gauche_over.png"); background-image:url("design/bouton_fleche_grand_gauche_over.png");
} }
#navnext { #navnext {
font-size:small; font-size:small;
padding-bottom:49px; padding-bottom:49px;
background-image:url("bouton_fleche_grand_droite.png"); background-image:url("design/bouton_fleche_grand_droite.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:bottom center; background-position:bottom center;
} }
#navnext:hover { #navnext:hover {
background-image:url("bouton_fleche_grand_droite_over.png"); background-image:url("design/bouton_fleche_grand_droite_over.png");
} }
.shadow, .content { .shadow, .content {
@ -180,7 +180,7 @@ a:hover {
#feed { #feed {
padding-right:18px; padding-right:18px;
background-image:url("feed-icon-16x16.png"); background-image:url("design/feed-icon-16x16.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:center right; background-position:center right;
} }

View file

@ -37,7 +37,7 @@ a:hover {
#title_block { #title_block {
width:60%; width:60%;
background-image:url("gradient_blue.png"); background-image:url("design/gradient_blue.png");
background-color:#5276dd; background-color:#5276dd;
} }
@ -45,7 +45,7 @@ a:hover {
text-align:center; text-align:center;
width:15%; width:15%;
background-color:#9652dd; background-color:#9652dd;
background-image:url("gradient_purple.png"); background-image:url("design/gradient_purple.png");
background-color:#9052dd; background-color:#9052dd;
vertical-align:middle; vertical-align:middle;
} }
@ -76,12 +76,12 @@ ul#site_map {
#feed_block { #feed_block {
text-align:center; text-align:center;
width:15%; width:15%;
background-image:url("gradient_orange.png"); background-image:url("design/gradient_orange.png");
background-color:#ff8400; background-color:#ff8400;
} }
#feed_list { #feed_list {
background-image:url("rss_big.png"); background-image:url("design/rss_big.png");
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:right bottom; background-position:right bottom;
padding-right:95px; padding-right:95px;
@ -106,20 +106,31 @@ h1#site_title {
/* NAV */ /* NAV */
ul#nav_bar { ul.nav_bar {
list-style:none; list-style:none;
text-align:center; text-align:center;
padding-top:150px; padding-top:170px;
margin-bottom:10px; margin-bottom:10px;
} }
ul#nav_bar>li { ul.nav_bar>li {
display:inline; display:inline;
margin-left:5px; margin-left:5px;
margin-bottom:0px; margin-bottom:0px;
padding:10px; padding:10px;
background-image:url("gradient_gray.png"); background-image:url("design/gradient_gray_small_2.png");
background-position:bottom;
}
#nav_bottom {
margin:0px;
margin-top:10px;
padding:0px;
}
ul#nav_bottom>li {
background-image:url("design/gradient_gray_small.png");
background-position:top; background-position:top;
} }
@ -140,6 +151,8 @@ ul#nav_bar>li {
img#strip { img#strip {
border:thin solid black; border:thin solid black;
background-color:white; background-color:white;
margin-top:1em;
margin-bottom:1em;
} }
.sub_block { .sub_block {
@ -173,7 +186,7 @@ img#strip {
/* FOOT */ /* FOOT */
#foot { #foot {
background-image:url("gradient_gray.png"); background-image:url("design/gradient_gray.png");
background-color:black; background-color:black;
background-position:bottom; background-position:bottom;
color:white; color:white;

View file

@ -9,7 +9,9 @@
<meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
<meta name=" robot" content="follow, index, all" /> <meta name=" robot" content="follow, index, all" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.php" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.php" />
<link rel="alternate" type="application/rss+xml" title="RSS: 10 items" href="rss.php?limit=10" />
<link rel="stylesheet" type="text/css" href="style_lego.css" /> <link rel="stylesheet" type="text/css" href="style_lego.css" />
<link rel="icon" type="image/png" href="favicon.png" />
</head> </head>
@ -44,7 +46,7 @@
<!-- NAV --> <!-- NAV -->
<ul id="nav_bar"> <ul class="nav_bar" id="nav_top">
<li><a id="navfirst" href="{nav_first}">{lang.premier}</a></li> <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="navprev" href="{nav_prev}">{lang.precedent}</a></li>
<li><a id="navnext" href="{nav_next}">{lang.suivant}</a></li> <li><a id="navnext" href="{nav_next}">{lang.suivant}</a></li>
@ -85,6 +87,14 @@
</div> </div>
<!-- NAV -->
<ul class="nav_bar" id="nav_bottom">
<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>
<!-- FOOT --> <!-- FOOT -->
<div id="foot"> <div id="foot">