GIMP - Mój skromy blog

Oto te kody:

Kod:

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
  <meta name="Description" content="Blog kapitana_haka, admina wielkiej sieci składaj±cej się z dwóch komputerów" />
  <meta name="Keywords" content="administrator, sieć, komputery, internet" />
  <meta name="generator" content="Bluefish 1.0.7"/>
  <title> [tytuł strony] </title>

  <link rel="stylesheet" href="prezentacja.css" type="text/css" />
</head>
<body style="background-image:url(tlo_1.png)">
<div id="top"><img alt="Top" id="top" src="top.png" /></div>
<div id="menu1_div">
<span id="menu_txt">Menu</span><br /><div id="nav2">
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a><br />
<a class="link_menu1" href="index.xhtml">Jakiś link</a></div>
</div>
<div id="div_tresc"><span id="news_title">Newsy</span> <br />
<span id="news_txt">To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. To jest przykład. </span>
</div>
<div id="menu2_div">
<span id="menu2_txt">Logowanie</span><br />
<div id="logowanie">
<form action="" method="post">
<label for="login">Login: </label> <input type="text" name="login" id="login" /><br />
<label for="haslo">Hasło: </label><input type="password" name="haslo" id="haslo" /><br />
<input type="submit" value="Wy¶lij" />
</form></div>
</div>
</body>
</html>

css:

Kod:

body { background-image: url("tlo_1.png") top left repeat-y}
#top {position:relative; padding-bottom: 0px;}
#menu_txt {font-size: 30px; text-align: center;}
#news_title {position:relative; font-size: 30px; }
#gradient_tresc {position:absolute; left: 200px;}
#menu1_div {float:left; width:150px; background-image: 

url(gradient_short.png);background-repeat: repeat-x}
#div_tresc {float:left; width: 500px; background-image: 

url(gradient_long.png);background-repeat: repeat-x}
#news_txt {position:relative;}
#menu2_div {float:left; width:150px; background-image: 

url(gradient_short.png);background-repeat: repeat-x;}
#menu2_txt {font-size: 30px; text-align: center;}
label {display: block;width: 50px;float: left;}
input, textarea {display: inline; float: left; width: 95px; border: 0px double 

green;background: transparent; color: yellow}
#logowanie {
    overflow: hidden;
    clear: both;
    margin-bottom: 0.5em;
  }
#nav2 {
background-color: silver;
border: solid 1px gray;
width: 8em
}

#nav2 ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}

#nav2 li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid yellow;
width: 100%;
display: block
}

html>body #nav2 li {
width: auto;
}

#nav2 li:first-child {
border: none
}

Witamy, Gość. Zaloguj się lub zarejestruj.Czy dotarł do Ciebie email aktywacyjny?

Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?