新建贴吧弹框

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

View File

@ -15,3 +15,10 @@ a.wenba-tiwen-tag{background-color: #E4EFF6;border-bottom: 1px solid #B1D3EB; bo
a:hover.wenba-tiwen-tag,a.wenba-tiwen-tag-active{ background: #3b94d6; color: #fff;border-bottom: 1px solid #2e76ab; border-right: 1px solid #2e76ab;} 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 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;}