Click Here to get a Free Hi5 Background
}
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
position:relative;
top:4px;
left:4px;
background: #999;
width:744px;
margin:10px auto;
text-align:left;
font: normal normal 100% Verdana, Sans-serif;
}
#wrap2 {
position:relative;
top:-4px;
left:-4px;
background:#fff;
padding:10px;
border: 1px solid #fff;
}
#content-wrapper {
width:100%;
}
#main-wrapper {
background: #000000 url("http://www.blogblog.com/no897/corner_main_left.gif") no-repeat right top;
width:460px;
float:left;
color:#e1771e;
font-size: 85%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main {
margin:0;
padding:15px 20px;
}
#sidebar-wrapper {
background:#000000 url("http://www2.blogblog.com/no897/corner_sidebar_left.gif") no-repeat left top;
width:254px;
float:right;
padding:0;
color: #335566;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
margin:0;
padding:2px 20px 10px;
}
#footer {
display:none;
}
/* Links
----------------------------------------------- */
a:link {
color:#FF6FCF;
text-decoration:none;
}
a:visited {
color: #80FF00;
text-decoration:none;
}
a:hover {
color: #80FF00;
text-decoration:underline;
}
a img {
border-width:0;
}
#sidebar a {
color: #2BA94F;
}
#sidebar a:visited {
color: #e1771e;
}
#sidebar a:hover {
color: #e1771e;
}
/* Header
----------------------------------------------- */
#header-wrapper {
background: #fff;
padding-bottom: 4px;
position: relative;
min-height: 190px;
_height: 0px;
}
#header .titlewrapper {
background:#269 url("http://www.blogblog.com/no897/topleft_left.gif") no-repeat left bottom;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:160px;
margin:0px 0px 10px 0px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
_height: 0px;
min-height: 70px;
}
#header h1 {
background:url("http://www1.blogblog.com/no897/bg_header.gif") no-repeat left top;
margin:0;
padding:70px 0 30px;
line-height: 97px;
font: normal bold 275% Helvetica, Arial, Verdana, Sans-serif;
text-transform:lowercase;
_height: 0px;
}
#header h1 a {
color:#fff;
text-decoration:none;
}
.postpage #header h1 {
padding-top:0;
background-position:0 -40px;
}
.clear { clear: both; }
/* Description
----------------------------------------------- */
#header .descriptionwrapper {
background: #88ddff url("http://www2.blogblog.com/no897/bg_desc_top_left.gif") no-repeat left top;
margin:0 0 6px;
padding:12px 0 0;
color: #ffffff;
font-size: 75%;
border-bottom: 1px solid #ffffff;
width: 100%;
}
#header .description {
background:url("http://www.blogblog.com/no897/bg_desc_bot_left.gif") no-repeat left bottom;
margin:0;
padding:0 0 12px;
display:block;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
border-bottom: 1px solid #ffffff;
}
#header .description span {
/* To remove the word next to the description, delete the following background property */
background:url("http://www2.blogblog.com/no897/temp_no.gif") no-repeat left center;
/* Keep everything below */
display:block;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:160px;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
}
.postpage #description em {
font-size:1px;
line-height:1px;
color:#ffffff;
visibility:hidden;
}
/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 0 .5em;
line-height: 1.4em;
font: normal bold 112% Arial, Verdana, Sans-serif;
text-transform:lowercase;
color:#446677;
}
.post {
margin:0 0 2em;
}
.post h3 {
margin:0 0 .25em;
line-height: 1.4em;
font-weight: bold;
font-size: 150%;
color:#8cdfff;
}
.post h3 a {
text-decoration:none;
color:#8cdfff;
}
.post h3 a:link {
color: #8cdfff;
}
.post h3 a:hover {
color: #80FF00;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color:#8cdfff;
text-transform:lowercase;
}
.post-footer .post-author,
.post-footer .post-timestamp {
font-style:normal;
}
.post blockquote {
margin:1em 20px;
padding:5px 0;
border:2px solid #356;
border-width:2px 0;
}
.post blockquote p {
margin:.5em 0;
}
.post img {
border:5px solid #fff;
}
/* Comments
----------------------------------------------- */
#comments {
margin:2em 0 0;
border-top:2px solid #356;
padding-top:1em;
}
#comments h4 {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 150%;
text-transform:lowercase;
color: #9ec;
}
#comments-block {
margin-top:0;
margin-right:0;
margin-bottom:1em;
margin-left:0;
line-height:1.6em;
}
.comment-author {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 112%;
text-transform:lowercase;
}
.comment-body, .comment-body p {
margin:0 0 .75em;
}
p.comment-footer {
margin:-.25em 0 2em;
}
#main .comment-footer a {
color: #689;
}
#main .comment-footer a:hover {
color: #9ec;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:1em 0 .25em;
line-height: 1.4em;
font: normal bold 125% Helvetica, Arial, Verdana, Sans-serif;
color: #1edce1;
text-transform:lowercase;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0;
}
.sidebar ul {
list-style:none;
margin: 0;
padding: 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:20px;
text-indent:-20px;
line-height:1.4em;
}
/* Profile
----------------------------------------------- */
.profile-datablock, .profile-textblock {
margin:0 0 .75em;
line-height:1.4em;
}
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
border: 5px solid #1edce1;
}
.profile-data {
font-weight: bold;
}
/* Misc
----------------------------------------------- */
#footer-wrapper {
clear:both;
display:block;
height:1px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
body#layout #main-wrapper,
body#layout #sidebar-wrapper {
height: auto;
}
-->
skip to main |
skip to sidebar
ยินดีต้อนรับ
...........สวัสดีครับทุกคนที่เข้ามาเยี่ยมเว็บบล็อกนี้ ซึ่งเป็นเวทีบันทึกความรู้และประสบการณ์การเรียนการสอนวิชาการสร้างสื่อการเรียนการสอนสำหรับนักศึกษาค.บ.2วิชาเอกคอมพิวเตอร์ศึกษา คณะครุศาสตร์ มหาวิทยาลัยราชภัฎหมู่บ้านจอมบึง ภาคเรียนที่ 2/2552............เว็บบล็อกนี้ใช้อำนวยความสะดวกในการเรียนการสอนทำให้ผู้สอนและผู้เรียนมีความสัมพันธ์
กันอย่างใกล้ชิด สามารถติดต่อประสานงานกันได้ตลอดเวลา
............ผู้เรียนเองสามารถค้นคว้าตกแต่งได้ตามความต้องการ และปรับปรุงเนื้อหาได้ตลอดเวลา ผู้เรียนมีโอกาสศึกษาค้นคว้าเนื้อหาความรู้ได้จากอินเตอร์เน็ต
ซึ่งเป็นแหล่งเรียนรู้ที่กว้างใหญ่
ไม่มีความคิดเห็น:
แสดงความคิดเห็น