章微博系统发布区设计.pdfVIP

第41章系统--发布区设计

学习要点：

1.发布区设计

2.140文字限制

讲：恢

本课风网和城e提供

本节课，我们主要设计主页的内容发布区表单以及140个文字限制。

．发布区设计

//HTML部分

blockname=main

divclass=main_left

divclass=weibo_form

spanclass=left和大家一点新鲜事吧？/span

spanclass=rightweibo_num可以输入strong140/strong

个字/span

textareaclass=weibo_text/textarea

inputclass=weibo_buttontype=buttonvalue=发布

/div

/div

divclass=main_right

right

/div

/block

//CSS部分

#main.main_left{

width:650px;

padding:020px;

min-height:800px;

background:#fff;

float:left;

}

#main.main_left.left{

float:left;

font-size:14px;

font-weight:bold;

colo:#666;

padding:30px000;

}

#main.main_left.right{

float:right;

font-size:13px;

colo:#ccc;

padding:30px000;

}

#main.main_left.rightstrong{

colo:#049;

font-size:22px;

font-family:Constantia,Georgia;

padding:05px;

position:relative;

top:-2px;

}

#main.main_left.weibo_text{

width:632px;

height:80px;

background:#fff;

borde:1pxsolid#ddd;

box-shadow:1px1px3px#dcdcdcinset;

resize:none;

padding:8px;

colo:#666;

}

#main.main_left.weibo_button{

float:right;

margin:5px000;

font-size:14px;

width:90px;

}

#main.main_right{

width:269px;

min-height:800px;

background:#f7f7f7;

border-left:1pxsolid#ddd;

float:right;

}

//JS部分

//主页列表区和右边个人信息区高度一致

f($(.main_left).height()800){

$(#main).height($(.main_left).height());

$(.main_right).height($(.main_lef