Регистрация Правила форума Пользователи Социальные группы Поиск Сообщения за день Все разделы прочитаны


Вернуться   Форум ChatPlanet.ru > Сервис «Мой чат» aka «Август» > Шаблоны
Перезагрузить страницу Код для стартовых

Важная информация

Ответ
 
Опции темы Опции просмотра
Старый 29.05.2011, 17:50   #1
 
Регистрация: 29.03.2011
Сообщений: 5
Вы сказали Спасибо: 3
Поблагодарили 9 раз
Репутация: 19
Отправить сообщение для God с помощью ICQ
God вне форума
Лампочка Код для стартовых
Появилась такая мысль, вернее просьба к местным дизайнерам.
Можно было бы выложить html код наипростейшей стартовой странички (в которую бы входили только поля ввода логина,пароля, пару кнопок вроде Регистрации, Форума, Людей и другие мелочи), указать, где и куда вставлять свои картинки, свою информацию...
И пускай по вашему шаблону начинающие дизайнеры учатся)) Потом когда поймут, что/где/куда тыкать, сообразят, как добавлять новые опции на страничку.
Думаю,полезно было бы
Report Post
Ответить с цитированием
Эти 3 пользователя(ей) сказали Спасибо God за это полезное сообщение:
Charm~El` (29.05.2012), Мальвинка (09.11.2011), Ночная Волчица (24.03.2012)
Старый 29.05.2011, 19:37   #2
 
Регистрация: 06.05.2007
Сообщений: 939
Вы сказали Спасибо: 271
Поблагодарили 2,651 раз
Репутация: 2546
Отправить сообщение для Mickeleangelo с помощью ICQ
Mickeleangelo вне форума
По умолчанию
http://august4u.net/?doc=10
__________________

Html, css, js, php, mysql. Быстро, качественно, дешево — выберите два.
Report Post
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо Mickeleangelo за это полезное сообщение:
God (29.05.2011), Затмение (30.05.2011)
Старый 02.11.2011, 04:20   #3
 
Регистрация: 19.11.2009
Адрес: august4u.ru
Сообщений: 33
Вы сказали Спасибо: 82
Поблагодарили 99 раз
Репутация: 109
Annet вне форума
По умолчанию
Цитата:
Сообщение от Mickeleangelo Посмотреть сообщение
http://august4u.net/?doc=10
__________________
Вообще просили стартовую описать как делать
__________________
Я стерва еще та
Report Post
Ответить с цитированием
Старый 23.03.2012, 15:07   #4
 
Регистрация: 19.02.2012
Сообщений: 1
Вы сказали Спасибо: 0
Поблагодарили 4 раз
Репутация: 14
Goracio вне форума
По умолчанию
Цитата:
Сообщение от God Посмотреть сообщение
Появилась такая мысль, вернее просьба к местным дизайнерам.
Можно было бы выложить html код наипростейшей стартовой странички (в которую бы входили только поля ввода логина,пароля, пару кнопок вроде Регистрации, Форума, Людей и другие мелочи), указать, где и куда вставлять свои картинки, свою информацию...
И пускай по вашему шаблону начинающие дизайнеры учатся)) Потом когда поймут, что/где/куда тыкать, сообразят, как добавлять новые опции на страничку.
Думаю,полезно было бы
Рассмотрим пример к сожалению не работающего ныне чата, но стартовую рассмотреть можно:

Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="Description" content=Осколок сердца -  чат общения,знакомств,отдыха и развлечений.Онлайн знакомства, реальные встречи друзей. " /> 
 	<meta name="Keywords" content="Чат, Онлайн знакомства, Осколок сердца, Ваш досуг, Интернет-общение, Новые знакомства, Друзья в интернете,Реальные встречи,  On-Line общение, Анкеты чатлан, Дизайн чатов, Досуг,Отдых,Развлечения" />  
<title>чат"ВАШ ЧАТ"</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 12px;
	color: #ffffff;
	font-style: italic;
}
body {
	background-color: #423d37;
	margin: 0px;
}
a {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
}
a:link {
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #6a1c0e;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}
.cal {  font-family:Verdana;
	 	 font-size:10px;
	     color : #a4a4a5;
		 font-weight: bold;
         font-style: normal;
       }
.style2 { font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#ffffff;
font-weight:bold;
font-style:italic;
}
.login_input {
	width: 180px;
	height: 16px;
	border: double  #666666 2px;
	color: #2f0001;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	background-color: #a4a4a5;
	}
.k1 {
	width: 120px;
	height: 30px;
	background-color: transparent;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749283-535.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	}
.k {
	width: 120px;
	height: 30px;
	background-color: transparent;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749119-535.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	}
.kn1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 70px;
        margin-left: 100px;
	background-color: transparent;
}
.kn1a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
        margin-left: 100px;
	background-color: transparent;
}
.kn2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	margin-left: 150px;
	background-color: transparent;
}
.kn2a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 150px;
	background-color: transparent;
}
.kn4 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 250px;
	background-color: transparent;
}
.kn4a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 250px;
	background-color: transparent;
}
.kn3 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 200px;
	background-color: transparent;
}
.kn3a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 200px;
	background-color: transparent;
}
.kn5 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.kn5a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.kn6 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 350px;
	background-color: transparent;
}
.kn6a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 350px;
	background-color: transparent;
}
.kn7 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.kn7a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.style3 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.style3 {
	padding-right: 100px;
	padding-left: 70px;
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffffff;
}
.style4 {
	color: #ffffff;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.style5 {
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
}

#ban a img {

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);

}

#ban a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);

}
-->
</style>

</head>

<body>

<table width="1100" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>
    <td align="right"> 
	<table width="1025" height="43" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752354-535.jpg">
    <tr>
        <td>&nbsp;</td>
        <td width="700" align="left" valign="middle"> 
		<span id="clock" class="cal"></span> 
<script>
  function UpdateTime(){
    var months = ["января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"];
    var weekdays = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"];
    var greets = ["Доброй ночи!", "Доброе утро!", "Добрый день!", "Добрый вечер!"];
    var date = new Date; //now
    var day = date.getDate();
    var month = date.getMonth();
    var year = date.getFullYear(); 
    var hour = date.getHours();
    var min = date.getMinutes();
    var sec = date.getSeconds();
    var greet = 0;
    if(hour >= 5) greet = 1;
    if(hour >= 12) greet = 2;
    if(hour >= 17) greet = 3;
    if(hour >= 23) greet = 0;
    min = ((min<10)?"0":"") + min;
    sec = ((sec<10)?"0":"") + sec;
    var mess = greets[greet] + " &nbsp;&nbsp; сегодня " + weekdays[date.getDay()] + "&nbsp;&nbsp; время " + hour + ":" + min + ":" + sec + " &nbsp;&nbsp;" + day + " " + months[month] + " " + year;
    document.getElementById("clock").innerHTML = mess;
    setTimeout(UpdateTime, 1000);
  }
  UpdateTime();
</script>

		</td>
      </tr>

    </table>
	
	  <table width="1025" height="172" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752440-535.jpg">
        <tr>
          <td>&nbsp;</td>
          <td width="950" align="center" valign="bottom" style="padding-bottom: 20px">
		  <form name="login" method="post" action="/">        
          <input type="hidden" name="sess">
          <input type="hidden" name="ref" value="">
<table class="style2" width="350">

<tr><td>Ник:</td><td><input type="text" name="nick" value="" class="login_input"></td></tr>
<tr><td>Пароль:</td><td><input type="password" name="pass" value="" class="login_input"></td></tr>
<tr><td colspan=3 align=center>
<input type=button class="k" onClick="window.open('/people/lost');" onMouseOver="this.className='k1'" onMouseOut="this.className='k'" value=" Забыли пароль " /> 
<input type="submit"  class="k" onMouseOver="this.className='k1'" onMouseOut="this.className='k'" value=" Зайти в чат ">

</td></tr>
</table>

</form>
 <script src=/js/login.jsa></script>
  <script src=/js/md5.js></script>

 <center> Дополнительные порты:<br />
    <a href=" http://ВАШ ЧАТ.august4u.ru:88/">88 порт</a>&nbsp;&nbsp;&nbsp;&nbsp;  <a href="http://ВАШ ЧАТ.august4u.ru:8080/index">8080 порт</a>&nbsp;&nbsp;&nbsp;&nbsp;  <a href="http://ВАШ ЧАТ.august4u.ru:8888/index">8888 порт</a>

 </center>
</td>
        </tr>
      </table>

	  
	  <table width="1025" border="0" height="215" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752459-535.jpg">
        <tr>
		<td>&nbsp;</td>
                    <td align="center" valign="middle" width="540">
<script type="text/javascript">
new fadeshow(slide1, 260, 120, 0, 3000, 0, "R")
</script>
</td>
        </tr>
      </table>
	  
	  <table width="1025" height="190" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752496-535.jpg">

        <tr>
          <td width="623">&nbsp;</td>
          <td width="477" align="left" valign="top">
		  <input type="button" class="kn1" title="Регистрация анкеты" onclick="window.open('http://heart-splinter.august4u.ru/people/form?ref=5', '_blank');" onmouseover="this.className='kn1a'" onmouseout="this.className='kn1'" /> 
		 <input type="button" class="kn2" title="Наши  чатлане" onclick="window.open('/people/?', '_blank');" onmouseover="this.className='kn2a'" onmouseout="this.className='kn2'" /> 
		 <input type="button" class="kn5" title="Dising studio Blues" onclick="window.open('http://www.dsb.lact.ru/', '_blank');" onmouseover="this.className='kn5a'" onmouseout="this.className='kn5'" /> 
		 <input type="button" class="kn3" title="Побывали в чате" onclick="window.open('/whowas?', '_blank');" onmouseover="this.className='kn3a'" onmouseout="this.className='kn3'" /> 
		 <input type="button" class="kn4" title=" Мы в контакте" onClick="window.open('http://vkontakte.ru/club32865959', '_blank');" onMouseOver="this.className='kn4a'" onMouseOut="this.className='kn4'" />
		 <input type="button" class="kn6" title=" EnerGi & Apple" onclick="window.open(' http://ac4u.ru/?ref=145 ', '_blank');" onmouseover="this.className='kn6a'" onmouseout="this.className='kn6'" />
		
<br> 
<br>
<br>
<br>
<br>
<br>
<br>
<span class="style4">
<center>Глав. админ чата - EnerGi <br>
Aдмин чата - ooVoo</br>
</center>
</br></span></br>

</td>
          <td align="center" valign="top" width="550">
		<span class="style4"> Сейчас в чате: </span><script src= http://ВАШ ЧАТ.august4u.ru/c></script><br>
<object type="application/x-shockwave-flash" data="http://your2.my1.ru/ump3player_500x70.swf" height="27" width="180"><param name="wmode" VALUE="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://your2.my1.ru/ump3player_500x70.swf" /><param name="FlashVars" value="way=http://your2.my1.ru/uljana_karakoz-angely_zdes_bolshe_ne_zhivut.mp3&swf=http://your2.my1.ru/ump3player_500x70.swf&w=180&h=27&time_seconds=0&autoplay=1&q=&skin=black&volume=100&comment=" /></object>
<br><br>

<table width="90%" >
<tr>
<td align="center" valign="top">

<!-- Статистика  -->
<!-- Конец статистики  --></div>
</td></tr></table>      
<table width="90%" >
<td align="center" valign="top">
<!--Кнопка баннера-->
&nbsp;&nbsp;&nbsp;&nbsp;<script language="JavaScript">
 <!--
 function popup2()
 {
 prompt('Кодик нашего красивенькгого баннерочечка','<a href="Ссылка на чат" target="_blank" title="Название чата"><img src="Ссылка на изображение баннера" width="88" heigh="31" border="0" alt="Название чата"></a>');
 return false;
 }
 //-->
 </script>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="Ссылка на чат" target="_blank"><img src="Ссылка на изображение баннера" border="0" width="88" heigh="31"></a><input type="button" value="Код" onclick="popup2()">
<!--Кнопка баннера-->
<br>
<!-- begin of Top100 code -->
<span class="style4">Скачать браузеры:</span><br> 
<div id="ban">
<a href="http://www.google.ru/chrome" target="_blank" title="Google Chrome"><img src="http://igust4u.ru/chats/brauz/chrome.gif" width="45" heigh="45" border="0" alt="FDD"></a>  

<a href="http://www.apple.com/safari/download/" target="_blank" title="Safari 5"><img src="http://igust4u.ru/chats/brauz/safari.gif" width="45" heigh="45" border="0" alt="FDD"></a>

<a href="http://www.mozilla-europe.org/ru/firefox" target="_blank" title="Firefox"><img src="http://igust4u.ru/chats/brauz/mazila.gif" width="45" heigh="45" border="0" alt="FDD"></a>

<a href="http://soft-4-free.ru/browser/110-skachat-besplatno-opera-10-63.html" target="_blank" title="Opera 10.63"><img src="http://igust4u.ru/chats/brauz/opera.gif" width="45" heigh="45" border="0" alt="FDD"></a>
</div> </a>
<!--Осколок сердца -  чат общения,знакомств,отдыха и развлечений.Онлайн знакомства, и главное верные друзья готовые поддержать тебя в трудную минуту.-->
</noscript>
<!-- end of Top100 code -->

<!-- Конец статистики  --></div>
</td></tr></table>
	
		  </td>
        </tr>
      </table>


<table width="1025" height="80" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752518-535.jpg">
<tr>
<td align="center" valign="middle" class="style5">
Дизайн <a target="_blank" href="http://ac4u.ru/?ref=145">EnerGi</a> Верстка <a target="_blank" href="http://mdfd.sosbb.ru/h65-page">Da Vinchi</a>. Для чата НАЗВАНИЕ ЧАТА © 2012 год.
<center><marquee    
scrollAmount=3 onmouseover=this.scrollAmount=0    
onmouseout=this.scrollAmount=3 width=420 height=35><div id="ban">
КОДЫ БАННЕРОВ
</div>
</marquee></center>
</td>
</tr>
</table>
</td>
  </tr>
  </table>
</body>
</html>
Где:
Код HTML:
<title>чат"ВАШ ЧАТ"</title>
Соответственно название чата

Код HTML:
.k1 {
	width: 120px;
	height: 30px;
	background-color: transparent;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749283-535.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	}
.k {
	width: 120px;
	height: 30px;
	background-color: transparent;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749119-535.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	}
Непосредственно стили кнопок с ссылками на изображения кнопок (Забыли пароль и Регистрация)

Код HTML:
.kn1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 70px;
        margin-left: 100px;
	background-color: transparent;
}
.kn1a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
        margin-left: 100px;
	background-color: transparent;
}
.kn2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	margin-left: 150px;
	background-color: transparent;
}
.kn2a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 150px;
	background-color: transparent;
}
.kn4 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 250px;
	background-color: transparent;
}
.kn4a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 250px;
	background-color: transparent;
}
.kn3 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 200px;
	background-color: transparent;
}
.kn3a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 200px;
	background-color: transparent;
}
.kn5 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.kn5a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.kn6 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 350px;
	background-color: transparent;
}
.kn6a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 350px;
	background-color: transparent;
}
.kn7 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326750762-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
.kn7a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	background-image: url(http://imgs.su/tmp/2012-01-17/1326749918-535.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-left: 300px;
	background-color: transparent;
}
Соответственно стили кнопок меню где .kn1 пасивная кнопка, а .kn1а активная кнопка.

Код HTML:
<table width="1025" height="43" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752354-535.jpg">
Первое изображение стартовой
Код HTML:
<table width="1025" height="172" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752440-535.jpg">
Второе изображение стартовой
Код HTML:
<table width="1025" border="0" height="215" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752459-535.jpg">
Третье изображение стартовой (не информативная и там указанно в данном варианте название чата)
Код HTML:
<table width="1025" height="190" border="0" cellspacing="0" cellpadding="0" background="http://imgs.su/tmp/2012-01-17/1326752496-535.jpg">
Четвертое изображение стартовой (Блок меню, колличество человек в чате, кнопка получения баннера, администраторы)
Дальше рассмотрим код кнопки получения баннера
Код HTML:
<!--Кнопка баннера-->
&nbsp;&nbsp;&nbsp;&nbsp;<script language="JavaScript">
 <!--
 function popup2()
 {
 prompt('Кодик нашего красивенькгого баннерочечка','<a href="Ссылка на чат" target="_blank" title="Название чата"><img src="Ссылка на изображение баннера" width="88" heigh="31" border="0" alt="Название чата"></a>');
 return false;
 }
 //-->
 </script>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="Ссылка на чат" target="_blank"><img src="Ссылка на изображение баннера" border="0" width="88" heigh="31"></a><input type="button" value="Код" onclick="popup2()">
<!--Кнопка баннера-->
Тут все просто. Читайте русские буковки и все будет понятно.
Дальше блок с браузерами:
Код HTML:
<span class="style4">Скачать браузеры:</span><br> 
<div id="ban">
<a href="http://www.google.ru/chrome" target="_blank" title="Google Chrome"><img src="http://igust4u.ru/chats/brauz/chrome.gif" width="45" heigh="45" border="0" alt="FDD"></a>  

<a href="http://www.apple.com/safari/download/" target="_blank" title="Safari 5"><img src="http://igust4u.ru/chats/brauz/safari.gif" width="45" heigh="45" border="0" alt="FDD"></a>

<a href="http://www.mozilla-europe.org/ru/firefox" target="_blank" title="Firefox"><img src="http://igust4u.ru/chats/brauz/mazila.gif" width="45" heigh="45" border="0" alt="FDD"></a>

<a href="http://soft-4-free.ru/browser/110-skachat-besplatno-opera-10-63.html" target="_blank" title="Opera 10.63"><img src="http://igust4u.ru/chats/brauz/opera.gif" width="45" heigh="45" border="0" alt="FDD"></a>
</div> </a>
Его можно убрать, а можно перезалить и поставить вместо него, что угодно.
И пожалуй для многих самое волнующее это баннеры топов на стартовой
Код HTML:
<center><marquee    
scrollAmount=3 onmouseover=this.scrollAmount=0    
onmouseout=this.scrollAmount=3 width=420 height=35><div id="ban">
КОДЫ БАННЕРОВ
</div>
</marquee></center>
Тут и дурак разбереться. Баннеры при наведении курсора подсвечиваются и это делаетстартовую аккуратнее

P.S. Может кому либо помог. Если возникнут вопросы то обращайтесь в i_sedoi (ник Мультышный тип) - скайп или аську 595-486
Report Post
Ответить с цитированием
Эти 4 пользователя(ей) сказали Спасибо Goracio за это полезное сообщение:
Annet (30.03.2012), Charm~El` (29.05.2012), Банши (06.07.2012), Лисёнка (02.04.2012)
Старый 23.03.2012, 15:47   #5
 
Регистрация: 23.02.2011
Адрес: Украина, Киев
Сообщений: 135
Вы сказали Спасибо: 99
Поблагодарили 308 раз
Репутация: 318
Отправить сообщение для Пижон с помощью ICQ Отправить сообщение для Пижон с помощью Skype™
Пижон вне форума
По умолчанию
Нихрена себе простая стартовая...

Позже опишу вариант попроще.
Report Post
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо Пижон за это полезное сообщение:
Annet (30.03.2012), Charm~El` (29.05.2012)
Старый 06.07.2012, 03:21   #6
 
Регистрация: 09.03.2012
Сообщений: 32
Вы сказали Спасибо: 6
Поблагодарили 59 раз
Репутация: 69
Отправить сообщение для Doker_rus4 с помощью ICQ Отправить сообщение для Doker_rus4 с помощью Skype™
Doker_rus4 вне форума
По умолчанию
а подскажите мне паж почему у меня код вход в чате не работает
Код HTML:
<form name="login" method="post" action="/"> 
<input type="hidden" name="sess"> 
<input type="hidden" name="ref" value="%GET('ref')%"> 
<input name="login_name" value="Логин" class="logininp" onfocus="if(this.value=='Логин'){this.value='';}" onblur="if(this.value==''){this.value='Логин';}" type="text"><br /><input name="login_password" value="password" class="passinp" onfocus="if(this.value=='password'){this.value='';}" onblur="if(this.value==''){this.value='password';}" type="password"><input onclick="submit();" class="loginb" name="text" value=" " type="submit"><input name="login" id="login" value="submit" type="hidden"></form>
</form> 
<script src="/js/login.jsa" type="text/javascript"></script> 
<script src="/js/md5.js" type="text/javascript"></script>
__________________
Report Post
Ответить с цитированием
Старый 11.04.2015, 10:24   #7
 
Регистрация: 04.05.2010
Адрес: г.Москва
Сообщений: 6
Вы сказали Спасибо: 0
Поблагодарили 5 раз
Репутация: 15
Отправить сообщение для Мурка с помощью ICQ Отправить сообщение для Мурка с помощью Skype™
Мурка вне форума
По умолчанию
Доброго времени суток, ребят а вопрос такого характра,а вот если все так же мило и пушисто слелать... но с одним маленьким но внизу сделать 3 колонки... покажу сейчас но оченб схиматично чего я хочу.. и тогда получается

Код HTML:
<!DOCTYPE html PUBLIC>
<html>
<head>
<title> мой чат</title>
.head {
	background: url('шапка') left top no-repeat;
	width: 1100px;
	height: 30px;
	left: 0px;
	top: 0px;
	position: absolute;
}
.form-left {
	background: url('картинка под вход') left top no-repeat;
	width: 1100px;
	height: 136px;
	left: 0px;
	top: 349px;
	position: absolute;
}
.form{
	background: url('фон под таблицы') left top no-repeat;
	width: 1100px;
	height: 450px;
	right: 0px;
	top: 400px;
	position: absolute;
.menu {
	background: url('сюда как раз и должны встать 3 окошка под инфу') left top no-repeat;
	width: 1100px;
	height: 400px;
	left: 0px;
	top: 400px;
	position: absolute;
}
рисуется вопрос а как?! дальше у меня каша в голове... ну понятно что коды, там код входа и код таблиц это у меня все есть а вот в каком порядке?! если возможно подскажите
__________________
[Она пахнет мёдом и кофе без сахара...она вечерами слушает музыку и рисует не понятные картинки в фиолетовых смешных носках)...она засыпает с мыслями о нём и встречает рассвет с мыслями о нём...она спит с мишкой обняв его нежно и крепко...представляя вместо мишки его... он это её жизнь...он это единственное что ей нужно...она ещё такая маленькая...]
Report Post
Ответить с цитированием
Старый 18.04.2015, 04:05   #8
 
Регистрация: 14.04.2009
Адрес: MY .August
Сообщений: 364
Вы сказали Спасибо: 130
Поблагодарили 868 раз
Репутация: 889
Отправить сообщение для InterSphere с помощью ICQ
InterSphere вне форума
По умолчанию
правильнее использовать там float, хотя могут быть проблемы с позиционированием
__________________
Мое портфолио на форуме и Google + | my'bot | Основной топ Августа
Jabber: pqsl@tuxtalk.net ( что это такое? )
Skype: intersphere_pqsl
ICQ: 412 442 492
Report Post
Ответить с цитированием
Старый 17.01.2018, 16:34   #9
 
Регистрация: 03.01.2018
Сообщений: 3
Вы сказали Спасибо: 1
Поблагодарили 0 раз
Репутация: 10
Stuart Minion вне форума
По умолчанию
Как при регистрации убрать не нужные пункты в анкете!
Report Post
Ответить с цитированием
Старый 18.01.2018, 07:14   #10
 
Регистрация: 18.02.2009
Сообщений: 111
Вы сказали Спасибо: 4
Поблагодарили 31 раз
Репутация: 41
Отправить сообщение для oriflame74 с помощью ICQ
oriflame74 вне форума
По умолчанию
их можно просто не заполнять.
__________________
ака Деловая Печенюха
Report Post
Ответить с цитированием
Ответ

« Предыдущая тема | Следующая тема »
Опции темы
Опции просмотра
Линейный вид Линейный вид

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения
BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изготовление стартовых страниц eXandr Дизайнеры Chat Planet 24 18.06.2013 15:39
Радикальные меры против воровства дизайнов стартовых Буржуйка Оффтоп 24 28.03.2011 20:15
Сохраняем ник на стартовых страницах Shogal Настройки 1 25.02.2010 03:35
Альтернативные ссылки для стартовых страничек eXandr Настройки 4 04.06.2009 14:48


Текущее время: 12:17. Часовой пояс GMT +4.

Обратная связь - Chat Planet - Архив - Вверх

Рейтинг Chat Planet Top Посетителей всего Просмотров сегодня Посетителей сегодня
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. Перевод: zCarot
При перепечатке материалов форума обязательна активная ссылка на тему — источник информации.