ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 10.05.2024
Просмотров: 72
Скачиваний: 0
</td>
<td valign="top" align="right" id="tema">
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td id="body_txt">
<div id="content">
<div class="inner">
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black">Ми рад</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span lang="EN-US" style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black"> </span>
<span style="font-size:18.0pt;font-family:
"Monotype Corsiva";color:black">в</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;
font-family:"Monotype Corsiva";color:black">тати вас!!!</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
transform: skewX(30deg); /* CSS3 */
}
li hover {
background: #333; /* Цвет фона при наведении курсора мыши */
}
}
</style>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="js/menu.js"></script>
<script type="text/javascript" language="javascript">
function printBlock() {
PrintContent = $('#PrintContent').html();
$('body').addClass('printSelected');
$('body').append('<div class="printSelection">'+PrintContent+'</div>');
window.print();
window.setTimeout(pageCleaner,0);
return false;
}
function pageCleaner(){
$('body').removeClass('printSelected');
$('.printSelection').remove();
}
</script>
</head>
<div style="height:1000px">
<body>
<div id="pageBody">
<ul class="menu">
<li><a href="index.html"> <font face="Monotype Corsiva" size="5"><b>Головна</b></font><p></a>
<li><b><font face="Monotype Corsiva"><a href="#"><font size="5">Програма</font></a><font size="5"> </font>
</font></b>
<ul>
<li><b><a href='seminar.html'><font size="5" face="Monotype Corsiva">Семінар</font></a></b></li>
<li><b><a href="o_1.html"><font size="5" face="Monotype Corsiva">Всесвітня історія Опорний коеспект</font></a></b></li>
<li><b><a href="mod_kartka.html"><font size="5" face="Monotype Corsiva">Модульна картка</font></a></b></li>
<li><b><a href="dvd.html"><font size="5" face="Monotype Corsiva">Список відеофільмів та DVD</font></a></b></li>
</ul>
<li><b><font face="Monotype Corsiva"><a href="#"><font size="5">Словники</font></a><font size="5"> </font>
</font></b>
<ul>
<li><b><a href="biograph_dov.html"><font size="5" face="Monotype Corsiva">Біографічний довідник</font></a></b></li>
<li><b><a href="slovar.html"><font size="5" face="Monotype Corsiva">Словник Термінів</font></a></b></li>
</ul>
<li><b><font face="Monotype Corsiva"><a href="#"><font size="5">Тести</font></a><font size="5"> </font>
</font></b>
<ul>
<li><b><a href='1914—1918.html'><font size="5" face="Monotype Corsiva">Перша світова війна 1914—1918 рр. Повоєнне облаштування світу</font></a></b></li>
<li><b><a href="1917—1923.html"><font size="5" face="Monotype Corsiva">Період повоєнної кризи та революцій 1917—1923</font></a></b></li>
<li><b><a href="1924—1929.html"><font size="5" face="Monotype Corsiva">Період стабілізації в Європі та в Північній Америці 1924—1929</font></a></b></li>
<li><b><a href="1929—1933.html"><font size="5" face="Monotype Corsiva">Світ в період економічної кризи 1929—1933 рр. та подолання її наслідків</font></a></b></li>
</ul>
<li><a href='connect.html'><b><font face="Monotype Corsiva" size="5">Контакти</font></b></a></li>
</ul>
<table width="1000" border="0" align="center" cellspacing="0" cellpadding="0">
<tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="0" align="right">
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<h1>
</div>
</h1>
<div id="content">
<article class="post">
<h3 style="color: rgb(0, 0, 0); font-family: Classica One; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px">
</h3>
<h3 style="color: rgb(0, 0, 0); font-family: Classica One; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px">
</h3>
<h3 style="color: rgb(0, 0, 0); font-family: Classica One; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px">
<font size="7">Всесв<span lang="en-us">i</span>тня <span lang="en-us">I</span>стор<span lang="en-us">i</span>я</font></h3>
<tr><td align="right"><img src="images/hr_line.gif" width="432" height="1" alt=""></td></tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="welcome">
<tr>
<td width="228" valign="top" align="right">
<p class="font_small"></p>
</td>
<td valign="top" align="right" id="tema">
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td id="body_txt">
<div id="content">
<div class="inner">
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black">Ми рад</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span lang="EN-US" style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black"> </span>
<span style="font-size:18.0pt;font-family:
"Monotype Corsiva";color:black">в</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;
font-family:"Monotype Corsiva";color:black">тати вас!!!</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black">Учбовий заклад: Ма</span><span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">шинобудівний
коледж СумДУ</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">
Спеціальність: для студентів усіх спеціальностей та рівнів підготовки.</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">
Курс 1-2.</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">
<div style="float:left; margin-top: 5px; margin-left: 10px; margin-bottom: 5px; margin-left: 0px; "><img src="images/header.jpg" style="border-radius: 30%; border="0"/></div>
Дисципліна: "Всесвітня Історія".</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">
Викладачі: Бондаренко Д.І.</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">
Титаренко А.В.</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black">Елеккторнний п</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;
font-family:"Monotype Corsiva";color:black">дручник включатиме курс з
предмету "Всесв</span><span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">i</span><span style="font-size:18.0pt;font-family:"Monotype Corsiva";
color:black">тня </span>
<span lang="EN-US" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">
I</span><span style="font-size:18.0pt;font-family:"Monotype Corsiva";
color:black">стро</span><span lang="UK" style="font-size: 18.0pt; font-family: Monotype Corsiva; color: black">і</span><span style="font-size:18.0pt;font-family:"Monotype Corsiva";
color:black">я"</span></font></p>
<p><font size="5" color="black" face="Monotype Corsiva">
<span style="font-size:
18.0pt;font-family:"Monotype Corsiva";color:black">Навчальна програма
складатиметься з 35 год 7,8,9,10,11-го класу.</span></font></p>
<p class="MsoNormal"><font size="3" face="Monotype Corsiva">
<span style="font-size:
12.0pt;font-family:"Monotype Corsiva""> </span></font></p>
</div>
</div>
</div>
<div id="scrollup">
<img src="images/up.png" class="up" alt="Прокрутить вверх" />
</div>
</td>
</tr>
<tr><td align="center" id="bottom_menu">
<p> </p>
<a href="index.html">Головна</a> |<a href="slovar.html">Словник Термінів</a> |<a href="biograph_dov.html">Біографічний довідник</a> |<a href='connect.html'>Контакти</a>
<p> </p>
<div class="footer">
<p>Сайт розробив <span> <a target=_new href ="https://vk.com/matvienko_bogdan"
title="Cторінка ВК Матвієнко Богданна.">Матвієнко Богдан</A></span>.<p>
<p>© 2015. Всі права захищені.</p>
</div>
<p> </p>
</div>
</div>
</article>
</div> </html>
Додаток б
Код каскадної таблиці стилів «drop_gor_menu.css»:
ul.menu {
margin: auto;
padding: 0;
height: 30px;
width: 100%;
background: url("images/gor_menu_hover") repeat-x;
}
ul.menu li {
background: url("images/gor_menu_punkt.png") 12px 5px no-repeat;
float: left;
list-style: none;
}
ul.menu li a {
color: #8B4513;
display: block;
padding: 6px 32px 0px;
text-decoration: none;
}
ul.menu li a:hover {
background: url("images/gor_menu_punkt.png.png") 12px 5px no-repeat;
}
ul.menu li ul {
display: none;
margin-left: 12px;
padding: 0px;
}
ul.menu li:hover ul {
display: block;
position: absolute;
}
ul.menu li:hover ul li {
float: none;
}
color: #8B4513;
background: url("images/gor_menu_punkt.png") 12px 5px no-repeat;
padding: 6px 12px 0px;
}
ul.menu ul li:hover {
color: #8B4513;
background: url("images/gor_menu_hover.png") repeat-x;
padding: 6px 12px 0px;
}
ul.menu ul li a {
color: #8B4513;
padding: 6px 12px 0px;
}
ul.menu ul li a:hover {
background: url("images/gor_menu_hover") repeat-x;
color: #FF7F50;
padding: 6px 12px 0px;
}
ul.menu li:hover ul li a {
padding: 0px 0 8px;
}
#container_2 {
min-width:1100px;
width:100%
text-align: left;
margin: 0 auto;
background: none;
#slider-container21 { width: 100%}
#djslider-loader21 {width: 100%}
#djslider21 { width: 71%}
.images img{width:70%;padding:200px 0;}
html, body {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
background: url(images/12.jpg);
background-repeat: no-repeat;
/* если ширина окна <= 1000px ... */
/*открываем media query*/
@media screen and (max-width: 1000px) {
/* Делаем основной контент немного шире */
#content {
width: 75%;
}