€
$
₴
₽
EN
RU
Vmeste.EU
Лента
Каталог
Файлы
Форумы
Услуги
Основное
Radiotalk
Пользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90 •
Посмотреть все темы
Титульник
1
2
The_Amp
@The_Amp
08.01.2014
Сделал титульник для чата.Его можно легко выставить под свои настройки
Показать текст
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="Script Tutorials" />
<meta name="description" content="Responsive Websites Using BootStrap">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Название</title>
<!-- css stylesheets -->
<link href="http://ar4.do.am/mpchat/style1.css" rel="stylesheet">
<link href="http://ar4.do.am/mpchat/style2.css" rel="stylesheet">
<script src="?inc=informer&getmsg=1&inchat=1&lastreg=10&counter=1&birthday=1"></script>
</head>
<body>
<!-- modal box -->
<div class="modal fade" id="my-modal-box" tabindex="-1" role="dialog" aria-labelledby="my-modal-box-l" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-title" id="my-modal-box-l">
<h3>Share it</h3>
</div>
</div><!-- /.modal-header -->
<div class="modal-body">
<p>Share it box content</p>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4dbfb1915f17d240"></script>
</div><!-- /.modal-body -->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- slider -->
<div id="slider" class="carousel slide" data-ride="carousel">
<!-- controls -->
<div class="carousel-inner">
<!-- slides -->
<div class="item active">
<div class="container">
<div class="carousel-caption">
<h1>Информация</h1>
<p>Тут любая вашая информация.К примеру важные сообщения.</p>
<p><a class="btn btn-lg btn-default" href="#" role="button">Перейти</a></p>
</div>
</div>
</div>
<!-- left-right controls -->
</div><!-- /.carousel -->
<!-- main container -->
<div class="container">
<!-- second menu bar -->
<nav class="navbar navbar-default navbar-static">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#b-menu-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- submenu elements for #b-menu-2 -->
<div class="collapse navbar-collapse" id="b-menu-2">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span class="glyphicon glyphicon"></span>谷 Главная</a></li>
<li><a href="#"><span class="glyphicon glyphicon-question"></span>¶ Помощь</a></li>
<li><a href="#"><span class="glyphicon glyphicon-exclamation"></span>マ Привила</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon"></span>♡ Разное <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">ТЕКСТ</a></li>
<li><a href="#">ТЕКСТ</a></li>
<li><a href="#">ТЕКСТ</a></li>
<li><a href="#">ТЕКСТ</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li data-toggle="modal" data-target="#my-modal-box"><a href="#"><span class="glyphicon glyphicon"></span>〓 Рассказать друзьям </a></li>
</ul>
</div><!-- /.nav-collapse -->
</nav>
<!-- 2-column layout -->
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-9">
<!-- jumbotron -->
<div class="jumbotron">
<h1>Ваш заголовок</h1>
<p>Ваш текст.к примеру сегодня есть новые новости на форуме.</p>
<p><a role="button" href="#" class="btn btn-lg btn-success">Посмотреть</a></p>
</div>
<div class="row">
<!-- column 1 -->
<div class="col-sm-6">
<!-- box 1 -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Ваш заголовок</h3>
</div>
<div class="panel-body">
<p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст</p>
<p><a class="btn btn-default right" href="#" role="button">Читать »</a></p>
</div>
</div>
<!-- box 2 -->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Ваш заголовок</h3>
</div>
<div class="panel-body">
<p>Текст текст текст текст текст текст текст текст текст</p>
<p><a class="btn btn-default right" href="#" role="button">Читать »</a></p>
</div>
</div>
</div> <!-- /column 1 -->
<!-- column 2 -->
<div class="col-sm-6">
<!-- box 3 -->
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Ваш заголовок</h3>
</div>
<div class="panel-body">
<p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
<p><a class="btn btn-default right" href="#" role="button">Читать »</a></p>
</div>
</div>
<!-- box 4 -->
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">Ваш заголовок</h3>
</div>
<div class="panel-body">
<p>Текст текст текст текст текст текст текст текст текст текст текст текст</p>
<p><a class="btn btn-default right" href="#" role="button">Читать »</a></p>
</div>
</div>
</div> <!-- /column 2 -->
</div><!--/row-->
</div><!--/span-->
<!-- column 3 (sidebar) -->
<div class="col-sm-3 sidebar-offcanvas" id="sidebar">
<div class="list-group" role="navigation">
<a href="" class="list-group-item"><script>
towrite=
"IP: "+i_ip+"<br>"+
"Сообщений: "+i_msg+"<br>"+
"Зарег. человек: "+i_users+"<br>"+
"Сейчас в чате: "+i_inchat+"<br>";
document.write(towrite);
</script></a>
<a class="list-group-item active">Статистика чата</a>
</div>
<!-- box 5 -->
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Войти</h3>
</div>
<div class="panel-body">
<tr><td style="padding:5px 5px 5px 15px;"><!-- <bc> -->
<form method=post name=gochat action=index.php>
<script>
if(typeof(i_aidn)=="undefined") alert("Ошибка: Установите скрипт информера в начало документа!");
if(i_aidn) document.write("<input type=hidden name=i_aidn value="+i_aidn+">");
if(mynick && myid) document.write("<input type=hidden name=nick value='"+mynick+"'><input type=hidden name=id value='"+myid+"'><b>"+mynick+"</b> <a href=?cookie_off=1>выйти?</a><br><br>");
else {
document.write("Логин: <a href=index.php?inc=reg target=iframe>регистрация</a><br><input name=nick type=text class=text><br>");
document.write("Пароль: <a href=index.php?inc=mail target=iframe>выслать</a><br><input name=pass type=password class=text><br>");
document.write("<input type=checkbox name=cookie_on> - запомнить<br>");
}
</script>
<input type=submit value=' Войти в чат ' class=ok>
</form>
</div>
</div>
<!-- box 6 -->
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Календарь</h3>
</div>
<div class="panel-body">
<center><embed src="http://ucozon.ru/SCRIN7/2/pleer/4asy/calendar134141.swf" width="270" height="250" wmode="transparent" type="application/x-shockwave-flash"></embed></center>
</div>
</div>
</div><!-- /column 3 (sidebar) -->
</div><!--/row-->
<footer>
<nav class="navbar navbar-default navbar-static-bottom" role="navigation">
<p class="navbar-text">© Copyright 2014</p>
<p class="navbar-text navbar-right"><a href="https://vk.com/lhaker/">by The Amp</a></p>
</nav>
</footer>
</div><!--/.container-->
<!-- add javascripts -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://ar4.do.am/mpchat/script1.js"></script>
</body>
</html>
Отредактировано The_Amp -
08.01.2014
6703
Андрей
@ZloVeЩиЙ
08.01.2014
Привет bootstrap`y
2
The_Amp
@The_Amp
08.01.2014
ZloVeЩиЙ
пишет:
Привет bootstrap`y
Вёрстка bootstrap,настраивал я.
2970
удалён
@Foggy
09.01.2014
Между прочим, чувак правильную тему поднял. Мпчат на бутстрапе выглядит весьма симпатично. Взять в пример хотя бы чат нашего старичка crigon'а. Правда, у него титулка не на бутстрапе.
7094
Dim
@Render
09.01.2014
The_Amp
пишет:
Сделал титульник для чата.Его можно легко выставить под свои настройки
Молодец. Возьми с полки пирожок.
А если действительно хочешь помочь кому-то на сервисе, можно разместить этот титульник в установщик дизайнов.
90 •