Creativity Planet

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Creativity Planet » Прочая графика для чатов » Стартовые-Бесплатник


Стартовые-Бесплатник

Сообщений 1 страница 3 из 3

1

Выкладываем БЕСПЛАТНЫЕ стартовые только собственное творчество.
Обязательно напишите что и где нужно изменить.
Тема не для заказов стартовых

0

2

Стартовая "Грезы"
Дизайн/верстка Простая
использование стартовой разрешено при условии сохранения двух уже установленных кнопок в партнерах!
http://s4.uploads.ru/t/xOt6G.jpg

КОД

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>Название Чата</title>
    <meta name="Description" content="">
    <meta name="Keywords" content="">
    <meta name="language" content="rus,russian">
    <meta name="robots" content="all,index">
    <meta name="author" content="InfinitI">
    <meta http-equiv="content-language" content="Russian">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    <style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}

body{
padding: 0 0 0;
background: #47bac0;
color: #cdf4f7;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container {
background:url(http://i.pixs.ru/storage/5/5/1/Bezimeni … 380551.jpg) no-repeat #47bac0;
width: 1280px;
height:1500px;
margin: 0 auto;
position:relative;
}
.form {float:right
width: 260px;
height: 200px;
color:#cdf4f7;
font-size: 100%;
margin: 20px 0px 0 760px;
position:relative;
padding:0px 0 0 0px;
}
.login {
padding:57px 5px 0 123px;
}
.login_input {
background: transparent;
width: 199px;
height: 24px;
border: 0;
color:#cdf4f7;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
vertical-align: bottom;
margin:0px 0px 0px 0px;
}
.password {
padding: 2px 0 0px 123px;
        margin:10px 0px 0px 0px;
}
.login_ok{
background-color: transparent;
height: 20px;
padding-left: 204px;
padding-top: 21px;
padding-right: 0px;
}
.ok {background:url(http://i.pixs.ru/storage/0/4/8/okpng_27 … 381048.png) no-repeat;
width: 32px;
height: 36px;
vertical-align: bottom;
display: block;
cursor: pointer;
padding: 0px 12px;
margin:0;
    color:transparent;
cursor: pointer;
}
.ok:hover {
background:url(http://i.pixs.ru/storage/0/5/4/ok1png_2 … 381054.png) no-repeat;
color:transparent;
}
a {
text-decoration: none;
color:#79d1d6;
}
a:hover {color: #b3edf0;}
.head{
hight:232px;;
color:#b3edf0;

}

#nav {float:left;
width: 370px;
height: 100px;
margin:73px 0px 0px 190px;
padding-top: 2px;
position:relative;
}
#nav ul {
list-style-type: none;
margin: 9px 20px 0 0;
}
#nav li {
display: inline;
margin: 40px 8px 40px 8px;
}
#nav li a {
border:none
}
#nav li a:hover {
border:none
}
.tex{
width:796px;
height:284px;
position:relative;
padding:100px 0 0 246px;
}
.adm {text-align:center;
width:796px;
height:110px;
position:relative;
padding:110px 0 0 246px;
}
</style>
</head>

<body>
<div id="container">
<div id="head" style="padding:180px 0px 0 600px;"><font size="6px">НАЗВАНИЕ ЧАТА</font></div>
<div id="nav">
<ul>
<li style="width:95px;margin:13px 50px 40px 18px;"><a href="http://ссылка чата/people/form" target="_blank">Прописка</a></li>
<li style="width:95px;margin:13px 10px 40px 3px;"><a href="http://ссылка чата/people/" target="_blank">Люди</a></li>
<li style="width:95px;margin:13px 10px 40px 45px;"><a href="http://ссылка чата/gb/" target="_blank">Гостевая</a></li>
</ul><ul style="padding-top: 5px;">
<li style="width:95px;margin:0px 10px 40px 34px;padding-top:40px;"><a href="http://ссылка чата/help" target="_blank">F.A.Q.</a></li>
<li style="width:95px;margin:13px 10px 40px 37px;"><a href="http://ссылка сайта/" target="_blank">Сайт чата</a></li>
<li style="width:95px;margin:13px 10px 40px 31px;"><a href="http://ссылка чата/whowas" target="_blank">Кто был</a></li>
</ul>
</div>
<div class="form">
<form name=login method=post action=/>
<input type=hidden name=sess>
<input type=hidden name=ref value="%GET('ref')%" />
<div class="login"><input type="text" name=nick size=30 value="%COOKIE("Nick")%" class="login_input" id="log"></div>
<div class="password"><input  name=pass type=password size=30 value="" class="login_input"></div>
<div class="login_ok"><input type=submit value="Ok" class="ok"></div>
</form>

<script src=/js/login.jsa></script>
<script src=/js/md5.js></script>
</div>
<div class="tex">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</div>
<div class="adm">
<img src=http://i.pixs.ru/storage/8/7/7/6gif_5934248_9380877.gif>
<p><img src=http://i.pixs.ru/storage/8/8/1/icqinvisib_5607289_9380881.png>682671768</p>
</div>

<div style="position:relative; top:96px; left:3px; font-size:10px;" align="center">
<center>
<marquee
scrollAmount=3 onmouseover=this.scrollAmount=0
onmouseout=this.scrollAmount=3 width=788 height=31>
<a href="http://creativityplanet.mybb.ru/"  target="_blank"><img src="http://forumfiles.ru/files/0013/60/54/34270.gif" border="0" width="88" height="31" alt="Creativity Planet"></a>&nbsp;
<a href="http://empirechats.ucoz.ru/" target="_blank" alt="Империя Чатов"><img src="http://empirechats.ucoz.ru/knopkakataloga.gif" alt="Империя Чатов" title="Империя Чатов" width=88 height=31 border=0></a>

</marquee></center></div>

<div style="position:relative; top:268px; left:0px; font-size:10px;" align="center">© <a href="http://chatname.august4u.ru/">чат "Название"</a>; дизайн - <a href="http://creativityplanet.mybb.ru/viewtopic.php?id=16#p20" target="_blank">Простая</a>; вёрстка - Простая; разработка <a href="http://august4u.net/" target="_blank">August</a>
<p>Все права защищены. Использование любых материалов чата без согласия администрации запрещено.</p>
</div>
</td></tr></table>
</div>
</body>
</html>

Заменяем надпись НАЗВАНИЕ ЧАТА везде где она встречается,
вместо "ссылка чата " вставляем ссылку своего чата
вместо TEXT вставляем описание чата

код

<div class="adm">
<img src=http://i.pixs.ru/storage/8/7/7/6gif_5934248_9380877.gif>
<p><img src=http://i.pixs.ru/storage/8/8/1/icqinvisib_5607289_9380881.png>682671768</p>
</div>

здесь меняем на своих админов и свою аську

Приятного пользования!
Будут вопросы пишите!

0

3

http://s5.uploads.ru/t/nv14k.jpg

КОД

<!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=windows-1251" />
<title>Название чата для бразуера</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cidfabool.ru/files/my/knopkablue/knopka.js"></script>
<style>
body {
background: url(http://img1.vetton.ru/walls/nature/vetton_ru_1101.jpg) center fixed;
}

* {
margin: 0;
padding: 0;
border: 0;
}

.page {
margin:0px auto;
width:1024px;
height:768px;;
background: rgba(0, 0, 0, 0.0);
}

.logo {
margin:70px 0 0 70px;
border:1px #000;
float:left;
width:250px;
height:50px;
}

nav {
float:right;
    width: 700px;
    height: 80px;
    margin:0 auto;
    text-align: center;
}

.top-menu li {
    display: inline-block;
    text-align: center;
    margin: 30px 5px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.top-menu li:hover {
    margin: 30px 20px;
}

.top-menu li:active {
    margin: 30px 33px;
}

.top-menu li a  {
    width: 100px;
    height: 100px;
    z-index: 9999;
    position: absolute;
    top: 35px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1);
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

.top-menu li:active a {
    font-size: 26px;
    top: 30px;
    text-shadow: none;
}

.top-menu li div.menu-item {
    width: 100px;
    height: 100px;
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-border-top-left-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-bottomright: 100px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.top-menu li:hover div.menu-item{
    -webkit-border-top-left-radius: 80px;
    -webkit-border-bottom-right-radius: 80px;
    -moz-border-radius-topleft: 80px;
    -moz-border-radius-bottomright: 80px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}

.top-menu li:active div.menu-item{
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

#home { background: #41D05F; }
#cataloge { background: #E42B2B; }
#price { background: #ff8400; }
#about { background: #a800ff; }
#contact { background: #49a7f3; }

.form {
    /* Size and position */
    width: 300px;
float:left;
margin:100px 0px 0 75px;

    /* Font styles */
    font-family: 'Raleway', 'Lato', Arial, sans-serif;
    color: white;
    text-shadow: 0 2px 1px rgba(0,0,0,0.3);
}

.form h1 {
    font-size: 22px;
    padding-bottom: 20px;
}

.form input[type=text],
.form input[type=password] {
    width: 100%;
    padding: 8px 4px 8px 10px;
    margin-bottom: 15px;

    border: 1px solid #4e3043;
    border: 1px solid rgba(78,48,67, 0.8);
    background: rgba(0,0,0,0.15);
    border-radius: 2px;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.2),
        inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    font-family: 'Raleway', 'Lato', Arial, sans-serif;
    color: #fff;
    font-size: 13px;
}

.form input::-webkit-input-placeholder {
    color: rgba(37,21,26,0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

.form input:-moz-placeholder {
    color: rgba(37,21,26,0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

.form input:-ms-input-placeholder {
    color: rgba(37,21,26,0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

.form input[type=text]:hover,
.form input[type=password]:hover {
    border-color: #333;
}

.form input[type=text]:focus,
.form input[type=password]:focus,
.form input[type=submit]:focus {
    box-shadow:
        0 1px 0 rgba(255,255,255,0.2),
        inset 0 1px 1px rgba(0,0,0,0.1),
        0 0 0 3px rgba(255,255,255,0.15);
    outline: none;
}

.no-boxshadow .form input[type=text]:focus,
.no-boxshadow .form input[type=password]:focus {
    outline: 1px solid white;
}

.form input[type=submit] {
    width: 315px;
    padding: 8px 5px;
background:#0C0;
    border-radius: 5px;
    border: 1px solid #4e3043;
    box-shadow:
        inset 0 1px rgba(255,255,255,0.4),
        0 2px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.3s ease-out;

    color: #FF0;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    font-size: 16px;
    font-weight: bold;
    font-family: 'Raleway', 'Lato', Arial, sans-serif;
}

.form input[type=submit]:hover {
    box-shadow:
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 20px 30px rgba(99,64,86,0.5);
}

.no-boxshadow .form-4 input[type=submit]:hover {
    background: #594642;
}

.form label {
    display: none;
    padding: 0 0 5px 2px;
    cursor: pointer;
}

.form label:hover ~ input {
    border-color: #333;
}

.no-placeholder .form label {
    display: block;
}

.tabs {
text-align:center;
font:20px Arial, Helvetica, sans-serif bold;
color:#FFF;
padding:10px;
margin:81px 65px 0 0;
float: right;
width:500px;
height:500px;
border:1px solid #000;
background: rgba(0,0,0,0.5);
}

.tabsmini {
padding:3px;
margin:15px 0 0 78px;
float:left;
width:300px;
height:80px;
border:1px solid #000;
background: rgba(0,0,0,0.5);
}

.tabsmini2 {
padding:3px;
margin:15px 0 0 78px;
float:left;
width:300px;
height:80px;
border:1px solid #000;
background: rgba(0,0,0,0.5);
}

.tabsmini3 {
padding:3px;
margin:15px 0 0 78px;
float:left;
width:300px;
height:51px;
border:1px solid #000;
background: rgba(0,0,0,0.5);
}

.copy {
color:#FFF;
padding-top:7px;
text-align:center;
margin:20px 210px 5px 0;
width:600px;
height:30px;
float:right;
border:1px solid #000;
background: rgba(0,0,0,0.5);
}

.copy a{
color:#FF0;

}

.copy a:hover{
color:#F00;

}

.topHeader {
    background: #000000;
    border: 2px solid #229CFF;
    display: block;
    font-family: tahoma;
    font-size: 12px;
    line-height: 10px;
    padding: 10px;
    position: fixed;
    right: -2px;
    text-align: right;
    top: 10px;
    z-index: 1000;
border-radius:6px 0 0 6px;
-moz-border-radius:6px 0 0 6px;
-webkit-border-radius:6px 0 0 6px;
animation-name: back;
animation-delay: 0s;
animation-duration: 2s;
animation-timing-function: linear;
-moz-animation-name: back;
-moz-animation-delay: 0s;
-moz-animation-duration: 2s;
-moz-animation-timing-function: linear;
-webkit-animation-name: back;
-webkit-animation-delay: 0s;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
}
@keyframes back {from {right:-172px;}to {right:-2px;}}
@-moz-keyframes back {from {right:-172px;}to {right:-2px;}}
@-webkit-keyframes back {from {right:-172px;}to {right:-2px;}}
.topHeader a.backArticle {color: #FF8801;font-weight: bold;margin-right: 10px;text-decoration: none;}
.topHeader a.backArticle:hover {color: #FFFFFF;}

.addshare{position: fixed; top: 60px;left:10px; z-index: 500;border:1px solid #c2c2c2;}
.addshare a {text-align:center;}
.addthis_button_facebook_like {margin: 0 0 0 6px;}
#addshare{text-align:center;background:#ff0000;border-radius:20px;z-index:501;width:13px;;color:#fff;position:absolute;cursor:pointer;margin: -18px 0 0 58px;padding: 0 3px 3px;}


</style>
</head>
<body>
<div class="topHeader">
<a class="backArticle" href="http://empirechats.ucoz.ru/" title="Каталог Империя чатов" target="_blank">Каталог чатов</a>
</div>
<div class="page">
<div class="logo"><img src="img/logo.png" width="250" height="50" /></div>
<nav>
    <ul class="top-menu">
        <li><a href="/" >Главная</a><div class="menu-item" id="home"></div></li>
        <li><a href="/people" target="_blank">Люди</a><div class="menu-item" id="cataloge"></div></li>
        <li><a href="/rules" target="_blank">Правила</a><div class="menu-item" id="price"></div></li>
        <li><a href="/whowas" target="_blank">Кто был</a><div class="menu-item" id="about"></div></li>
        <li><a href="Тут ваша ссылка" target="_blank">F.A.Q</a><div class="menu-item" id="contact"></div></li>
    </ul>
</nav>
<div class="tabs">
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text

</div>

<div class="form">
<form name=login method=post action=/>
<input type=hidden name=sess>
<h1>Вход в чат</h1>
<input name=nick type=text placeholder="Ник" size=30>
<input name=pass type=password placeholder="Пароль" size=30>
<input type=submit value=" OK ">
</form>
<script src=/js/login.jsa></script>
<script src=/js/md5.js></script>
</div>

<div class="tabsmini">

Тут что хотите
</div>
<div class="tabsmini2">

Тут что хотите
</div>
<div class="tabsmini3">

Тут что хотите
</div>
<div class="copy">
© Дизайн и разработка <a href="http://cidfabool.ru/">CidFabool</a>&nbsp;cовместно с&nbsp;<a href="http://creativityplanet.mybb.ru/">Creativity Planet</a>
</div>
</div>
</body>
</html>

Установка:
1. Скопировать код, и вставить в любую страницу в чате. Страница будет доступна -- номер вашей страницы.
2. Название в браузере. Находим и редактируем под себя: "<title>Название чата для бразуера</title>"
3. Меняем логотип: <div class="logo"><img src="Тут ссылка на логотип" width="250" height="50" /></div>
4. Меняем кнопку F.A.Q. Находим и редактируем под себя: "<a href="Тут ваша ссылка">F.A.Q</a><div class="menu-item" id="contact">"
5. Готово!

Отредактировано CidFabool (2013-10-16 12:14:17)

0


Вы здесь » Creativity Planet » Прочая графика для чатов » Стартовые-Бесплатник