Farell Дата: Четверг, 31.03.2011, 15:26 | Сообщение # 1
Сообщений: 65
Репутация: 0 Статус: Offline
Данные:
Пол: Мужчина
С нами: 29.03.2011
Урок 4: Создайте свой первый сайт После полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт.
В Уроке 1 мы узнали, что необходимо для создания web-сайта: браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт.
Также откройте Notepad (в Accessories в Programs - Start menu):
Начнём с чего-нибудь попроще. Как насчёт страницы, на которой написано: "Ура! Это моя первая web-страница." Читайте дальше, и вы узнаете, как это легко сделать.
HTML прост и логичен. Браузер читает HTML так, как читаете его вы: сверху вниз и слева направо. Таким образом, HTML-документ начинается и заканчивается тем, чем должен начинаться и заканчиваться текст.
Во-первых необходимо сообщить браузеру, что вы будете "говорить" с ним на языке HTML. Это делается тэгом (тут ничего нового). Так что, прежде чем напечатать что-либо, нужно поставить тэг "" в первой строке документа Notepad.
Как вы, возможно, помните из предыдущего урока, это открывающий тэг, который должен иметь и закрывающий тэг после того, как вы закончите ввод HTML. Поэтому, чтобы не забыть, поставьте закрывающий тэг "" на пару строк ниже и вводите весь текст документа между и .
Следующее, что необходимо, это "head" (голова или "шапка"), которая содержит служебную информацию о вашем документе, и "body" (тело), содержимое самого документа. Поскольку HTML логичен, head (
и ) находятся выше body ( и ). Ваш документ теперь должен выглядеть так:
Code
<html>
Обратите внимание, как мы структурировали тэги по строкам (с помощью клавиши Enter) и какие сделали отступы (клавишей Tab). В принципе не важно, как вы структурируете ваш HTML-документ. Но, для облегчения чтения кода, настоятельно рекомендуем структурировать ваш HTML с помощью перевода строк и отступов, как в нашем примере.
Вот вы уже и сделали вашу первую web-страницу - первенца, который, возможно, выглядит не так, как вы предполагали, когда начинали читать этот учебник, но это уже, в некотором роде, web-сайт. Вы создали базовый шаблон для всех последующих HTML-документ.
Как вы уже видели ранее, в вашем HTML-документе есть две части: а head и body. В разделе head вы вносите информацию о странице, а body содержит информацию самой страницы.
Например, если вы хотите дать название документу, чтобы оно появлялось в верхней строке браузера, это нужно сделать в разделе "head". Тэг для названия -
: <p> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--><title>Моя первая web-страница</title><!--/uzc--></div></div><!--/uzcode--> <br /> <br /> <p> Обратите внимание, что этот title не появляется на самой web-странице. Всё, что вы хотите видеть на самой странице, является содержимым/content и должно, следовательно, находиться между тэгами "body". <p> Итак, мы хотим, чтобы на странице выводилось "Ура! Это моя первая страница." Этот текст, который вы хотите показать, и, естественно, он должен располагаться в разделе body. Поэтому в разделе body напечатайте следующее: <p> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--><br /><br />Ура! Это моя первая страница.</p><!--/uzc--></div></div><!--/uzcode--> <br /> <br /> <p> Буква p в <p> это сокращение от "paragraph" и означает именно это - параграф текста. <p> Ваш HTML-документ должен теперь иметь такой вид: <p> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--><html> <br /> <br /> <head> <br /> <title>My first page </title> <br /> </head> <br /> <br /> <body> <br /> <br /><br />Hurrah! This is my first page.</p> <br /> </body> <br /> <br /> </html><!--/uzc--></div></div><!--/uzcode--> <br /> <br /> <p> Готово! Вы создали свой первый настоящий web-сайт! <p> Теперь нужно сохранить его на жёсткий диск, а затем открыть в вашем браузере: <br /> В Notepad выберите "Save as..." в меню "File". <br /> Выберите "All Files" в боксе "Save as type". Это очень важно - иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ. <br /> Теперь сохраните ваш документ как "page1.htm" (расширение ".htm" указывает, что это HTML-документ. ".html" даст тот же результат. Я всегда использую ".htm", но вы можете выбрать любое из этих двух расширений). Где вы сохраните документ на жёстком диске - не имеет значения, главное запомнить это место, чтобы потом легко найти файлы. <br /> <img src="http://ru.html.net/tutorials/html/saveas.png" border="0" alt=""> <br /> Теперь откроем браузер: <br /> Выберите "Open" в меню "File". <br /> Щёлкните "Browse" в появившемся диалоге. <br /> Теперь найдите ваш HTML-документ и щёлкните "Open". <br /> <img src="http://ru.html.net/tutorials/html/open.png" border="0" alt=""> <br /> Теперь вы должны увидеть страницу с текстом "Ура! Это моя первая страница." в вашем браузере. Поздравляем! <p> Если вы хотите, чтобы весь мир увидел ваше творение, можете перейти в Урок 14 и вы узнаете, как выгрузить вашу страницу в Internet. Или наберитесь терпения и читайте дальше. Всё ещё только начинается.</span><br>
</td></tr>
<tr><td class="postBottom" align="center"> </td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td><a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-10', 'up10', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;"><img alt="" style="margin:0;padding:0;border:0;" src="/.s/img/fr/bt/8/p_profile.gif" title="Профиль пользователя" /></a> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/.s/img/fr/bt/8/p_www.gif" title="Домашняя страница" onclick="window.open('http://vkontakte.ru/id70688557')" /> </td><td align="right" style="padding-right:15px;"></td><td width="2%" nowrap align="right"><a class="goOnTop" href="javascript:scroll(0,0);"><img alt="" style="margin:0;padding:0;border:0;" src="/.s/img/fr/bt/8/p_up.gif" title="Вверх" /></a></td></tr>
</table></td></tr></table></td></tr></table></div></div><div class="gDivBottomLeft"></div><div class="gDivBottomCenter"></div><div class="gDivBottomRight"></div>
<table class="ThrBotTbl" border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="ThrBotRow1"><td colspan="2" class="bottomPathBar ThrBotCl11" style="padding-top:2px;">
<table class="ThrForumBarTbl" border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="ThrForumBarRow1">
<td class="forumNamesBar ThrForumBarCl11 breadcrumbs" style="padding-top:3px;padding-bottom:5px;">
<a class="forumBar breadcrumb-item" href="/forum/">Форум</a> <span class="breadcrumb-sep">»</span> <a class="forumBar breadcrumb-item" href="/forum/44">Вебмастру</a> <span class="breadcrumb-sep">»</span> <a class="forumBar breadcrumb-item" href="/forum/45">Учебники и уроки</a> <span class="breadcrumb-sep">»</span> <a class="forumBarA" href="/forum/45-87-1">Серия уроки по HTML Урок 4: Создайте свой первый сайт</a> <span class="thDescr">(Создание вашего первого HTML-документа- базовый шаблон для б)</span></td><td class="ThrForumBarCl12" >
<script>
function check_search(s) {
if ($(s).find('input[type="text"]').val().length< 3) {
_uWnd.alert('Вы ввели слишком короткий поисковой запрос.','',{w:230,h:80,tm:3000})
return;
}
$(s).submit();
}
</script>
<form id="thread_search_form" onsubmit="check_search(this);return false;" action="/forum/45-87" method="GET">
<input class="fastNav" type="submit" value="Ok" id="thread_search_button"><input type="text" name="s" value="" placeholder="Поиск по теме" id="thread_search_field"/>
</form>
</td></tr>
</table></td></tr>
<tr class="ThrBotRow2"><td class="ThrBotCl21" width="50%">
<ul class="switches switchesTbl forum-pages">
<li class="pagesInfo">Страница <span class="curPage">1</span> из <span class="numPages">1</span></li>
<li class="switchActive">1</li>
</ul></td><td class="ThrBotCl22" align="right" nowrap="nowrap"><form name="navigation" style="margin:0px"><table class="navigationTbl" border="0" cellspacing="0" cellpadding="0"><tr class="navigationRow1"><td class="fFastNavTd navigationCl11" >
<select class="fastNav" name="fastnav"><option class="fastNavMain" value="0">Главная страница форума</option><option class="fastNavCat" value="1">Общие форумы</option><option class="fastNavForum" value="2"> Gamer-Life.In - Новости и обсуждение</option><option class="fastNavForum" value="3"> Обсуждение материалов Up-Royal</option><option class="fastNavForum" value="4"> Новости форума, обсуждение его работы</option><option class="fastNavForum" value="5"> Реклама на сайте</option><option class="fastNavForum" value="6"> Услуги сайта</option><option class="fastNavForum" value="7"> Конкурсы</option><option class="fastNavForum" value="8"> Графика для портала</option><option class="fastNavForum" value="9"> Правила сайта</option><option class="fastNavForum" value="10"> Персонал сайта GL</option><option class="fastNavForum" value="82"> Куплю, продам рекламу</option><option class="fastNavForum" value="83"> Покупка, продажа icq, soft, голоса и т.д.</option><option class="fastNavCat" value="11">Общий игровой</option><option class="fastNavForum" value="12"> Советы и секреты</option><option class="fastNavForum" value="13"> Пасхалки</option><option class="fastNavForum" value="14"> Прохождения игр</option><option class="fastNavForum" value="15"> Модмейкерство</option><option class="fastNavForum" value="16"> FAQ по играм</option><option class="fastNavForum" value="17"> Баги, ошибки</option><option class="fastNavForum" value="18"> Игровое видео</option><option class="fastNavForum" value="19"> Обзоры,интервью...</option><option class="fastNavForum" value="20"> Взломы игр</option><option class="fastNavForum" value="21"> Ключи к играм</option><option class="fastNavForum" value="22"> Other / Разное</option><option class="fastNavCat" value="23">Разговоры обо всем</option><option class="fastNavForum" value="24"> Разговоры обо всем</option><option class="fastNavForum" value="25"> Программное обеспечение</option><option class="fastNavForum" value="26"> Фильмы. Кино. Актеры.</option><option class="fastNavForum" value="27"> Музыка</option><option class="fastNavForum" value="28"> ЮМОР</option><option class="fastNavForum" value="29"> Софт и HardSoft</option><option class="fastNavForum" value="30"> Литература и книги</option><option class="fastNavForum" value="31"> Поздравления</option><option class="fastNavForum" value="32"> Клубы</option><option class="fastNavForum" value="33"> Игры и Киберспорт</option><option class="fastNavForum" value="34"> Креативы</option><option class="fastNavForum" value="35"> Форумные игры ( флуд )</option><option class="fastNavCat" value="36">Услуги нашего сайта</option><option class="fastNavForum" value="37"> Изготовим баннер</option><option class="fastNavForum" value="38"> Изготовим шапку</option><option class="fastNavForum" value="39"> Изготовим аватар</option><option class="fastNavForum" value="40"> Изготовим юзербар</option><option class="fastNavForum" value="41"> Изготовим графику</option><option class="fastNavForum" value="42"> Создадим сайт</option><option class="fastNavForum" value="43"> Соберем сервер</option><option class="fastNavForum" value="66"> Раскрутка Вашего сайта</option><option class="fastNavCat" value="44">Вебмастру</option><option class="fastNavForumA" value="45" selected> Учебники и уроки</option><option class="fastNavForum" value="46"> Верстка и общие вопросы</option><option class="fastNavForum" value="47"> Рекомендации, помощь, проблемы</option><option class="fastNavForum" value="48"> Скрипты для uCoz Системы</option><option class="fastNavForum" value="49"> Java Скрипты</option><option class="fastNavForum" value="50"> Статьи, программы по SEO</option><option class="fastNavForum" value="84"> Ищу работу</option><option class="fastNavForum" value="85"> Вакансии</option><option class="fastNavCat" value="51">Дизайнеру</option><option class="fastNavForum" value="52"> Продукция от Adobe</option><option class="fastNavForum" value="53"> Советы, помощь...</option><option class="fastNavForum" value="54"> Оценивание работ</option><option class="fastNavForum" value="55"> Flash-программирование</option><option class="fastNavForum" value="56"> Уроки</option><option class="fastNavForum" value="57"> Photoshop Разное</option><option class="fastNavCat" value="74">Наша РИП Студия - RipLine</option><option class="fastNavForum" value="75"> Rip Шаблонов</option><option class="fastNavForum" value="76"> Rip шапок сайтов</option><option class="fastNavForum" value="77"> Rip графики со всего интернета!</option><option class="fastNavForum" value="78"> Rip скриптов, хаков, модулей</option><option class="fastNavCat" value="67">Все для Вконтакте.ру</option><option class="fastNavForum" value="68"> Баги игр ВКонтакте.ру</option><option class="fastNavForum" value="69"> Программы для сайта в контакте</option><option class="fastNavForum" value="70"> Бесплатные темы оформления для ВКонтакте</option><option class="fastNavForum" value="71"> Статусы Вконтакте</option><option class="fastNavForum" value="72"> Секреты Вконтакте</option><option class="fastNavForum" value="73"> Звезды в Контакте</option><option class="fastNavCat" value="79">Коммерция</option><option class="fastNavForum" value="80"> Партнерские программы</option><option class="fastNavForum" value="81"> Куплю, продам сайт, домен.</option><option class="fastNavCat" value="58">Наш клан</option><option class="fastNavForum" value="59"> Набор в клан</option><option class="fastNavForum" value="60"> Важные объявления</option><option class="fastNavForum" value="61"> Clan War's</option><option class="fastNavCat" value="62">Корзина форума</option><option class="fastNavForum" value="63"> Удаленные темы</option><option class="fastNavForum" value="64"> Ваши сайты</option><option class="fastNavForum" value="65"> Корзина</option></select>
<input class="fastNav" type="button" value="Ok" onclick="top.location.href='/forum/'+(document.navigation.fastnav.value!='0'?document.navigation.fastnav.value:'');" />
</td></tr></table></form></td></tr>
<tr class="ThrBotRow3"><td class="ThrBotCl31"><div class="fFastLogin" style="padding-top:5px;padding-bottom:5px;"><input class="fastLogBt" type="button" value="Быстрый вход" onclick="loginPopupForm();" /></div></td><td class="ThrBotCl32" align="right" nowrap="nowrap"><form method="post" action="/forum/" style="margin:0px"><table class="FastSearchTbl" border="0" cellspacing="0" cellpadding="0"><tr class="FastSearchRow1"><td class="fFastSearchTd FastSearchCl11" >Поиск: <input class="fastSearch" type="text" style="width:150px" name="kw" placeholder="keyword" size="20" maxlength="60" /><input class="fastSearch" type="submit" value="Ok" /></td></tr></table><input type="hidden" name="a" value="6" /></form></td></tr>
</table>
<script type="text/javascript">
// TABLE
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[red]') != -1){
s=s.replace('[red]','<div class="infmes6">'); s=s.replace('[/red]','</div>');
e[k].innerHTML=s;
}
} }
</script>
<script type="text/javascript" language="javascript">
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[p.s.]') != -1){
s=s.replace('[p.s.]','<fieldset><legend><font style="font-weight:bold;font-size: 12px; font-family: Verdana; color: #cbcbcb;"> P.S </font></legend><font style="font-size: 11px; font-family: Verdana; font-weight:bold; text-decoration:none; color:orange; text-shadow:0px 0px 5px #000;">'); s=s.replace('[/p.s.]','</font></fieldset>');
e[k].innerHTML=s;
}
} }
</script>
<script type="text/javascript" src="/js/bspoiler.js"></script>
<script type="text/javascript" language="javascript">
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[blink]') != -1){
s=s.replace('[blink]','<blink>'); s=s.replace('[/blink]','</blink>');
e[k].innerHTML=s;
}
} }
</script>
<script type="text/javascript">
// TABLE
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[Table]') != -1){
s=s.replace('[Table]','<div class="infmes5">'); s=s.replace('[/Table]','</div>');
e[k].innerHTML=s;
}
} }
</script>
<script type="text/javascript" language="javascript">
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[video]') != -1){
s=s.replace('[video]','<fieldset>'); s=s.replace('[/video]','</fieldset>');
e[k].innerHTML=s;
}
} }
</script>
<script type="text/javascript">
e=document.getElementsByTagName("TD");
for(k=0;k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[yellow]') != -1) {
s=s.replace('[yellow]','<div class="infmes9">'); s=s.replace('[/yellow]','</div>');
e[k].innerHTML=s;}}}
</script>
<script type="text/javascript">
// TABLE
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[adminblue]') != -1){
s=s.replace('[blue]','<div class="infmes8">'); s=s.replace('[/blue]','</div>');
e[k].innerHTML=s;
}
} }
</script>
<script type="text/javascript">
$('span.forumViewed').each(function (i, g) {
$.get($(this).parent().find('a.forum').attr('href'), function (data) {
g.innerHTML = '[' + $('td.forumOnlineBar:first', data).html().replace('Гость', '') + ']';
});
});
</script>
<script type="text/javascript">
// TABLE
e=document.getElementsByTagName("TD");
for(k=15; k<e.length;k++) {
if(e[k].className=='posttdMessage') {
s=e[k].innerHTML;
while (s.indexOf('[green]') != -1){
s=s.replace('[green]','<div class="infmes7">'); s=s.replace('[/green]','</div>');
e[k].innerHTML=s;
}
} }
</script>
<script>$('.codeMessage').html('Гость Вам запрещен показ кода - скрипта, зарегистрируйтесь !!');</script>
<script type="text/javascript">
$('.threadNametd').each(function() {
var a_link = $(this).find("a:first").attr('href');
var nt = $(this).text();
a_img = $("<img/>").attr({src: '//s107.ucoz.net/img/icon/profile.png',style: 'float:right',border:'0',title: 'Инфа о авторе'});
$(this).prepend(a_img);
$(a_img).click(function() {
$('.themei').load(a_link+' .themeo:first',function() {
new _uWnd('theq','Автор Поста "'+nt+'"',400,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:1,icon: 'http://www.nk-gam1ng.ru/new_nk_black/eye.png'}, $(".themei").html() )
});
});
});
</script>
<div style="display:none;"><div class="themei">Загрузка...</div></div>
<script type="text/javascript">
$(".bbCodeName:contains('Code')").html("<font style='font-size:12px;'>Code</font> <a href='javascript://' style='font-size:12px;font-weight:normal;text-decoration:underline;margin-left:5px;' id='getcode'>Получить код</a>");
$("#getcode").live("click",function() {
codes = $(this).parent().next().html();
lencodes = codes.length;
replcode = /<!--uzc-->/
replcode2 = /<!--\/uzc-->/
replcode3 = /<br>/g
resultCode = codes.replace(replcode, "").replace(replcode2, "").replace(replcode3, "\n");
new _uWnd('getC','Получение кода для ""',600,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, '<fieldset><legend>Код:</legend><textarea onfocus="select(this)" id="codes">'+resultCode+'</textarea></fieldset><fieldset>Символов: <b>'+lencodes+'</b></fieldset>' );
});
</script>
<style>
#codes{width:100%;}
</style>
</td></tr></table>
<!--U1BFOOTER1Z--><table border="0" cellpadding="4" cellspacing="0" width="100%" style="border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c;background:url(/new_gb_black/footer_new.png)">
<td align="left" style="padding-left:5px;">Администрация <b>не несёт ответственности</b> за файлы на портале.<br/><b>Все права не нарушены.</b><br>© <b>2011 www.Up-Royal.Do.Am</b><center><img src="//up-royal.do.am/new_gb_black/ruska.png" border="0" alt="" /><br> <a href="/sitemap-forum.xml"><font color="#e58b2b">ForumSiteMap</font></a> | <a href="/sitemap.xml"><font color="#84ff00">SiteMap</FONT></a> | <font color="#fd1313"><!-- "' --><span class="pb98smQC">Хостинг от <a href="https://www.ucoz.ru/">uCoz</a></span></FONT></center>
<div style="text-align: center;"> <span style="visibility: hidden"> <a href="http://jespir.ru">Аквабайки, мотоциклы, автомобили</a> </span>
</div>
</table><table class="gTable" width="100%" bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
</tr>
<tr>
<td class="gTableSubTop" width="25%" align="center">Лучшие пользователи<br></td>
<td class="gTableSubTop" width="25%" align="center">Уважаемые пользователи<br></td>
<td class="gTableSubTop" width="25%" align="center">Популярные темы<br></td>
<td class="gTableSubTop" width="25%" align="center">Недавно обновленные темы<br></td>
</tr>
<tr>
<td class="gTableBody1" style="padding: 10px;"><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-1', 'up1', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">{Бармен}</a></td> <td align="right">Постов [ 188 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-10', 'up10', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">Farell</a></td> <td align="right">Постов [ 65 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-13', 'up13', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">Xatis</a></td> <td align="right">Постов [ 36 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-190', 'up190', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">40Glocc</a></td> <td align="right">Постов [ 14 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-203', 'up203', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">MyLife</a></td> <td align="right">Постов [ 7 ]</td> </tr></tbody></table></td>
<td class="gTableBody1" style="padding: 10px;"><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-116', 'up116', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">Krasnov</a></td> <td align="right">Репутация [ 20 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-13', 'up13', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">Xatis</a></td> <td align="right">Репутация [ 8 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-1', 'up1', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">{Бармен}</a></td> <td align="right">Репутация [ 4 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-8', 'up8', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">demon4ik</a></td> <td align="right">Репутация [ 1 ]</td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/user.png"> <a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-191', 'up191', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">Вася</a></td> <td align="right">Репутация [ 0 ]</td> </tr></tbody></table></td>
<td class="gTableBody1" style="padding: 10px;"><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/28-197">Черный Юмор</a></td> <td align="right"><span>[ 57 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/24-191">Экзамен по биологии за 9 класс...</a></td> <td align="right"><span>[ 17 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/28-80">Анекдоты,смешные истории</a></td> <td align="right"><span>[ 14 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/28-19">Прикольные демотиваторы</a></td> <td align="right"><span>[ 7 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/12-76">Сталкер ТеньЧернобыля</a></td> <td align="right"><span>[ 5 ]<br></span></td> </tr></tbody></table></td>
<td class="gTableBody1" style="padding: 10px;"><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/5-242">Цигун</a></td> <td align="right"><span>[ 1 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/48-241">Новый Топ пользователей с ав...</a></td> <td align="right"><span>[ 0 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/48-240">Простой и красивый вид формы...</a></td> <td align="right"><span>[ 0 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/48-239">Красивый информер "кто ...</a></td> <td align="right"><span>[ 0 ]<br></span></td> </tr></tbody></table><table style="padding: 2.5px 0pt;" width="100%" cellpadding="0" cellspacing="0"> <tbody><tr><td align="left"><img src="//up-royal.do.am/new_gb_black/blocks/comments.png"> <a href="//up-royal.do.am/forum/48-238">Flash радио для сайта</a></td> <td align="right"><span>[ 0 ]<br></span></td> </tr></tbody></table></td>
</tr>
</tbody></table></td>
</div><br />
</td></tr>
</table><!--/U1BFOOTER1Z-->
</body>
<style>
/* hint menu */
.hint
{
background:url(/new_gb_black/b.gif);
line-height:10px;
color:#cbcbcb;
font-family:verdana,arial,helvetica;
font-size:8pt;
width:auto;
border:1px solid #1c1c1c;
margin:1px;
padding:6px;
position:absolute;
visibility:hidden;
}
/* ---------------- */
</style>
<script>
// Автор Скрипта: http://Sinners.PP.Ua
//Hint Start
// CLASS : MW_System_Load
// Init
function MW_System_Load(){
this.wib = screen.width;
this.heb = screen.height;
this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false;
this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;
this.types = 'load';
}
MW_System_Load.prototype.addsevent = function(func){
if(this.objects.addEventListener){
this.objects.addEventListener(this.types,func,false);
return true;
} else if (this.objects.attachEvent){
this.objects.attachEvent("on" + this.types,func);
} else {
return false;
}
}
MW_System_Load.prototype.browser = function(){
this.ver = navigator.appVersion;
this.agent = navigator.userAgent.toLowerCase();
this.dom = document.getElementById ? 1:0;
this.all = document.all ? 1:0;
this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0;
this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0;
this.ie4 = (document.all && !this.dom) ? 1:0;
this.ie = this.ie4 || this.ie5 || this.ie6;
this.opera = this.agent.indexOf("opera")>-1;
this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0;
this.bw = (this.ie || this.opera || this.gecko);
return this;
}
MW_System_Load.prototype.findobj = function(obj){
this.parent = window.document;
if(this.parent[obj]){ return this.parent[obj]; }
if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; }
if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; }
if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); }
return null;
}
var MW = new MW_System_Load();
function MW_System_Hint(){}
MW_System_Hint.prototype.show = function(obj,str){
var hint = MW.findobj('hint');
if(!obj){ return; }
if(!MW.documes){ return; }
if(!hint){ return; }
hint.className = 'hint';
hint.style.left = 15;
hint.style.top = 50;
obj.onmouseout = function(advance){
hint.style.width = '';
hint.style.visibility = 'hidden';
if(hint.firstChild) hint.removeChild(hint.firstChild);
hint.appendChild(document.createTextNode(str));
};
obj.onmousemove = function(advance){
//str = str.replace(/</g,"<");
//str = str.replace(/>/g,">");
hint.style.width = '';
hint.innerHTML = str;
vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0];
x = window.event ? event.clientX + vc.scrollLeft : advance.pageX;
y = window.event ? event.clientY + vc.scrollTop : advance.pageY;
vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset;
vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop;
if(hint.offsetWidth>500){ hint.style.width = '200'; }
if((x + hint.offsetWidth + 15) > vcwidth){
hint.style.left = x - hint.offsetWidth - 4;
} else {
hint.style.left = x + 15;
}
if((y + hint.offsetHeight + 19) > vcheight){
hint.style.top = y - hint.offsetHeight;
} else {
hint.style.top = y + 25;
}
//if(typeof(hint.style.MozOpacity)!="undefined"){
hint.style.opacity = '.91';
hint.style.filter = "alpha(opacity:91)";
//}
hint.style.visibility = 'visible';
};
}
MW_System_Hint.prototype.initialize = function(){
var hint = document.createElement("DIV");
hint.setAttribute('id','hint');
document.getElementsByTagName('body')[0].appendChild(hint);
hint.style.visibility = 'hidden';
var hintmarker = ['a','img','img','input','span','div','textarea'];
var textmarker = ['title','alt','title','title','title','title','title'];
var lenmarker = hintmarker.length;
for(var i=0; i<lenmarker; i++) {
atr = document.getElementsByTagName(hintmarker[i]);
for(var j=0; j<atr.length; j++)
if(viewhint=atr[j].getAttribute(textmarker[i])){
atr[j].removeAttribute(textmarker[i]);
HINT.show(atr[j],viewhint);
}
}
}
var HINT = new MW_System_Hint();
if(MW.objects){ MW.addsevent(HINT.initialize); }
//Hint End
</script>
</html>
<!-- 0.13696 (s49) -->
