Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

Added initial Design for CollapsedHeader (index page)

Browse Source
This commit is contained in:
Mike Schwörer
2014-06-04 13:33:57 +02:00
parent 5b2a5bec36
commit fc21232523
4 changed files with 162 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
www/css/styles.css
View File

@@ -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
View 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>
';
}
}

40
www/protected/views/msmain/index.php
View File

@@ -79,9 +79,41 @@ $this->selectedNav = 'index';
</div>
</div>
<hr>
<?php echo MsHtml::collapsedHeader(new DateTime(), "Hello World"); ?>
<footer>
<p>&copy; 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>