Skip to content

Вэб 2,0 технологи

October 26, 2006

вэбийн шинэ хувилбар гэж хэлж болох вэб2,0 нь дараах хэлбэртэй байж болно.
<style media=”screen” type=”text/css”>  <!–
/*  body und schrift deffinitionen */

html {
  padding:0px;
  margin:0px;
}

body {
  background-color: #e1ddd9;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;
  text-align:center;
 margin:0px;
 padding:0px;
}

p,pre, h1 {
margin:0px 10px 10px 10px;
}

h1 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
 }

a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}

pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

/*  positioning-layers statisch und absolut */

#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}

#left {
width:175px;
padding:0px;
float:left;
background-color:#ff99cc;
}

#content {
width:400px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}

#right {
width:175px;
padding:0px;
float:left;
background-color:#ff99cc;

}

#head {
background-color:transparent;
}

#head h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}

#head p {
padding:10px;
margin:0px;
}

/* ]]> */
–></style>
<p id=”box”>
<p id=”head”>
<p align=”right”></p>

<h1>service for a better code</h1>
<p id=”left”>
<h1>MENU left</h1>
<pre>#left {

width:175px;

padding:0px;

float:left;

}</pre>
<p id=”content”>
<h1>CONTENT</h1>
All templates are XHTML 1.0 and CSS2/ tableless.
 3 columns layout grid. All colums are fixed and centered.
<pre>html {

padding:0px;

margin:0px;

}

body {

background-color: #e1ddd9;

font-size: 12px;

color:#564b47;

text-align:center;

margin:0px;

padding:0px;

}

#box {

width:750px;

margin: 0px auto;

padding:0px;

text-align:left;

}

#content {

width:400px;

padding:0px;

float:left;

background-color:#fff;

overflow: auto;

}

#head {

background-color:transparent;

}</pre>
<p id=”right”>
<h1>MENU right</h1>
<pre>#right {

width:175px;

padding:0px;

float:left;

}</pre>
<br clear=”all” />
/***********************Стайл*******************/
html {
padding:0px;
margin:0px;
}

body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47; 
text-align:center;
margin:0px;
padding:0px;
}

#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}

#content {
width:400px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}

#head {
background-color:transparent;
}
#left {
width:175px;
padding:0px;
float:left;
}
#right {
width:175px;
padding:0px;
float:left;
}

No comments yet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: