Страница как консоль

crautcher · September 22, 2011

может мне кто сверстать супер простую страничку - на всю страницу техтарея , сразу под ней инпут текст и с лева кнопка отправить , как чаты. Хочу чтоб было всё черное , а букви зеленые ? вам на 5 минут работы , а я час бится буду

sigma77 · September 22, 2011

crautcher,

За 100$ сверстаю.

zSpx · September 22, 2011

99

crautcher · September 22, 2011

99 лучшая цена , кто меньше?

эх вы, начинаю сам делать , надеюсь вы умрете в агонии от черной оспы со 100 баксами в кармане

LunatiK · September 22, 2011

ну раз сам, так по видимому без ста баксов :lol:

Justnewone · September 22, 2011

Ценой собственного здоровья отучили на момент человека от лени, что там осталось, дом построить... ?

crautcher · September 22, 2011

ах да , может кто еще искать чет подобное будет :


<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<STYLE type="text/css"> 
	body {background-color:#000000;}
	.chat { 
 background: #000000;
 border: 4px solid #54ff00;
 overflow: auto;
 width: 100%;
 height: 95%;
 padding:2px,4px,1px,0px; 
 font-size:1.5em;
 font-family:arial,sans-serif;
 color:#54ff00;
	}
.chat:hover { 
 background: #101010; 
 border: 4px solid #00ff00;
}
input.text { 
background: #000000;
border: 4px solid #f0fff0;
width: 93%;
height: 5%;
font-family:arial,sans-serif;
color:#54ff00;
} 
input.text:hover { 
border: 4px solid #54ff00;
} 
.css3-button {
       display: inline-block;
       zoom: 1; /* хак IE7 для display: inline-block*/
       outline: none;
       cursor: pointer;
       text-align: center;
       text-decoration: none;
       text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); /* CSS3: тень для текста */
       -webkit-border-radius: .5em; /* CSS3: закругление границ для Safari, Chrome */
       -moz-border-radius: .5em; /* CSS3: закругление границ для FireFox */
       border-radius: .5em;
       -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* CSS3: тень элемента для Safari, Chrome */
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* CSS3: тень элемента для FireFox */
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
       font:  bold 14px/100% Georgia;
}
.css3-button:hover {
      text-decoration: none;
}
.css3-button:active {
      position:relative;
      top:1px;
      left: 1px;
}
.blue {
	color: #54ff00;
	border: solid 1px #54ff00;
	background: #000000;
        background: -o-linear-gradient(#000000, #0078a5); /* CSS3: фон с градиентом для Opera 11+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); /* CSS3: фон с градиентом для Safari, Chrome */
	background: -moz-linear-gradient(top,  #000000,  #0078a5); /* CSS3: фон с градиентом для FireFo 3.6+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); /* CSS3: фон с градиентом для IE */
}
.blue:hover {
	background: #007ead;
        background: -o-linear-gradient(#0095cc, #00678e);
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
        color: #fff;
}
		</style>
</head>
<body>
<div width=100% height=100%>
	<div class="chat">
БОТ: Привет<br>
ВЫ: Превет бот,ты такой бот!<br>
БОТ: Я знаю )<br>
	</div>
<input class="text" type=”text” name=”msg” />
<a class="css3-button blue">сказать</a>
</div>
	</body>
</html>

Sign In

Страница как консоль

Recommended Posts

crautcher

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

crautcher

Link to comment

Share on other sites

LunatiK

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

crautcher

Link to comment

Share on other sites

Обсуждения

Forums

Important Information