Added initial Design for CollapsedHeader (index page)
This commit is contained in:
@@ -145,4 +145,34 @@ ul.nav li.dropdown-append:hover > ul.dropdown-menu {
|
||||
.thumbnailParentSpan .caption h5,
|
||||
.thumbnailParentSpan .caption h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* CollHeader
|
||||
-------------------------------------------------- */
|
||||
|
||||
.collHeader {
|
||||
border: 1px solid #D7E0E2;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.collHeaderSpan-front {
|
||||
float: left;
|
||||
|
||||
background-color: #D7E0E2;
|
||||
width: 90px;
|
||||
padding: 2px 15px;
|
||||
}
|
||||
|
||||
.collHeaderSpan {
|
||||
float: left;
|
||||
|
||||
font-weight: bold;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
.collHeaderSpan-drop {
|
||||
float: right;
|
||||
|
||||
padding: 0 5px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
13
www/protected/components/MsHtml.php
Normal file
13
www/protected/components/MsHtml.php
Normal file
@@ -0,0 +1,13 @@
|
||||
<?php
|
||||
class MsHtml extends CHtml {
|
||||
public static function collapsedHeader($date, $caption)
|
||||
{
|
||||
return
|
||||
'<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">' . $date->format('d.m.y') . '</div>
|
||||
<div class="collHeaderSpan">' . $caption . '</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
';
|
||||
}
|
||||
}
|
||||
@@ -79,9 +79,41 @@ $this->selectedNav = 'index';
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<?php echo MsHtml::collapsedHeader(new DateTime(), "Hello World"); ?>
|
||||
|
||||
<footer>
|
||||
<p>© Company 2012</p>
|
||||
</footer>
|
||||
<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">24.07.1999</div>
|
||||
<div class="collHeaderSpan">Die neue Websiste ist online</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
|
||||
<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">24.07.1999</div>
|
||||
<div class="collHeaderSpan">Die neue Websiste ist online</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
|
||||
<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">24.07.1999</div>
|
||||
<div class="collHeaderSpan">Die neue Websiste ist online</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
|
||||
<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">24.07.1999</div>
|
||||
<div class="collHeaderSpan">Die neue Websiste ist online</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
|
||||
<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">24.07.1999</div>
|
||||
<div class="collHeaderSpan">Die neue Websiste ist online</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
|
||||
<div class="well row collHeader">
|
||||
<div class="collHeaderSpan-front">24.07.1999</div>
|
||||
<div class="collHeaderSpan">Die neue Websiste ist online</div>
|
||||
<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user