h3lp/learning
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add web design files

Browse Source
This commit is contained in:
h3lp
2025-11-20 21:37:53 +02:00
parent 258f24570a
commit 9192716bfb
510 changed files with 12551 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
web-design/Занятие_7_М/7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 366 KiB

254
web-design/Занятие_7_М/7_M.css Normal file
View File

@@ -0,0 +1,254 @@
@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}
.FL {
float: left;
}
.FR {
float: right;
}
.CB {
clear: both;
}
.top_bg {
background-color: #918b24;
height: 190px;
padding-top: 15px;
margin-bottom: 5px;
}
.inside {
width: 760px;
margin: 0 auto;
height: auto;
}
.bg_image {
background-image: url(images/img02.jpg);
height: 180px;
}
.affection {
color: white;
font-size: 35px;
margin-left: 120px;
padding-top: 110px;
}
.templates {
color: white;
font-size: 10px;
margin-left: 150px;
font-family: Arial;
font-weight: bold;
}
.left_img {
background-image: url(images/img04.gif);
width: 95px;
height: 248px;
}
.right_img {
background-image: url(images/img05.gif);
width: 60px;
height: 63px;
}
.content {
margin-left: 95px;
margin-right: 60px;
width: 605px;
}
.content_left {
background-color: #d7ce32;
width: 400px;
height: 580px;
}
.content_right {
background-color: #d7ce32;
width: 200px;
height: 580px;
}
.footer {
background-image: url(images/img06.gif);
width: 760px;
height: 50px;
}
.welcome {
color: white;
font-weight: normal;
margin-left: 20px;
margin-top: 15px;
}
.line {
height: 2px;
width: 100%;
background-image: url(images/img08.gif);
margin-top: 10px;
}
.text {
color: white;
text-align: justify;
margin-top: 20px;
padding-left: 20px;
padding-right: 15px;
font-family: Arial;
font-size: 14px;
line-height: 25px;
}
.text a {
color: black;
text-decoration: none;
}
.split {
margin-top: 25px;
margin-bottom: 15px;
}
.left_info {
width: 160px;
margin-left: 20px;
}
.right_info {
width: 160px;
margin-right: 15px;
}
.title {
color: white;
font-family: Arial;
font-weight: normal;
}
.info {
color: white;
text-align: justify;
margin-top: 12px;
font-family: Arial;
font-size: 11px;
line-height: 15px;
}
.left_list {
margin-top: 15px;
list-style-image: url(images/img09.gif);
margin-left: 20px;
}
.left_list li {
font-size: 11px;
margin-bottom: 5px;
font-family: Arial;
}
.heading {
font-family: Arial;
font-size: 12px;
margin-top: 15px;
font-weight: normal;
}
.right_list {
color: white;
margin-left: 20px;
margin-top: 15px;
margin-bottom: 40px;
}
.right_list li p {
color: black;
font-size: 11px;
margin-bottom: 2px;
font-family: Arial;
}
.menu {
margin-left: 40px;
margin-top: 20px;
list-style-image: url(images/img09.gif);
}
.menu li {
margin-bottom: 8px;
font-family: Arial;
font-size: 14px;
}
.menu li a {
color: black;
text-decoration: none;
}
.menu li a:hover {
color: #db5614;
text-decoration: underline;
}
.otstup {
margin-top: 25px;
margin-left: 20px;
}
.blockquote {
margin-top: 20px;
margin-left: 20px;
background-image: url(images/img11.gif);
background-repeat: no-repeat;
}
.quote {
color: white;
text-align: justify;
padding-top: 15px;
margin-left: 20px;
margin-right: 20px;
font-family: Arial;
font-size: 12px;
line-height: 25px;
}
.credits {
margin-left: 95px;
margin-top: 13px;
}
.credits li {
display: inline;
font-size: 11px;
color: #d7ce32;
}
.credits li a{
color: #d7ce32;
text-decoration: none;
}
.decoration {
border-bottom: 1px #d7ce32 dotted;
}
.copyright {
color: #d7ce32;
margin-top: 13px;
margin-right: 60px;
font-size: 11px;
}

100
web-design/Занятие_7_М/7_M.html Normal file
View File

@@ -0,0 +1,100 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="7_M.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<body>
<div class="top_bg" align="center">
<div class="inside bg_image" align="left">
<p class="affection"><i>affection</i></p>
<p class="templates">BY FREE CSS TEMPLATES</p>
</div>
</div>
<div class="inside visota" align="center">
<div class="FL left_img"></div>
<div class="FR right_img"></div>
<div class="content">
<div class="content_left FL" align="left">
<h2 class="welcome"><img src="images/img07.gif"> <i>Welcome to Affection!</i></h2>
<div class="line"></div>
<p class="text"><strong>Affection</strong> is a free template from <a href="#">Free CSS Templates</a> released under a <a href="#">Creative Commons Attribution 2.5 License</a>. The photos are from <a href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <i>Enjoy :)</i></p>
<div class="split" align="center"><img src="images/img10.gif"></div>
<div class="left_info FL">
<h4 class="title">Lorem Ipsum</h4>
<div class="line"></div>
<p class="info">Donec leo, vivamus frementum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
<ul class="left_list">
<li>Maecenas luctus lectus at</li>
<li>Etiam rhoncus volutpat</li>
<li>Donec dictum metus in</li>
<li>Integer gravida nibh quis</li>
<li>Etiam posuere augue sit</li>
</ul>
</div>
<div class="right_info FR">
<h4 class="title">Quisque Dictum</h4>
<div class="line"></div>
<p class="info">Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus frementum nibh in augue praesent a lacus at urna congue rutrum.</p>
<p class="heading">A HEADING LEVEL THREE</p>
<p class="info">Rutrum id congue und nibh:</p>
<ol class="right_list">
<li><p>Maecenas luctus lectus at</p></li>
<li><p>Etiam rhoncus volutpat</p></li>
<li><p>Donec dictum metus in</p></li>
<li><p>Integer gravida nibh quis</p></li>
<li><p>Etiam posuere augue sit</p></li>
</ol>
</div>
<div class="CB"></div>
</div>
<div class="content_right FR" align="left">
<ul class="menu">
<li><a href="#"><strong>H</strong>omepage</a></li>
<li><a href="#"><strong>A</strong>bout us</a></li>
<li><a href="#"><strong>P</strong>roducts</a></li>
<li><a href="#"><strong>S</strong>ervices</a></li>
<li><a href="#"><strong>C</strong>ustomer Support</a></li>
<li><a href="#">Contact <strong>U</strong>s</a></li>
</ul>
<h4 class="title otstup">Ipsum Dolorem</h4>
<ul class="menu">
<li>Maecenas luctus at</li>
<li>Etiam volutpat erat</li>
<li>Donec dictum metus</li>
</ul>
<h4 class="title otstup">A Blockquote</h4>
<div class="blockquote">
<p class="quote"><i>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</i></p>
</div>
</div>
<div class="CB"></div>
</div>
<div class="CB footer">
<ul class="credits FL">
<li><a href="#">Privacy</a></li>
<li>&#183;</li>
<li><a href="#">Terms</a></li>
<li>&#183;</li>
<li>Designed By Free CSS Templates</li>
<li>&#183;</li>
<li class="decoration">XHTML</li>
<li>&#183;</li>
<li class="decoration">CSS</li>
</ul>
<p class="copyright FR">&copy; 2007 Affection</p>
</div>
</div>
</body>
</html>

BIN
web-design/Занятие_7_М/images/img01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 B

BIN
web-design/Занятие_7_М/images/img02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
web-design/Занятие_7_М/images/img03.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 B

BIN
web-design/Занятие_7_М/images/img04.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
web-design/Занятие_7_М/images/img05.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
web-design/Занятие_7_М/images/img06.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
web-design/Занятие_7_М/images/img07.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 587 B

BIN
web-design/Занятие_7_М/images/img08.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 B

BIN
web-design/Занятие_7_М/images/img09.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 301 B

BIN
web-design/Занятие_7_М/images/img10.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 731 B

BIN
web-design/Занятие_7_М/images/img11.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 791 B

BIN
web-design/Занятие_7_М/images/spacer.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 B