Показать сообщение отдельно
Старый 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)