ภาพตอนลดขนาด
CODE HTML
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<link rel="stylesheet" href="user.css" />
<meta name=viewport content="width=device-width, initial-scale=1">
<jdoc:include type="head" />
</head>
<body id="page_bg">
<div class="container" id="con-border-logo">
<div class="container">
<div class="col-sm-10" id="center_div_top" > <jdoc:include type="modules" name="top" style="xhtml"/> </div>
</div>
<h4>LOGOHERE</h4>
<div class="container" >
<div class="col-md-12">
<div id="center_div">
<jdoc:include type="modules" name="user3" style="xhtml"/>
</div>
</div>
</div>
<div class="container">
<div class="span12"></div>
</div>
</div>
<div class="container" id="con-border">
<div class="container" id="div_bread">
<div class="span12"> <jdoc:include type="modules" name="breadcrumb" style="xhtml"/> </div>
</div>
<div class="container" id="maincontent">
<div class="span12" >
<div >
<jdoc:include type="modules" name="left" style="xhtml"/>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
</div>
<div class="container" id="div_right">
<div class="span12" ><jdoc:include type="modules" name="right" style="xhtml"/></div>
</div>
<div class="container" >
<div class="col-md-12" id="div_foot">
<jdoc:include type="modules" name="footer" style="xhtml"/>
</div>
</div>
</div>
<div class="footer">
<jdoc:include type="modules" name="debug" style="xhtml"/>
</div>
</body>
</html>
โค้ด: เลือกทั้งหมด
#con-border-logo{
margin-top:25px;
height:90px;
background: linear-gradient(#f5f5f5, #ebebeb); /* Standard syntax */
border-radius:10px 10px 0px 0px;
padding-top: 25px;
border-color: white;
border-width: 5px;
border-style: solid;
}
#con-border{
margin-top:5px;
background: linear-gradient(#f5f5f5, #ebebeb); /* Standard syntax */
padding-top: 5px;
border-color: white;
border-width: 5px;
border-style: solid;
border-radius:0px 0px 10px 10px;
margin-bottom:30px;
}
#col-right{
float: center;
}
#center_div {
padding-top: 40px;
display: flex;
justify-content: center;
}
.li-color{
display:block;
}
#center_div_top{
display: flex;
}
#div_foot{
}
#page_bg {
background: #0C3A6D
}
#div_content{
margin-top:300px;
}
ul.nav {
border-radius:5px;
background-color:white;
}
div#maindivider {
margin-bottom: 10px;
overflow: hidden;
}
#maincontent{
border-style: solid;
border-color: #ebebeb;
background:white;
border-width: 1px;
}
#maincontent > .span12{
margin-left:0px;
}
div.moduletable {
}