新建贴吧弹框

This commit is contained in:
huang 2016-12-27 17:12:42 +08:00
parent 465b3e7b52
commit fe20c45c26
2 changed files with 28 additions and 19 deletions

View File

@ -1,23 +1,25 @@
<div id="muban_popup_box" style="width:475px;">
<div class="muban_popup_top">
<h3 class="fl">新建贴吧</h3>
<a href="javascript:void(0);" class="muban_icons_close fr"></a>
<div style="width:460px;">
<div class="sy_popup_top">
<h3 class="fl">欢迎加入项目</h3>
<a href="javascript:void(0);" class="sy_icons_close fr" onclick="hideModal()"></a>
<div class="cl"></div>
</div>
<div class="muban_popup_con mt15" >
<ul class="newuploadbox">
<li class="mb10 clear">
<label class=" fl">贴吧名称&nbsp;&nbsp;:&nbsp;</label>
<input type="text" placeholder="请输入新建贴吧名称最多20个字符" class="issues_calendar_input fl " style="width:320px;">
</li>
<li class=" clear">
<label class=" fl">贴吧描述&nbsp;&nbsp;:&nbsp;</label>
<textarea class="mr15 mb10 fl newupload_textarea " placeholder=" 请输入新建贴吧描述最多250个字符" style="width:320px; height:100px;"></textarea>
</li>
</ul>
<div class="clear mr45">
<button class=" btn fr">取消</button >
<button class=" btn btn-blue fr mr5">确定</button >
</div>
<%= labelled_form_for(@memo, :url => forum_memos_path(@forum),:remote=>true) do |f| %>
<ul class="newuploadbox">
<li class="mb10 clear">
<label class=" fl">贴吧名称&nbsp;&nbsp;:&nbsp;</label>
<input type="text" placeholder="请输入新建贴吧名称最多20个字符" class="issues_calendar_input fl " style="width:320px;">
</li>
<li class=" clear">
<label class=" fl">贴吧描述&nbsp;&nbsp;:&nbsp;</label>
<textarea class="mr15 mb10 fl newupload_textarea " placeholder=" 请输入新建贴吧描述最多250个字符" style="width:320px; height:100px;"></textarea>
</li>
</ul>
<div class="clear mr45">
<button class=" btn fr">取消</button >
<button class=" btn btn-blue fr mr5">确定</button >
</div>
<% end %>
</div>
</div>

View File

@ -14,4 +14,11 @@ textarea.wenba-tiwen-textarea{ padding:5px;width:705px; height: 150px;}
a.wenba-tiwen-tag{background-color: #E4EFF6;border-bottom: 1px solid #B1D3EB; border-right: 1px solid #B1D3EB;-webkit-text-size-adjust: none; color: #3E6D8E; font-size:12px;line-height: 2.4; padding: 5px 10px;text-decoration: none; white-space: nowrap;}
a:hover.wenba-tiwen-tag,a.wenba-tiwen-tag-active{ background: #3b94d6; color: #fff;border-bottom: 1px solid #2e76ab; border-right: 1px solid #2e76ab;}
.wenba-tagbox li{ float: left; margin:0 5px 5px 0;}
.wenba-tagbox h3{ font-weight: normal; color: #333;}
.wenba-tagbox h3{ font-weight: normal; color: #333;}
/*按钮*/
.btn{display: inline-block;border:none; padding:0 10px;color: #333;background: #e1e1e1; text-align:center;font-size: 12px; height: 30px;line-height: 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.btn:hover{background: #c3c3c3; color: #333;}
.btn-green{background: #60b25e; color: #fff;}
.btn-green:hover{background: #51a74f; color: #fff;}
.btn-blue{background: #3b94d6; color: #fff;}
.btn-blue:hover{background: #2788d0; color: #fff;}