https://i.imgur.com/mPiZzcu.png?1
Pero al haber cambiado una cosa del avatar ahora me sale para miopes, un enorme avatar. Creo que seria en el template de anunciado del tema pero por mas que lo pongo no me lo reconoce.
El CSS
- Spoiler:
- Código:
/*cssavatartitulo*/
.post_top h2.topic-title {
background: url("http://i.imgur.com/IoZ3MxW.jpg");
background-size: cover;
margin-bottom: 20px;
margin-top:50px;
padding-bottom:none;
padding-top:40px;
border-top: solid 3px #4d514a;
border-bottom: solid 1px #4d514a;
width: 100%!important;
display:inline-block;
text-align:center;
-webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.75);
}
.post_top h2.topic-title a{
color: #c8d2c2;
font-size: 16pt;
font-family: 'Oswald', sans-serif;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.71);
text-align: center!important;
}
.post_top h2.topic-title a:hover {
color: #fff;
text-align: center!important;
}
.post_top p.author{
color: #889281;
background: #1c1c1c;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
margin-top:-20px;
margin-left:39%;
border-radius: 0px 0px 5px 5px;
padding-top:5px;
width: 300px;
display:inline-block;
text-align:center;
-webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.75);
}
.post_top p.author img{
height: 7px!important;
width: 12px!important;
}
.post_top > img{
position:absolute;
height: 70px!important;
width: 70px!important;
margin-left:45%;
margin-top:20px;
border-radius: 100px;
border: solid 2px #4d514a;
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
-o-filter: grayscale(70%);
-webkit-box-shadow: 1px 6px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 6px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 1px 6px 5px 0px rgba(0, 0, 0, 0.75);
}
El Java
- Spoiler:
- Código:
$(document).ready(function(){$('.post').before('<div class="post_top"></div>');$('.post_top').each(function(){var content=$(this).next().find('h2.topic-title, p.author');$(this).html(content)});$('.postprofile').each(function(){$(this).find('.fotoavatar img').clone().prependTo($(this).closest('.post').prev('.post_top'))})});
Pero ya me pierdo en el template
Creo que seria algo asi
- Código:
<h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>