ANTICHAT — форум по информационной безопасности, OSINT и технологиям

document.all.tags("DIV").style.background = "url(logo.gif) repeat-y"

document.all.tags("DIV").style.backgroundAttachment = "fixed"

document.all.highlighted.style.backgroundColor = "yellow"

document.all.navbar.style.backgroundImage = "images/navVisited.jpg"

document.all.div3.style.backgroundPosition = "20 50"

document.all.div3.style.backgroundPositionX = "20" document.all.table2.style.backgroundPositionY = "10"

document.all.div3.style.backgroundRepeat = "repeat-y"

document.all.announce.style.border = "inset red 4px"

document.all.announce.style.borderBottom = "inset red 4px" document.all.announce.style.borderLeft = "solid #20ff00 2px" document.all.announce.style.borderRight = "double 3px" document.all.announce.style.borderTop = "outset red 8px"

document.all.announce.style.borderBottomColor = "red"
document.all.announce.style.borderLeftColor = "#20ff00"
document.all.announce.style.borderRightColor = "rgb(100, 75, 0)"
document.all.announce.style.borderTopColor = "rgb(90%, 0%, 25%)"

document.all.announce.style.borderBottomStyle = "groove"
document.all.announce.style.borderLeftStyle = "double"
document.all.announce.style.borderRightStyle = "solid"
document.all.announce.style.borderTopStyle = "inset"

document.all.announce.style.borderBottomWidth= "thin"
document.all.announce.style.borderLeftWidth = "thick"
document.all.announce.style.borderRightWidth = "2px"
document.all.announce.style.borderTopWidth = "0.5em"

document.all.announce.style.borderColor = "red"
document.all.announce.style.borderColor = "red green"
document.all.announce.style.borderColor = "black rgb(100, 75, 0) #c0c0c0"
document.all.announce.style.borderColor = "yellow green blue red"

document.all.announce.style.borderStyle = "solid"
document.all.announce.style.borderStyle = "solid double"
document.all.announce.style.borderStyle = "double groove groove double"

document.all.founderQuote.style.borderWidth = "3px 5px"

document.all.myDiv.style.clear = "both"

document.all.art2.style.clip = "rect(5px 100px 40px 0)"

document.all.specialDiv.style.color = "green"

document.all.block3.style.cssText = "margin: 2px; font-size: 14pt"

if (event.altKey) { event.sourceElement.style.cursor = "help" }

document.all.instructionDiv.style.display = ""

document.all.fancy.style.filter= "dropshadow( )"

document.all.subhead.style.font = "bolder small-caps 16pt"

document.all.subhead.style.fontFamily = "'Century Schoolbook' Times serif"

document.all.teeny.style.fontSize = "x-small"

document.all.teeny.style.fontSizeAdjust = "1.05"

document.all.teeny.style.fontStretch = "expanded"

document.all.emphasis.style.fontStyle= "italic"

document.all.emphasis.style.fontVariant = "small-caps"

document.all.hotStuff.style.fontWeight = "bold"

document.all.viewArea.style.height = "450px"

document.all.blockD2.style.left = "45px"

document.body.style.letterSpacing = "1.1em"

document.body.style.lineBreak = "strict"

document.all.tight.style.lineHeight = "1.1em"

document.all.itemList.style.listStyle = "square outside none"

document.all.itemList.style.listStyleImage = "images/3DBullet.gif"

document.all.itemList.style.listStylePosition = "inside"

document.all.itemList.style.listStyleType = "circle"

document.all.logoWrapper.style.margin = "5px 8px"

document.all.logoWrapper.style.marginTop = "5px" document.all.navPanel.style.marginLeft = "10%"

document.all.myDiv.style.overflow = "scroll"

document.all.logoWrapper.style.padding = "3px 5px"

document.all.logoWrapper.style.paddingTop = "3px" document.all.navPanel.style.paddingLeft = "10%"

document.all.hardBR.style.pageBreakAfter = "always" document.all.navPanel.style.paddingLeft = "10%"

var midWidth = document.all.myDIV.style.pixelWidth/2

document.all.myDIV.style.pixelLeft++

document.all.myDIV.style.posWidth = 10.5

var posType = document.all.myDIV.style.position

document.all.myDIV.style.posLeft = document.all.myDIV.style.posLeft + 1.5

document.all.myText.style.quotes = "« »"

document.all.myText.style.rubyAlign = "distribute-letter"

document.all.myText.style.rubyOverhang = "whitespace"

document.all.myText.style.rubyPosition = "inline"

document.all.myDIV.style.styleFloat = "right"

document.all.myDIV.style.textAlign = "right"

document.all.myText.style.textAlign = "right"

document.all.myText.style.textAutospace = "ideograph-alpha"

document.all.emphasis.style.textDecoration = "underline"

document.all.emphasis.style.textDecorationLineThrough = "true"

document.all.firstGraph.style.textIndent = "0.5em"

document.all.firstGraph.style.textJustify = "distribute"

ссылка_на_элемент.style.textKashidaSpace = "90%"

document.all.heading.style.textTransform = "capitalize"

ссылка_на_элемент.style.textUnderlinePosition = "above"

document.all.blockD2.style.top = "40px"

ссылка_на_элемент.style.unicodeBidi = "normal"

document.all.myDIV.style.verticalAlign = "text-top"

document.all.myDIV.style.visibility = "hidden"

ссылка_на_элемент.style.whiteSpace = "nowrap"

ссылка_на_элемент.style.wordBreak = "normal"

ссылка_на_элемент.style.wordSpacing = "normal"

ссылка_на_элемент.style.wordWrap = "normal"

ссылка_на_элемент.style.writingMode = "tb-rl"

document.all.myDIV.style.zIndex = 3

-- забиндим порт на соксе
-- получим ответ сокса, со статусом открытия порта, ip и порт выделенный для входящих подключений
   [ Мы за сервер ]
     -- теперь поработает за сервер и откроем подлючение не используя сокса(хм..хотя никто вам не мешает это сделать) с помощью fsockopen и выделенным адресом для входящего подключения
     -- отправим туда произвольные данные 
     -- закроем подключение
   [ сервер накрылся медным тазом ]
-- теперь мы получим пакет от сокса, в котором указаны ip и порт подключившегося хоста(т.е нашего)
-- опять получим данные, уже отправленные сервером(опять нами;-)
-- закроем подлючение к соксу
-- выведем все это пользователю

<div class="sidebox">
	<div class="boxhead"><h2>Test Headline</h2></div>
	<div class="boxbody">
		<p>This is a short sample paragraph.</p>
		<p>And another one.</p>
	</div>
</div>

The CSS: 
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.rounded:before {
  background: transparent url(top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: white;
  background: transparent url(bottom-right.png) scroll no-repeat bottom right ;
  padding: 0;
}

.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("tsr.gif") bottom left no-repeat;
	}

<style type="text/css" media="screen,print">
	html,body {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
	}
	body {
		padding:10px;
		font:76%/140% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}
	#labfooter {
		text-align:center;
		clear:both;
	}

	#news {
		margin:1em auto;
		padding:0;
		width:150px;
		font-size:0.94em;
		list-style:none;
	}
	#news li {
		background:url("box.gif") 0 100% no-repeat;
		padding:0 0 4px 0;
		margin:8px 0 0 0;
		display:block;
	}
	#news li p {
		background:#eaeaea;
		padding:1px 4px 0 7px;
		margin:0;
		border-left:14px solid #939393;
	}
	#news li.arr p {
		background:#eaeaea url("edge.gif") 0 50% repeat-y;
		padding-left:21px;
		border:0;
	}
	#news h4 {
		font-size:1em;
		line-height:1em;
		font-weight:bold;
		background:url("box.gif") 0 0 no-repeat;
		margin:0;
		padding:6px 4px 3px 21px;
	}
	#news li:hover {
		background-position:-150px 100%;
	}
	#news li:hover p {
		border-color:#2793ff;
	}
	#news li.arr:hover p {
		background-image:url("edge-h.gif");
	}
	#news li:hover h4 {
		background-position:-150px 0;
	}
	#news a:link {
		text-decoration:none;
		color:#000;
	}
	#news a:visited {
		text-decoration:none;
		color:#606;
	}
	#news a:hover {
		text-decoration:underline;
	}
	#news .more {
		line-height:1em;
		display:block;
		text-align:right;
		padding:0 18px 2px 21px;
		margin-top:4px;
		background:url("arrow.gif") 135px 50% no-repeat;
	}
	</style>


<ul id="news">
	<li>
		<h4><a href="#">News Item 1</a></h4>
		<p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula.</p>
		<a href="#" class="more" title="Continue reading News Item 1">Read more</a>
	</li>
	<li>
		<h4><a href="#">News Item 2</a></h4>
		<p>Nullam adipiscing dui blandit ipsum.</p>

		<a href="#" class="more" title="Continue reading News Item 2">Read more</a>
	</li>
	<li class="arr">
		<h4><a href="#">News Item 3</a></h4>
		<p>Vivamus convallis tempus ante.</p>
		<a href="#" class="more" title="Continue reading News Item 3">Read more</a>
	</li>
	<li class="arr">
		<h4><a href="#">News Item 4</a></h4>
		<p>Vivamus convallis tempus ante. Nullam adipiscing dui blandit ipsum.</p>
		<a href="#" class="more" title="Continue reading News Item 4">Read more</a>
	</li>
</ul>

<style type="text/css">
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
</style>

<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
Lorem ipsum dolor sit amet consectetur adipisicing elit
</div></div></div></div></div></div></div></div>

dl { /* block position that can be changed at will */
position: absolute;
left: 50px;
top: 20px;
width: 275px; /* width of block according to your background image */
}

dl, dt, dd { /* suppression of all margins and paddings */
margin: 0;
padding: 0;
}

dl { /* by default background on the entire block */
background: url(bas.gif) bottom left no-repeat;
padding-bottom: 40px; /* so that text will not appear on the bottom rounded edge */
}

dt { /* bloc title definition */
height: 40px;
background: url(haut.gif) top left no-repeat;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}

dd {
padding: 0 20px 0 10px; /* internal block spaces administration */
text-align: justify;
background: url(milieu.gif) top left repeat-y; /* internal background */
}

<body>
	<dl>
		<dt>My beautiful space</dt>
		<dd>Lorem ipsum dolor sit amet, bla bla bla bla...</dd>
	</dl>
</body>

<div class="contentWrapper">
  <div class="content">
    <img class="borderTL" src="/images/borderTL.gif" alt="" width="14" height="14" />
    <img class="borderTR" src="/images/borderTR.gif" alt="" width="14" height="14" />
    <h1>Here be content!</h1>
    <!-- IE5/win puts the margin-bottom of the content div's final element
         OUTSIDE the containing box (div.content), instead of putting it inside
         the containing box's edge.  So it needs this spacer. -->
    <div class="roundedCornerSpacer">&nbsp;</div>
  </div><!-- end of div.content -->
  <div class="bottomCorners">
    <img class="borderBL" src="/images/borderBL.gif" alt="" width="14" height="14" />
    <img class="borderBR" src="/images/borderBR.gif" alt="" width="14" height="14" />
  </div>
</div><!-- end of div.contentWrapper -->

.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
  width: 14px; height: 14px;
  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
  margin: 0px;
  padding: 0px;
  border: 1px solid #000000;
}
.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
}

<style type="text/css">
.framed,
.framed .f_r,
.framed .f_b,
.framed .f_l,
.framed .f_c
{
float: left;
position: relative; z-index: 1;
width: auto; height: auto;
margin: 0; padding: 0;
}
.framed .f_tt,
.framed .f_rr,
.framed .f_bb,
.framed .f_ll
{
display: none;
}
.framed
{
margin: 0 30px 15px 0;
background: url('hint-t.png') no-repeat left top;
//background: none;
}
.framed .f_r
{
left: 30px;
background: url('hint-r.png') no-repeat right top;
//background: none;
}
.framed .f_b
{
top: 30px;
background: url('hint-b.png') no-repeat right bottom;
//background: none;
}
.framed .f_c
{
float: none;
position: relative;
left: 30px; top: -15px;
padding: 1px 0; margin: 0 30px 0 0;
background: #fffcb8;
}
.framed .f_l
{
left: -30px;
padding: 15px 0;
background: url('hint-l.png') no-repeat left bottom;
//background: none;
}
* html .framed .f_r,
* html .framed .f_b,
* html .framed .f_l
{ height: 0; }
* html .framed .f_tt,
* html .framed .f_rr,
* html .framed .f_bb,
* html .framed .f_bb *,
* html .framed .f_ll,
* html .framed .f_ll *
{
display: block;
position: absolute;
left: 0; top: 0;
}
* html .framed .f_tt
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hint-t.png,sizingMethod=crop);
}
* html .framed .f_rr
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hint-r.png,sizingMethod=crop);
}
* html .framed .f_tt,
* html .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 30px;
}
* html .framed .f_rr,
* html .framed .f_ll
{
width: 30px; height: expression( parentNode.offsetHeight );
}
* html .framed .f_bb,
* html .framed .f_ll
{
overflow: hidden;
}
* html .framed .f_bb *
{
width: 3000px; height: 30px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hint-b.png,sizingMethod=crop);
}
* html .framed .f_ll *
{
width: 30px; height: 3000px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hint-l.png,sizingMethod=crop);
}
/* Исправляем неправильный расчет позиции при "нечетной ширине" */
* html .framed .f_rr,
* html .framed .f_bb *
{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll,
* html .framed .f_ll *,
* html .framed .f_bb,
* html .framed .f_bb *
{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }
</style>
<div style="position: relative; height: 7em;">
    <p>Любой текст, поверх которого показывается элемент.</p>
    <div class="framed" style="position: absolute; left: 6em; top: 0.5em;">
        <div class="f_tt"></div>
        <div class="f_r"><div class="f_rr"></div>
            <div class="f_b"><div class="f_bb"><div></div></div>
                <div class="f_l"><div class="f_ll"><div></div></div>
                    <div class="f_c">
                        Сообщение или форма ввода данных.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Верстаем без таблиц</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style type="text/css">
* {padding: 0; margin: 0; font: normal 100.1% 'Times New Roman'}
body {min-height: 100%; height: 100%; color: #000; background: url('bg.gif') 30% 0 repeat-y}
html {height: 100%}
body, html, #root {min-width: 600px}
H3 {font: bold 25px Arial; color: #888}
#nav H3, #content H3 {margin: 0 0 5px 0}
#root {height: auto; width: 100%; min-height: 100%}
#head {background: #e4e4e4; height: 68px}
#nav {float: left; width: 30%}
#nav P A {background: #e9e9e9; color: #444; border: 1px solid #333; font: bold 90% Georgia; text-decoration: none; display: block; width: 100%; margin: 1px auto}
#content {float: right; width: 70%}
#footer, #wrapper {clear: both; height: 50px}
#footer {background: #e4e4e4; z-index: 9999; margin: -50px 0 0 0}
</style>
<!--[if lt IE 7]>
<style type='text/css'>
#root {height: 100%}
#nav {margin-right: -100%}
#content {margin-left: 30%; display: inline}
#nav, #content {z-index: 1; padding: 0 0 50px 0}
</style>
<![endif]-->
</head>
<body>
<div id='root'>

<div id='head'>
<h3>Header</h3>
</div>

<div id='content'>
<h3>Content</h3>
</div>

<div id='nav'>
<h3>Navigation</h3>
</div>

<div id='wrapper'>
</div>

</div>

<div id='footer'>
<h3>Footer</h3>
</div>

</body>
</html>