tsbmusic
Erfahrenes Mitglied
Moin moin,
auf meiner Seite hab ich jetzt ne Art Pinnwand so ähnlich wie bei Facebook. Das funktioniert auch super, nur das das im IE nicht so aussieht wie es aussehen soll.
Im Anhang hab ich das mal als Bild.
Und hier jetzt noch der Code:
HTML und PHP
CSS:
auf meiner Seite hab ich jetzt ne Art Pinnwand so ähnlich wie bei Facebook. Das funktioniert auch super, nur das das im IE nicht so aussieht wie es aussehen soll.
Im Anhang hab ich das mal als Bild.
Und hier jetzt noch der Code:
HTML und PHP
Code:
<li class="uiWallPost uiWallPost_<?php echo $wall_post['id'] ?>">
<div class="uiBlock clearfix">
<?php echo $GLOBALS['USER']->avatar_link($wall_post['poster'], 50) ?>
<div class="uiImageBlock_Content">
<h6 class="wall_post_text">
<div class="uiBold uiActionHeader">
<?php echo $GLOBALS['USER']->profile_link($wall_post['poster']) ?>
</div>
<span><?php echo $wall_post['message'] ?></span>
<div class="uiSubtitle clearfix">
<span class="uiTime"><?php echo time_ago($wall_post['date']) ?></span>
<span class="uiSpacer">|</span>
<span><a href="javascript: void(0);" class="comment">Kommentieren</a></span>
<span class="uiSpacer">|</span>
<span><?php echo $GLOBALS['LIKE']->likeLink($wall_post['type'], $wall_post['id']) ?></span>
</div>
</h6>
<ul class="uiList">
<li class="uiListItem likeBox_<?php echo $wall_post['type'] ?>_<?php echo $wall_post['id'] ?> uiBox clearfix <?php if($GLOBALS['LIKE']->count($wall_post['type'], $wall_post['id']) < 1): ?>uiHidden<?php endif; ?>">
<?php echo $GLOBALS['LIKE']->likeBox($wall_post['type'], $wall_post['id'], false) ?>
</li>
<li class="uiListItem">
<ul class="uiList uiCommentList clearfix">
<?php $GLOBALS['COMMENTS']->show_comments($wall_post['type'], $wall_post['id']); ?>
</ul>
</li>
<li class="uiListItem uiBox clearfix">
<?php echo $GLOBALS['COMMENTS']->comment_form($wall_post['type'], $wall_post['id']) ?>
</li>
</ul>
</div>
</div>
</li>
CSS:
Code:
.clearfix {
display: block;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
font-size: 0;
height: 0;
visibility: hidden;
}
*:first-child+html .clearfix {
min-height: 0;
}
* html .clearfix {
height: 1%;
}
.uiList {
}
.uiList .uiListItem {
}
.uiBox {
padding: 5px;
width: 440px;
background: #EDF7FF;
border-bottom: 1px solid #E1EAF2;
}
.uiImageBlock {
float: left;
display: block;
margin-right: 10px;
}
.uiImageBlock_Content {
display: table-cell;
}
h6.wall_post_text {
font-weight: normal;
font-size: 11px;
text-shadow: none;
color: #555;
}
.uiWallPost {
display: block;
padding: 20px;
border-bottom: 1px solid #EBEBEB;
}
.uiSubtitle {
margin: 5px 0;
color: #777;
}