Display.template.php
Buscamos:
Reemplazamos con:
Index.css
Agregamos al final del archivo
Subimos las imágenes del archivo .zip a siguiente ruta: Themes/nuestrotheme/images/theme/
Resultado:
Saludos.
Buscamos:
Code Select
</div>
<hr class="post_separator" />';
Reemplazamos con:
Code Select
</div>
<hr class="post_separator" />';
if ($message['id'] == $context['topic_first_message']) {
echo '
<hr class="divisorp" />';
if ($message['id'] == $context['topic_first_message'])
echo '<span id="lgf_twitt_share2">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"></a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>';
if ($message['id'] == $context['topic_first_message'])
echo '<span id="lgf_facebook_share2"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></span>';
if ($message['id'] == $context['topic_first_message'])
echo '<span id="lgf_google_share2"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="medium"></g:plusone></span>';
echo '
<div class="post_styling">
<ul>
<li><span class="view">', $txt['read'], ' ', $context['num_views'], ' ', $txt['times'], '</span></li>
<li><span class="cat">', $context['jump_to']['board_name'], '</span></li>
<li><span class="comments">',$context['num_replies'],' ', $txt['replies'], '</span></li>
</ul>
</div>
<br /><br />
<hr class="divisorp" />';
}
Index.css
Agregamos al final del archivo
Code Select
div.post_styling > ul {
margin: 0;
padding: 0;
}
div.post_styling > ul > li {
background: #f5f5f5 url(../images/theme/bgp.png) repeat-x left bottom;
float: left;
list-style: none;
color: #334466;
font-weight: bold;
border: 1px solid #AFB8BE;
text-shadow: 1px 1px #fff;
margin-right: 20px;
border-radius: 4px;
}
div.post_styling ul li span {
display: block;
height: 16px;
margin: 5px;
}
div.post_styling ul li span.view {
background: url(../images/theme/view.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling ul li span.cat {
background: url(../images/theme/cat.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling ul li span.comments {
background: url(../images/theme/comments.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling {
margin-top: 4px;
}
#lgf_facebook_share {
float: left;
margin-right: 38px;
margin-top: 1px;
margin-bottom: 5px;
}
#lgf_twitt_share, #lgf_google_share {
float: left;
margin-bottom: 5px;
}
#lgf_facebook_share2 {
float: right;
margin-right: 38px;
margin-top: 1px;
margin-bottom: 5px;
}
#lgf_twitt_share2, #lgf_google_share2 {
float: right;
margin-bottom: 5px;
}
.any_com
{
padding: 10px 5px;
text-align: center;
text-shadow: 1px 0 1px #fff;
color: #323232;
background: #e6e3cf;
border: 1px solid #d2c172;
border-radius: 5px;
}
.divisorp
{
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
color: #2f2f2f;
width: 100%;
margin: 10px 0 1px;
}
Subimos las imágenes del archivo .zip a siguiente ruta: Themes/nuestrotheme/images/theme/
Resultado:
Saludos.