Стартовая от Буси (дебют верстки)
Решила я попробовать себя в верстке стартовых страниц. В итоге вышел у меня вот такой конфуз. Может кому-нибудь понравиться.
Стартовая от Буси (дебют верстки)


Начну сразу с дела.
1) В ней есть прокрутка графов администрации
2) В ней есть ТОП по фразам и времени
3) Отключена правая клавиша мышки
4) Стоит набирающийся заголовок во вкладке

Вот код стартовой странички

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Название Вашего Чата</title>
<meta name="Description" content="%CHAT('DESCRIPTION')%">
<meta name="Keywords" content="%CHAT('KEYWORDS')%">
<meta name="language" content="rus,russian">
<meta name="robots" content="all,index">
<meta name="author" content="Da Vinchi, Буся">
<meta http-equiv="content-language" content="Russian">
<meta name='yandex-verification' content='6278d435c8647b1e' />
<meta name="msvalidate.01" content="203828BA549B34691DB3638F8364EDCD" />
<meta name='wmail-verification' content='2a63eb2a6f079c09' />
<meta name="robots" content="all"> 
<link rel="stylesheet" type="text/css" media="screen,projection" href="http://dvscr.ru/blue/style.css" />
<script type="text/javascript" src="http://dvscr.ru/bonus/mouse.js"></script>
<script type="text/javascript" src="http://dvscr.ru/blue/dg.js"></script>
<script type="text/javascript" src="http://dvscr.ru/title.js"></script>
<style>
 input {
        background: transparent;
}
</style>
</head>
<body>
	<div id="dv_background_top">
    
		<div class="dv_container">
        
        	<div id="dv_header">
                 <br><br><br><br>
<center><img src=http://dvscr.ru/blue/logo.png><center>
            </div>
            
            <div class="dv_content">
            	<div id="dv_content_white_top">
                	<div id="dv_menu">
        				<ul>
<center>
                            <li><a href="/people"  class="current" target="_blank">Люди чата</a></li>
                            <li><a href="/people/form?ref=" target="_blank">Рега в чате</a></li>
                            <li><a href="/whowas" target="_blank">Кто был</a></li>
                            <li><a href="#" target="_blank">Звания чата</a></li>              
                            <li><a href="/rules" class="lastmenu" target="_blank">Правила</a></li>            
</center>
                        </ul>
				</div>
                </div>
                <div id="dv_content_white_middle">
                	<div class="dv_post_area">
                    
                    	<h1>Добро пожаловать в наш чат!</h1>
                      <p><img src="http://dvscr.ru/blue/thumb_1.jpg" />
Мы рады приветствовать Вас на стартовой страничке нашего чата. Нет правда. Если Вы это читаете, то это значит, что Вы в поиске хорошего и доброго чата. Задайтесь вопросом "а может это он?"</p> 
<p>Конечно же "это он". А для того что бы попасть к нам не надо ничего делать. Просто введите свой ник в поле ниже и пароль если зарегистрированы. Зайдя в чат Вы сразу же окунетесь в обстановку добра и позитива</p>

<form name=login method=post action=/>
<input type=hidden name=sess>
<input type="hidden" name="ref" value="%GET('ref')%">
<label class='submit' for="enter"></label>
<table>
<tr><td><center>Ваш ник:</center></td><td><center>Ваш пароль:</center></td></tr><tr></tr>
<tr><td><input class='nick' name=nick size=30></td><td><input class='pass' name=pass type=password size=30></td></tr></table>
<br><input class='sub' type=submit value=" OK " id='enter'>
</form>
<center>
<table><tr>
<td><a href="http://%ADDRESS%:88/"><h3>88 порт чата</h3></a> </td>
<td><a href="http://%ADDRESS%:8080/"><h3>8080 порт чата</h3></a></td>
<td><a href="http://%ADDRESS%:8888/"><h3>8888 порт чата</h3></a></td>
</tr></table>
</center>
<script src=/js/login.jsa></script>
<script src=/js/md5.js></script>
						
<div class="cleaner_with_height"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<div id="dv_background_middle">
    	<div class="dv_container">
        	<div class="dv_content">
                <div id="dv_content_white_blue_joint">
                </div>
                
                <div id="dv_content_blue_middle">
                	<div class="dv_post_area">
                    	<h1>Наша самая лучшая администрация</h1>
                        <center><marquee scrollAmount=3 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=3 width=750 height=80>    
<!-----------------------------графы админов и модеров---------------------------------->
<img src="http://dvscr.ru/green/dav.gif"> 
<img src="http://dvscr.ru/green/dav.gif"> 
<img src="http://dvscr.ru/green/dav.gif"> 
<img src="http://dvscr.ru/green/dav.gif">
<!------------------------графы админов и модеров закончены------------------------>
                       </marquee></center>
                      <div class="cleaner_with_height"></div>
                    </div>
                </div>
                
                <div id="dv_content_blue_two_col_joint">
                </div>
                
                <div id="dv_content_two_col_middle">
                	<div class="dv_post_area_left">
                    	<h1>ТОП по фразам</h1>
                    <img alt="" src="http://dvscr.ru/blue/thumb_2.jpg" />
<table width="50%" cellspacing="2">
%PATTERN_MESS<<<END
<tr><td>%NUM%.&nbsp;<td nowrap><b nickid=%NICKID%>%NICK%</b><td align=center>%COUNT1%</tr>
END%

%?
<tr class=th><th><th>Ник<th>Публичных&nbsp;фраз<th>
%PEOPLE('TOP_MESS', 0, %PATTERN_MESS%, 10)%
?%
</table>
                    </div>
                    
                    <div class="dv_post_area_right">
                    	<h1>ТОП 10 по времени</h1>
                        <div class="post_area">
                        	<img alt="" src="http://dvscr.ru/blue/thumb_3.jpg" />
<table width="60%" cellspacing="2">
%PATTERN_TIME<<<END
<tr><td>%NUM%.&nbsp;<td nowrap><b nickid=%NICKID%>%NICK%</b><td colspan=3>%LONG_TIME(%TIME%)%</tr>
END%
%?
<tr class=th><th><th>Ник<th colspan=3>Время</tr>
%PEOPLE('TOP_TIME', 0, %PATTERN_TIME%, 10)%
<tr class=th><th colspan=5></tr>
?%
</table>
					  </div>                      
                    </div>
                    <div class="cleaner_with_height"></div>
                </div>
                
                <div id="dv_content_two_col_bottom">
                </div>
                <div class="dv_copyright">           
                	Copyright &copy; 2015 <a target = "_blank" href = "http://dvscr.ru/">Da Vinchi Scripts team</a>.
                </div>
                
            </div>
        </div>
	</div>
</body>
</html>

Как ее отредактировать под себя

Вот тут пишите название своего чата
<title>Название Вашего Чата</title>


Чуть ниже можно сделать название картинкой. А можно текстом. Как захотите в общем.
<center><img src=http://dvscr.ru/blue/logo.png><center>

Вот тут можете поменять описание

Мы рады приветствовать Вас на стартовой страничке нашего чата. Нет правда. Если Вы это читаете, то это значит, что Вы в поиске хорошего и доброго чата. Задайтесь вопросом "а может это он?"</p> 
<p>Конечно же "это он". А для того что бы попасть к нам не надо ничего делать. Просто введите свой ник в поле ниже и пароль если зарегистрированы. Зайдя в чат Вы сразу же окунетесь в обстановку добра и позитива</p>

Вот тут понять все очень просто

<!-----------------------------графы админов и модеров---------------------------------->
<img src="http://dvscr.ru/green/dav.gif"> 
<img src="http://dvscr.ru/green/dav.gif"> 
<img src="http://dvscr.ru/green/dav.gif"> 
<img src="http://dvscr.ru/green/dav.gif">
<!------------------------графы админов и модеров закончены------------------------>

Вот эта чать отвечает за ТОП по фразам (если захотите убрать)

<table width="50%" cellspacing="2">
%PATTERN_MESS<<<END
<tr><td>%NUM%.&nbsp;<td nowrap><b nickid=%NICKID%>%NICK%</b><td align=center>%COUNT1%</tr>
END%

%?
<tr class=th><th><th>Ник<th>Публичных&nbsp;фраз<th>
%PEOPLE('TOP_MESS', 0, %PATTERN_MESS%, 10)%
?%
</table>

Вот эта часть отвечает за ТОП по времени в чате (если захотите убрать и поставить что-то свое)

<table width="60%" cellspacing="2">
%PATTERN_TIME<<<END
<tr><td>%NUM%.&nbsp;<td nowrap><b nickid=%NICKID%>%NICK%</b><td colspan=3>%LONG_TIME(%TIME%)%</tr>
END%
%?
<tr class=th><th><th>Ник<th colspan=3>Время</tr>
%PEOPLE('TOP_TIME', 0, %PATTERN_TIME%, 10)%
<tr class=th><th colspan=5></tr>
?%
</table>

Вот и все. Если понравилась ставьте. Будут вопросы пишите любым способом в блоке связи с нами справа.

P.S. За помощь в верстке спасибо Da Vinchi и Coderскачать dle 12.1




html-cсылка
BB-cсылка
Прямая ссылка
Сайт/форум/чат Направление Админ Онлайн Вход
» Anime Chat (чат) Аниме Cheza Без реги
» Desert Rose (радио) Радио с минимальными ограничениями Нервная баба
Кисточка
1k Гостевой
» Не определен Вы можете занять данное место)) Пишите нам Всего 50 р. в месяц
Обновление сервисов на 1-м месте
Выбрать другой дизайн
KING
Переключится на дизайн «KING»
MOUSE
Переключится на дизайн «MOUSE»
PROMO кодыnew
Стоимость купона перекрывается скидкой которую он предоставляет.
Радио партнер
Найм тех. админа
Для найма доступны Развратник и Darkness
VIP партнеры


Облако тегов
25.03.2018 ^_^ augus4u august4u back CID Close CSS CSS3 Da Vinchi Desert Rose Fike GRADIENT HTML IP JS RIP Stephen Hawking Stephen William Hawking TrTd АдминЛопух Анимешники Бан Баны Безопасность Бот ВКонтакте Градиент Гуру Давненько Даже Дети Достоевский Евой Есть Ждали Женя Закончили Идиот Интересно Кемерово Киллка Мистик Мистика Многие Мобильная версия Нарушу Не останься равнодушным. Обновление Окно смайлов Оформление Панин Пожар в Кемерово Приятная мелочь Просили Радио СМАЙЛЫ Секретарь Скончался физик Скрипт Слились Старая таверна Стартовые Стивен Хокинг Страница Страницы бана Страшная трагедия Таверна Трагедия Утрата ХАК Халявчик Читайте ШАБЛОН Шаблоны Этим август август4ю августТоп админа админам администраторов админов аниме антивзлом апреля базе банов более было быстренько важно вводится весьма восхищена встроили выкладывается выкладывали выкладываю гей глав года голосованием городов группа группе группы давно данная данное данной дать двух делюсь дизайн дизайна длинном добротой дождались дополнение дополнения доступ дьявола жиробас завидно знать зоофил иероглифы информация к размышлению кнопки кнопку кого контейнер координаты которой которые курсора люблю люди мало мною модуль молодой назад написан начали нашем наши разработки наши сервисы нашла небольшое небольшой ничего новости новость общее определяет остались остальных пару пидарас пидераст платные услуги по поведении позволяет показывает полезное полной полную получается получили пользование помнит поприкалываться пояснениями правом пришли простенький проходят прочее разработки разрешению разрешения расскажу рассчитать расшифровка сайт сайтам сайте сайты сделали сделан сделать себя сегодня сервисы сказать слово случайно смотря спрашивают стартовая страницу страницы такие такое такой теги тексте тоже топик топчике удобный узнать украсить ВК украшения умными услуги форумам форумы хорошо чат чата чатам чатов чаты человек шуток элементы японского
Статистика посещений
5 посетителей сейчас на сайте
Из них:
Гости65

Добро пожаловать на dvscr.ru!

Для того чтобы стать полноценным пользователем нашего сайта, вам необходимо пройти регистрацию.
Зарегистрироваться
Создайте собственную учетную запить!
Авторизоваться
Уже зарегистрированны? А ну-ка живо авторизуйтесь!

Войти на сайт


Da Vinchi
Помогалка