BBS论坛（十八）

18.首页轮播图实现

（1）front/css/front_base.css

.main-container{
               width: 990px;    margin: 0 auto;    overflow: hidden;}.lg-container{
               width: 730px;    float:left;}.sm-container{
               width: 250px;    float:right;}

（2）front_base.html

             
             
                  {% block body %}    {% endblock %}
             

（3）front_index.html

{% extends "front/front_base.html" %}{% block title %}    仙剑论坛{% endblock %}{% block head %}    
             {% endblock %}{% block body %}    
             
        
              
            
                           
               
                
                
                
                
                
                
            
               
            
                           
               
                
                
                    
                                     
                 
                                          ...                    
                 
                
                
                
                
                    
                                     
                 
                                          ...                    
                 
                
                
                ...            
               
            
                           
                                               Previous                        
                                               Next                    
              
    
             
    
             
    
             
{% endblock %}

（4）front/css/front_index.css

.index-banner{
               border-radius: 10px;    overflow: hidden;    height: 190px;}.index-banner img{
               height: 190px;}

 

18.首页轮播图实现