Como deixar os avatares em cima do tópico?
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como deixar os avatares em cima do tópico?
Detalhes da questão
Endereço do fórum: http://testeparapb.forumeiros.com/t1-seu-primeiro-topico#1
Versão do fórum: PhpBB3
Descrição
Queria algum código onde o avatar dos usuários ficarão em cima do tópico e não ao lado.O avatar tem que estar no meio do tópico.
Última edição por JeffLm em 16.06.16 18:46, editado 1 vez(es)
Re: Como deixar os avatares em cima do tópico?
Olá amigo, desejas que o avatar esteja no topo do tópico?
Tem certeza? me mostre uma print, pra eu saber se é como estou pensando.
Precisarei do seu template viewtopic_body, se possível deixe ele aqui, com a imagem que pedi sobre como queres que fique.
Atenciosamente,
While.
Tem certeza? me mostre uma print, pra eu saber se é como estou pensando.
Precisarei do seu template viewtopic_body, se possível deixe ele aqui, com a imagem que pedi sobre como queres que fique.
Atenciosamente,
While.
Re: Como deixar os avatares em cima do tópico?
Isso mesmo,While.Tenho certeza!
http://prntscr.com/bdzrws Nese fórum vai ficar assim.Mas!Como ele é só um teste,futuramente vou fazer outro fórum onde:Nos tópicos os avatares serão com mais largura(Haverá uma área onde os usuários poderão pedir avatares),haverá um rankbar com quase a mesma largura do avatar e o nome do usuário estará embaixo do avatar: http://prntscr.com/bdzukd
viewtopic_body
http://prntscr.com/bdzrws Nese fórum vai ficar assim.Mas!Como ele é só um teste,futuramente vou fazer outro fórum onde:Nos tópicos os avatares serão com mais largura(Haverá uma área onde os usuários poderão pedir avatares),haverá um rankbar com quase a mesma largura do avatar e o nome do usuário estará embaixo do avatar: http://prntscr.com/bdzukd
viewtopic_body
- Código:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<h1 class="page-title">
<a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
<div class="buttons">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</div>
<div class="pathname-box">
<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
<!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
{NAV_CAT_DESC}
</p>
</div>
<p class="right">
<!-- BEGIN switch_twitter_btn -->
<span>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
<!-- END switch_fb_likebtn -->
</p>
<div class="pagination">
{PAGE_NUMBER}
•
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
<!-- BEGIN switch_plus_menu -->
•
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
<!-- END switch_plus_menu -->
</div>
<div class="clear"></div>
</div>
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<div class="post {postrow.hidden.ROW_COUNT}">
<div class="inner">
<span class="corners-top"><span></span></span>
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
<div class="clear"></div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<div class="inner"><span class="corners-top"><span></span></span>
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
<div class="postbody">
<ul class="profile-icons">
<li>{postrow.displayed.THANK_IMG}</li>
<li>{postrow.displayed.MULTIQUOTE_IMG}</li>
<li>{postrow.displayed.QUOTE_IMG}</li>
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.DELETE_IMG}</li>
<li>{postrow.displayed.IP_IMG}</li>
<li>{postrow.displayed.REPORT_IMG_NEW}</li>
</ul>
<h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
<p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
<div class="clearfix"></div>
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div style="display:none"></div>
<div class="content clearfix">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd class="attachments">
<!-- BEGIN switch_post_attachments -->
<dl class="file clearfix">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
</dt>
<dd>
<!-- BEGIN switch_dl_att -->
<span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_no_dl_att -->
<!-- BEGIN switch_no_comment -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
<!-- END switch_no_dl_att -->
<span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
</div>
{postrow.displayed.EDITED_MESSAGE}
<!-- BEGIN switch_signature -->
<div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->
</div>
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
<dl>
<dt>
{postrow.displayed.POSTER_AVATAR}
<br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
</dt>
<dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
<dd><br /></dd>
<dd>
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</dd>
<dd><br /></dd>
<dd>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</dd>
</dl>
</div>
<div class="clear"></div>
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<a name="bottomtitle"></a>
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>
<div class="clear"></div>
<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>
<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
<span class="corners-top"><span></span></span>
<span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
<span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
<span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
<span class="corners-top"><span></span></span>
<span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
<span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
<div class="clear"></div>
<div>
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
<span class="corners-top"><span></span></span>
<div class="h3"> {L_FORUM_RULES}</div>
<div class="clear"></div>
<table class="postbody">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules content">
{RULE_MSG}
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<hr />
<div class="topic-actions">
<div class="buttons">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</div>
<div class="pathname-box">
<p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
</div>
<div class="pagination">
{PAGE_NUMBER}
</div>
</div>
<div class="clear"></div>
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
<label>{L_JUMP_TO}: </label>
{S_JUMPBOX_SELECT}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<label>{L_MOD_TOOLS}: </label>
{S_SELECT_MOD}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->
<!-- BEGIN show_permissions -->
<div class="h3">{L_TABS_PERMISSIONS}</div>
{S_AUTH_LIST}
<!-- END show_permissions -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Re: Como deixar os avatares em cima do tópico?
Aaah sim!!!
Troque o seu viewtopic_body por este:
Atenciosamente,
While.
Troque o seu viewtopic_body por este:
- Código:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<h1 class="page-title">
<a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
<div class="buttons">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</div>
<div class="pathname-box">
<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
<!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
{NAV_CAT_DESC}
</p>
</div>
<p class="right">
<!-- BEGIN switch_twitter_btn -->
<span>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
<!-- END switch_fb_likebtn -->
</p>
<div class="pagination">
{PAGE_NUMBER}
•
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
<!-- BEGIN switch_plus_menu -->
•
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
<!-- END switch_plus_menu -->
</div>
<div class="clear"></div>
</div>
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<div class="post {postrow.hidden.ROW_COUNT}">
<div class="inner">
<span class="corners-top"><span></span></span>
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
<div class="clear"></div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
<dl>
<dt>
{postrow.displayed.POSTER_AVATAR}
<br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
</dt>
<dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
<dd><br /></dd>
<dd>
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</dd>
<dd><br /></dd>
<dd>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</dd>
</dl>
</div>
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<div class="inner"><span class="corners-top"><span></span></span>
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
<div class="postbody">
<ul class="profile-icons">
<li>{postrow.displayed.THANK_IMG}</li>
<li>{postrow.displayed.MULTIQUOTE_IMG}</li>
<li>{postrow.displayed.QUOTE_IMG}</li>
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.DELETE_IMG}</li>
<li>{postrow.displayed.IP_IMG}</li>
<li>{postrow.displayed.REPORT_IMG_NEW}</li>
</ul>
<h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
<p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
<div class="clearfix"></div>
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div style="display:none"></div>
<div class="content clearfix">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd class="attachments">
<!-- BEGIN switch_post_attachments -->
<dl class="file clearfix">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
</dt>
<dd>
<!-- BEGIN switch_dl_att -->
<span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_no_dl_att -->
<!-- BEGIN switch_no_comment -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
<!-- END switch_no_dl_att -->
<span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
</div>
{postrow.displayed.EDITED_MESSAGE}
<!-- BEGIN switch_signature -->
<div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->
</div>
<div class="clear"></div>
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<a name="bottomtitle"></a>
<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>
<div class="clear"></div>
<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>
<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
<span class="corners-top"><span></span></span>
<span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
<span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
<span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
<span class="corners-top"><span></span></span>
<span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
<span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
<div class="clear"></div>
<div>
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
<span class="corners-top"><span></span></span>
<div class="h3"> {L_FORUM_RULES}</div>
<div class="clear"></div>
<table class="postbody">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules content">
{RULE_MSG}
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<hr />
<div class="topic-actions">
<div class="buttons">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</div>
<div class="pathname-box">
<p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
</div>
<div class="pagination">
{PAGE_NUMBER}
</div>
</div>
<div class="clear"></div>
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
<label>{L_JUMP_TO}: </label>
{S_JUMPBOX_SELECT}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<label>{L_MOD_TOOLS}: </label>
{S_SELECT_MOD}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->
<!-- BEGIN show_permissions -->
<div class="h3">{L_TABS_PERMISSIONS}</div>
{S_AUTH_LIST}
<!-- END show_permissions -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Atenciosamente,
While.
Re: Como deixar os avatares em cima do tópico?
http://testeparapb.forumeiros.com/t2-teste-menu-topico
Puts...Deu quase certo só o avatar não ficou no meio.
Puts...Deu quase certo só o avatar não ficou no meio.
Re: Como deixar os avatares em cima do tópico?
Olá, adicione esse código na sua folha de estilo css (no topo):
Resulta?
Atenciosamente,
While.
- Código:
.postprofile {margin-left:280px!important;position:absolute!important;margin-top:0px!important;}
.post {margin-top:230px!important;}
Resulta?
Atenciosamente,
While.
Re: Como deixar os avatares em cima do tópico?
While,funcionou exatamente...Mas...
http://prntscr.com/bety7n
O avatar ficou em cima do titulo do tópico e do conteúdo do tópico XD.Se quiser ver,entre por esse tópico:
http://testeparapb.forumeiros.com/t2-teste-menu-topico
http://prntscr.com/bety7n
O avatar ficou em cima do titulo do tópico e do conteúdo do tópico XD.Se quiser ver,entre por esse tópico:
http://testeparapb.forumeiros.com/t2-teste-menu-topico
Re: Como deixar os avatares em cima do tópico?
Me passe sua folha de estilo css por gentileza.
Atenciosamente,
While.
Atenciosamente,
While.
Re: Como deixar os avatares em cima do tópico?
Tô aqui,While
- Código:
.postprofile {margin-left:280px!important;position:absolute!important;margin-top:0px!important;}
.post {margin-top:230px!important;}
@font-face {
font-family: \'Open Sans\';
font-style: normal;
font-weight: 300;
src: local(\'Open Sans Light\'), local(\'OpenSans-Light\'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format(\'woff\');
}
select {
background-color: #fff
border: 1px solid #fce132;
cursor: pointer;
font-family: \'Open Sans\', sans-serif!important;
font-weight: 400;
padding: 3px;
vertical-align: middle;
border-radius: 3px;
height: 28px;
}
blockquote {
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
background-color: rgba(255, 255, 255, 0.72);
border: 1px solid #fce132;
border-radius: 3px;
border-left-width: 5px;
}
dl.codebox {
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
background-color: rgba(255, 255, 255, 0.72);
border: 1px solid #fce132;
border-radius: 3px;
border-left-width: 5px;
}
body {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/skulls10.png);
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
}
fieldset, dl, dt, dd, label, .content, p.author {
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
}
.inner p {
color: #757575!important;
}
.inner .page-title {
border-bottom: 1px solid #757575!important;
}
.table1 .row3, .table1 ul, .table1 li, .table1 td {
background:none!important;
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
}
.table1 th {
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
text-shadow: none;
background:none!important;
border-bottom: 1px solid #ccc!important;
font-weight: bold!important;
}
.content {
margin-left: 10px!important;
margin-right: 10px!important;
}
h1.page-title, .page-title {
font-family: \'Open Sans\', sans-serif!important;
font-size: 24px!important;
color: #c03f41!important;
margin-left: 10px;
}
a {
color: #808080!important;
font-size: 12px!important;
}
#wrap {
background-color:
white;
margin: 0 auto;
min-width: 951px;
padding: 5px;
width: 78%;
border: 3px solid
white;
box-shadow: 0px 0px 5px
white;
margin-top: 56px!important;
}
ul.navlinks a:hover {
box-shadow: none!important;
}
#profile-advanced-layout #tabs {
height: 30px;
padding-top: 12px;
padding-left: 15px;
color: #fff!important;
font-size: 12px;
letter-spacing: 0px;
margin-bottom: -20px!important;
}
#tabs {
margin-right: 10px!important;
margin-left: 10px!important;
}
#tabs a {
cursor: pointer;
float: left;
margin: 0 1px 1px 0;
padding: 0 0 0 5px;
position: relative;
text-decoration: none;
margin-top: -12px;
height: 42px;
line-height: 25px;
margin-right: 7px;
border: none!important
background: #FAFAFA;
color:#757575!important;
border-top-right-radius: 4px!important;
border-top-left-radius: 4px;
}
/*#tabs a:hover span {
background: #FAFAFA;
color:
black;
font-weight: bold!important;
border-bottom: 2px solid;
padding-bottom: 0px;
border-top: 2px solid;
padding-top: 0px;
margin-top: 5px;
}*/
.activetab, #tabs a:hover, .activetab a, #tabs a:hover span {
background: #E8E8E8!important;
color: #757575!important;
border-top-right-radius: 4px!important;
border-top-left-radius: 4px;
}
#tabs a span {
color: #757575!important;
}
.headerbar {
margin-bottom: 110px!important;
padding-bottom: 12px!important;
padding-top: 10px!important;
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
}
.forabg, .forumline {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat!important;
border: 1px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
background-position: -35px center;
box-shadow: 0 0 4px
rgba(0, 0, 0, .2);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
}
.forumbg {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
}
ul.topiclist.bg_none {
background-color:
#FAFAFA!important;
background-image: none!important;
border-radius: 4px;
border: 3px solid
#FAFBF4;
margin-top: 9px;
}
.row, .row2 {
background-color: initial!important;
}
tbody tr.row2, .row1 {
background: #FAFAFA!important;
}
.row1:hover {
background: #fff!important;
}
/*.panel {
background-color:
#ECF3F7;
color:
#536482;
margin-bottom: 4px;
padding: 0 10px;
border-radius: 4px;
border: 2px solid
white;
box-shadow: 0px 0px 5px
#CCC;
margin-left: 5px;
margin-right: 5px;
}
*/
.panel, #cp_main, .ucp_main, .inner {
background: none!important;
margin:none;
padding:none;
border:none!important;
}
form[name="post"] h1.page-title {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid white!important;
box-shadow: 0 0 4px rgba(0,0,0, .2);
border-radius: 5px;
padding: 10px!important;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: 10px!important;
margin-bottom: 10px!important;
clear: both;
border: 1px solid #fff;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase;
}
ul.navlinks {
text-align: left;
background: transparent;
width:85px!important;
margin-left: -338px!important;
position: absolute;
margin-top: 10px!important;
border:none!important;
overflow: hidden;
padding-top: 20px!important;
}
.navlinks {
margin-left: -338px!important;
}
#page-footer .navbar {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
background-position: right -411px;
border: 1px solid #fff;
border-radius: 60px;
box-shadow: 0 0 6px rgba(0,0,0,.4);
color: #fff!important;
font-family: Righteous, cursive;
font-size: 14px!important;
font-weight: 400!important;
margin-left: -23px;
margin-right: -70px;
padding: 10px 70px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
text-transform: uppercase;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
border-left: none!important;
padding-left: 20px!important;
margin-top: 20px;
}
#page-footer .navbar a {
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
position: relative;
text-transform: uppercase;
}
/*.post {
background-position: 100% 0;
background-repeat: no-repeat;
margin: 5px!important;
padding: 0 10px;
box-shadow: 0 0 4px
rgba(0, 0, 0, .4);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
margin: 5px!important;
clear: both;
border: 5px solid
white;
background:
#FAFAFA!important;
}*/
.post {
background: none!important;
border: none!important;
margin: none!important;
padding:none!important;
}
/*ul.profile-icons {
float: right;
margin-right: 45px;
padding: 0;
width: auto;
background:
white;
padding: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 3px solid
white;
box-shadow: 0px 0px 5px
#CCC;
border-bottom: 0px;
margin-top: -15px;
}*/
ul.profile-icons {
background: none!important;
z-index: 999;
position: relative;
padding: 0px!important;
margin-bottom: -60px!important;
text-align: right;
right:0;
}
p.author {
line-height: 1.2em;
margin: 0 15em .6em 0;
border-left: none;
padding: 5px;
margin-left: -10px;
margin-top: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 4px;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px!important;
}
.post h2.topic-title {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid white;
box-shadow: 0 0 4px rgba(0,0,0, .2);
border-radius: 5px;
padding: 10px;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: 10px!important;
margin-bottom: 10px!important;
clear: both;
border: 1px solid #fff;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase!important;
width: 100%!important;
display:inline-block;
margin-top: -1px!important;
}
.post h2.topic-title a {
color: #fff!important;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase!important;
}
.postprofile {
border-color:
white;
border: 3px solid
white;
color:
#536482;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
background:
white;
padding: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 3px solid
white;
box-shadow: 0px 0px 4px
#CCC;
border-bottom: 0px;
margin-top: -1px;
position: relative;
left: 4px;
min-height: 200px;
overflow: hidden;
}
#wrap {
width: 1000px!important;
margin-top: 40px;
background-color: #fafcff;
border: 1px solid #;
padding: 20px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
margin-bottom: 20px;
border: 3px solid #EEE;
box-shadow: 0 0 6px rgba(0,0,0, .4);
}
#logo {
border-radius: 130px;
background: #000 url(http://i39.servimg.com/u/f39/17/19/90/23/450px-10.png) center top;
background-size: 100%;
margin-top: -70px;
margin-left: -280px;
padding: 0px;
position: absolute;
box-shadow: 0 0 6px rgba(0,0,0, .4);
}
.headerbar {
border-radius: 60px;
margin-right: -70px;
box-shadow: 0 0 4px rgba(0,0,0, .4);
border: 1px solid #fff;
margin-top: 20px;
margin-bottom: 20px;
}
#site-title {
margin-left: 230px;
font-family: \'Righteous\', cursive!important;
font-size: 50px;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
display:none;
}
#site-title h1 {
font-family: \'Righteous\', cursive!important;
font-size: 50px;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
display:none;
}
/*#site-title:before {
content: "Teste";
}*/
#logo-desc:after {
content: "Teste";
}
#logo-desc {
margin-left: 223px;
font-family: \'Righteous\', cursive!important;
font-size: 50px!important;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
color:#fff!important;
}
.navbar {
background: none;
margin-top: -6px;
padding-left: 230px;
}
@font-face {
font-family: \'Righteous\';
font-style: normal;
font-weight: 400;
src: local(\'Righteous\'), local(\'Righteous-Regular\'), url(\'http://themes.googleusercontent.com/static/fonts/righteous/v2/w5P-SI7QJQSDqB3GziL8XT8E0i7KZn-EPnyo3HZu7kw.woff\') format(\'woff\');
}
ul.navlinks a {
margin-top: -10px;
position:relative;
float:none;
display:block;
background: #ca5a5b url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
box-shadow: 0 0 4px rgba(0,0,0, .4);
border: 1px solid #fff;
font-size: 0px!important;
color: transparent;
padding: 10px;
border-right: none;
}
ul.navlinks a:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
}
ul.navlinks img {
}
span.corners-top, span.corners-bottom, span.corners-bottom span, span.corners-top span, #cp-main span.corners-top span, #cp-main span.corners-top, #cp-main span.corners-bottom span, #cp-main span.corners-bottom{background:none;}
#search-box {
border: none;
margin-top: -225px!important;
margin-right: -40px;
}
#search-box .button2 {
margin-left: -35px;
border: none;
background-image: url(http://cdn1.iconfinder.com/data/icons/glyph_set/32/search.png)!important;
font-size: 0px!important;
color: transparent!important;
width: 32px!important;
height: 32px;
background-color: transparent;
opacity: 0.4;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
#search-box .button2:hover {
opacity: 1.0;
box-shadow: none!important;
background-color: none!important;
}
input[type=text], input.search, .inputbox{font-family:\'Open Sans\',sans-serif!important;border-radius:3px;border:1px solid #D4D2CB;padding:6px;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;margin-top:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);font-size:12px;color:#373737;}input[type=text]:focus, input.search:focus, .inputbox:focus{border:1px solid #C8C7C2;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);}
input[type=text]:hover, input.search:hover, .inputbox:hover {
border:1px solid #D4D2CB;
}
input.search {
background-image: none;
padding: 10px;
font-size: 15px;
width: 150px!important;
}
/*.icon-home {
background: url(http://cdn2.iconfinder.com/data/icons/diagona/icon/16/045.png) no-repeat top;
width:16px;
height: 16px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;}
.icon-home:hover{
background: transparent url(http://i48.servimg.com/u/f48/17/38/32/57/blueho10.png) no-repeat top!important;
color: transparent;
box-shadow: none!important;}\'*/
a.button1, a.button2, button.button2, input.button1, input.button2, .button2, .button1, #main-content a.cgu-buttons {
text-decoration:none;
border-width:1px;
border-style:solid;
padding:5px;
cursor:pointer;
font-size: 12px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
box-shadow:0px 1px 0px rgba(255,255,255,0.75);
font-family: \'Open Sans\', sans-serif!important;
background-image: none!important;
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f9f9f9\', endColorstr=\'#eeeeee\',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff
}
button.button2:hover,input.button1:hover,input.button2:hover, .button2, .button1, #main-content a.cgu-buttons:hover {
background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffff\', endColorstr=\'#eeeeee\',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c;
}
.forabg, .forumbg {
box-shadow: 0 0 4px rgba(0,0,0, .2);
border-radius: 5px;
padding: 5px;
color: black;
text-shadow: 0px 1px 1px white;
margin: 5px;
clear: both;
border: 1px solid #fff;
margin-bottom: 20px!important;
}
ul.topiclist li.header dl dd, ul.topiclist li.header h2, ul.topiclist li.header dt, tr th, .catHead, .cattitle{
border: none;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .2);
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
padding-top: 8px!important;
}
.cattitle {
padding: 10px!important;
}
ul.navlinks {
text-align: center;
}
#content-container div#left {
float: left;
margin-right: 3px;
overflow: hidden;
width: 180px;
margin-top: 91px!important;
margin-left: -9px;
margin-right: 31px!important;
}
#search-box {
border: none;
margin-top: -130px;
margin-right: -40px;
position: relative;
top: 43px;
left: -30px;
}
.introduction .h3, .module .h3, .postbody .h3 {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
height: 30px;
padding-top: 12px;
padding-left: 9px;
color: #fff;
margin-top: -14px;
margin-left: -8px;
margin-right: -7px;
font-size: 14px;
font-family: \'Righteous\', cursive!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
}
.module {
border:none;
background:none;
}
.forabg {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
background-position: -35px center;
}
.h3, h2.h3, h2.u, .table1 thead th, .ucp-main h1, .faq dt{
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat!important;
border: 1px solid white!important;
box-shadow: 0 0 4px rgba(0,0,0, .2)!important;
border-radius: 5px!important;
padding: 10px;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: 10px!important;
margin-bottom: 10px!important;
clear: both;
border: 1px solid #fff;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase!important;
}
.h3 a {
color:#fff!important;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
}
.h3 strong {
font-weight:normal;
}
ul.forums, .table1 tbody {
background-color:
#FAFAFA!important;
border: 1px solid #FAFAFA!important;
background-image: none!important;
border-radius: 4px;
border: 3px solid
#FAFBF4;
margin-top: 9px;
}
li.row:hover {
background-color:
white!important;
}
a.forumtitle, a.topictitle {
font-family: \'Open Sans\', sans-serif!important;
font-weight: bold;
}
p, fieldset {
margin-left:10px!important;
margin-right: 10px!important;
font-size: 12px!important;
}
.page-bottom, #chatbox_popup, ul.linklist {
margin-left:10px
margin-right: 10px
font-size: 12px!important;
}
/*dfn {
display:block!important;
}*/
.topiclist li, .topiclist dl {
border:none;
}
.buttons {
margin-left: 10px;
margin-right: 10px;
}
.table1 .name, .table1 .active, .table1 .info, .table1 .interests, .table1 .number, .table1 .joined, .table1 .posts, .table1 .pm, .table1 .website, .table1 .select{
background:none!important;
box-shadow:none!important;
border:none!important;
margin: none!important;
padding:none!important;
}
.ucp-main h1 {
padding: 10px!important;
margin-top: 0px!important;
}
.ucp-main {
margin-left: -15px!important;
}
.ucp-main .page-title {
width: 100%!important;
}
.faq {
margin:none!important;
padding:none!important;
}
.faq dd {
margin-left: 10px!important;
margin-right: 10px!important;
}
.blog_cal-border, .sprite-icon_post_target {
display:none;
}
#search_keywords {
font-size: 12px!important;
padding: 7px;
}
/*------------------------------ SIDEBAR -----------------------------*/
#sidebar{
width:400px;
height:85%;
position:fixed;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
overflow:hidden;
background-color:#213758;
text-shadow:0px 0px 3px rgba(0,0,0,0.5);
background-image:url('http://static.tumblr.com/eab5eb15d2138e16a68e758ed606d1d3/a0dmjhi/4z5o4vvs8/tumblr_static_40gmrm4p0y4g4wkw4o0wws0ck.png');
background-position:top center;
background-repeat:no-repeat;
font-family: 'Lato', sans-serif;
}
/************ MENU ***************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#branding {
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/trans80.png") repeat;
background: #212020;
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
min-height: 60px;
max-height: 60px;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
#primary_nav {
position: absolute;
right: 0;
top: 50%;
font-weight: bold!important;
margin-top: -16px;
text-transform: uppercase!important;;
font-family: 'Open Sans', sans-serif;
font-size: 12px!important;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
background: rgba(255,255,255,0.0);
border-radius: 3px;
color: rgba(255,255,255,0.8);
display: block;
height: 32px;
line-height: 32px;
margin: 0 3px;
text-transform: uppercase!important;;
font-family: 'Open Sans', sans-serif;
font-size: 12px!important;
moz-border-radius: 3px;
outline: none;
font-weight: bold!important;
padding: 0 15px;
webkit-border-radius: 3px;
text-decoration: none!important;
}
#community_app_menu>li.active>a {
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/transw20.png") repeat;
background: rgba(255, 255, 255, 0.03);
webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #FFF;
position: relative;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/transw10.png") repeat;
background: rgba(255, 255, 255, 0.3);
webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
webkit-font-smoothing: antialiased;
moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
display:none!important;
}
#primary_nav #nav_home a:before {
content: "\f015";
display:none!important;
}
#primary_nav #nav_app_shoutbox a:before {
content: "\f086";
display:none!important;
}
#primary_nav #nav_app_members a:before {
content: "\f007";
display:none!important;
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
display:none!important;
}
Re: Como deixar os avatares em cima do tópico?
Saudações!
Onde deseja que fique o avatar? Acima mesmo do tópico?
Troque teu CSS pelo abaixo:
Até mais.
Sennior
Onde deseja que fique o avatar? Acima mesmo do tópico?
Troque teu CSS pelo abaixo:
- Código:
.postprofile {margin-left:280px!important;position:absolute!important;margin-top:-218px!important;}
.post {margin-top:230px!important;}
@font-face {
font-family: \'Open Sans\';
font-style: normal;
font-weight: 300;
src: local(\'Open Sans Light\'), local(\'OpenSans-Light\'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format(\'woff\');
}
select {
background-color: #fff
border: 1px solid #fce132;
cursor: pointer;
font-family: \'Open Sans\', sans-serif!important;
font-weight: 400;
padding: 3px;
vertical-align: middle;
border-radius: 3px;
height: 28px;
}
blockquote {
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
background-color: rgba(255, 255, 255, 0.72);
border: 1px solid #fce132;
border-radius: 3px;
border-left-width: 5px;
}
dl.codebox {
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
background-color: rgba(255, 255, 255, 0.72);
border: 1px solid #fce132;
border-radius: 3px;
border-left-width: 5px;
}
body {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/skulls10.png);
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
}
fieldset, dl, dt, dd, label, .content, p.author {
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
}
.inner p {
color: #757575!important;
}
.inner .page-title {
border-bottom: 1px solid #757575!important;
}
.table1 .row3, .table1 ul, .table1 li, .table1 td {
background:none!important;
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
}
.table1 th {
font-family: \'Open Sans\', sans-serif!important;
font-size: 12px!important;
color: #757575!important;
text-shadow: none;
background:none!important;
border-bottom: 1px solid #ccc!important;
font-weight: bold!important;
}
.content {
margin-left: 10px!important;
margin-right: 10px!important;
}
h1.page-title, .page-title {
font-family: \'Open Sans\', sans-serif!important;
font-size: 24px!important;
color: #c03f41!important;
margin-left: 10px;
}
a {
color: #808080!important;
font-size: 12px!important;
}
#wrap {
background-color:
white;
margin: 0 auto;
min-width: 951px;
padding: 5px;
width: 78%;
border: 3px solid
white;
box-shadow: 0px 0px 5px
white;
margin-top: 56px!important;
}
ul.navlinks a:hover {
box-shadow: none!important;
}
#profile-advanced-layout #tabs {
height: 30px;
padding-top: 12px;
padding-left: 15px;
color: #fff!important;
font-size: 12px;
letter-spacing: 0px;
margin-bottom: -20px!important;
}
#tabs {
margin-right: 10px!important;
margin-left: 10px!important;
}
#tabs a {
cursor: pointer;
float: left;
margin: 0 1px 1px 0;
padding: 0 0 0 5px;
position: relative;
text-decoration: none;
margin-top: -12px;
height: 42px;
line-height: 25px;
margin-right: 7px;
border: none!important
background: #FAFAFA;
color:#757575!important;
border-top-right-radius: 4px!important;
border-top-left-radius: 4px;
}
/*#tabs a:hover span {
background: #FAFAFA;
color:
black;
font-weight: bold!important;
border-bottom: 2px solid;
padding-bottom: 0px;
border-top: 2px solid;
padding-top: 0px;
margin-top: 5px;
}*/
.activetab, #tabs a:hover, .activetab a, #tabs a:hover span {
background: #E8E8E8!important;
color: #757575!important;
border-top-right-radius: 4px!important;
border-top-left-radius: 4px;
}
#tabs a span {
color: #757575!important;
}
.headerbar {
margin-bottom: 110px!important;
padding-bottom: 12px!important;
padding-top: 10px!important;
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
}
.forabg, .forumline {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat!important;
border: 1px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
background-position: -35px center;
box-shadow: 0 0 4px
rgba(0, 0, 0, .2);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
}
.forumbg {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
}
ul.topiclist.bg_none {
background-color:
#FAFAFA!important;
background-image: none!important;
border-radius: 4px;
border: 3px solid
#FAFBF4;
margin-top: 9px;
}
.row, .row2 {
background-color: initial!important;
}
tbody tr.row2, .row1 {
background: #FAFAFA!important;
}
.row1:hover {
background: #fff!important;
}
/*.panel {
background-color:
#ECF3F7;
color:
#536482;
margin-bottom: 4px;
padding: 0 10px;
border-radius: 4px;
border: 2px solid
white;
box-shadow: 0px 0px 5px
#CCC;
margin-left: 5px;
margin-right: 5px;
}
*/
.panel, #cp_main, .ucp_main, .inner {
background: none!important;
margin:none;
padding:none;
border:none!important;
}
form[name="post"] h1.page-title {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid white!important;
box-shadow: 0 0 4px rgba(0,0,0, .2);
border-radius: 5px;
padding: 10px!important;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: 10px!important;
margin-bottom: 10px!important;
clear: both;
border: 1px solid #fff;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase;
}
ul.navlinks {
text-align: left;
background: transparent;
width:85px!important;
margin-left: -338px!important;
position: absolute;
margin-top: 10px!important;
border:none!important;
overflow: hidden;
padding-top: 20px!important;
}
.navlinks {
margin-left: -338px!important;
}
#page-footer .navbar {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
background-position: right -411px;
border: 1px solid #fff;
border-radius: 60px;
box-shadow: 0 0 6px rgba(0,0,0,.4);
color: #fff!important;
font-family: Righteous, cursive;
font-size: 14px!important;
font-weight: 400!important;
margin-left: -23px;
margin-right: -70px;
padding: 10px 70px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
text-transform: uppercase;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
border-left: none!important;
padding-left: 20px!important;
margin-top: 20px;
}
#page-footer .navbar a {
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
position: relative;
text-transform: uppercase;
}
/*.post {
background-position: 100% 0;
background-repeat: no-repeat;
margin: 5px!important;
padding: 0 10px;
box-shadow: 0 0 4px
rgba(0, 0, 0, .4);
border-radius: 5px;
padding: 5px;
color:
black;
text-shadow: 0px 1px 1px
white;
margin: 5px!important;
clear: both;
border: 5px solid
white;
background:
#FAFAFA!important;
}*/
.post {
background: none!important;
border: none!important;
margin: none!important;
padding:none!important;
}
/*ul.profile-icons {
float: right;
margin-right: 45px;
padding: 0;
width: auto;
background:
white;
padding: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 3px solid
white;
box-shadow: 0px 0px 5px
#CCC;
border-bottom: 0px;
margin-top: -15px;
}*/
ul.profile-icons {
background: none!important;
z-index: 999;
position: relative;
padding: 0px!important;
margin-bottom: -60px!important;
text-align: right;
right:0;
}
p.author {
line-height: 1.2em;
margin: 0 15em .6em 0;
border-left: none;
padding: 5px;
margin-left: -10px;
margin-top: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 4px;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px!important;
}
.post h2.topic-title {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid white;
box-shadow: 0 0 4px rgba(0,0,0, .2);
border-radius: 5px;
padding: 10px;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: 10px!important;
margin-bottom: 10px!important;
clear: both;
border: 1px solid #fff;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase!important;
width: 100%!important;
display:inline-block;
margin-top: -1px!important;
}
.post h2.topic-title a {
color: #fff!important;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase!important;
}
.postprofile {
border-color:
white;
border: 3px solid
white;
color:
#536482;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
background:
white;
padding: 3px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 3px solid
white;
box-shadow: 0px 0px 4px
#CCC;
border-bottom: 0px;
margin-top: -1px;
position: relative;
left: 4px;
min-height: 200px;
overflow: hidden;
}
#wrap {
width: 1000px!important;
margin-top: 40px;
background-color: #fafcff;
border: 1px solid #;
padding: 20px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
margin-bottom: 20px;
border: 3px solid #EEE;
box-shadow: 0 0 6px rgba(0,0,0, .4);
}
#logo {
border-radius: 130px;
background: #000 url(http://i39.servimg.com/u/f39/17/19/90/23/450px-10.png) center top;
background-size: 100%;
margin-top: -70px;
margin-left: -280px;
padding: 0px;
position: absolute;
box-shadow: 0 0 6px rgba(0,0,0, .4);
}
.headerbar {
border-radius: 60px;
margin-right: -70px;
box-shadow: 0 0 4px rgba(0,0,0, .4);
border: 1px solid #fff;
margin-top: 20px;
margin-bottom: 20px;
}
#site-title {
margin-left: 230px;
font-family: \'Righteous\', cursive!important;
font-size: 50px;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
display:none;
}
#site-title h1 {
font-family: \'Righteous\', cursive!important;
font-size: 50px;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
display:none;
}
/*#site-title:before {
content: "Teste";
}*/
#logo-desc:after {
content: "Teste";
}
#logo-desc {
margin-left: 223px;
font-family: \'Righteous\', cursive!important;
font-size: 50px!important;
text-shadow: 0px 2px 2px rgba(0,0,0, .3);
color:#fff!important;
}
.navbar {
background: none;
margin-top: -6px;
padding-left: 230px;
}
@font-face {
font-family: \'Righteous\';
font-style: normal;
font-weight: 400;
src: local(\'Righteous\'), local(\'Righteous-Regular\'), url(\'http://themes.googleusercontent.com/static/fonts/righteous/v2/w5P-SI7QJQSDqB3GziL8XT8E0i7KZn-EPnyo3HZu7kw.woff\') format(\'woff\');
}
ul.navlinks a {
margin-top: -10px;
position:relative;
float:none;
display:block;
background: #ca5a5b url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
box-shadow: 0 0 4px rgba(0,0,0, .4);
border: 1px solid #fff;
font-size: 0px!important;
color: transparent;
padding: 10px;
border-right: none;
}
ul.navlinks a:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
}
ul.navlinks img {
}
span.corners-top, span.corners-bottom, span.corners-bottom span, span.corners-top span, #cp-main span.corners-top span, #cp-main span.corners-top, #cp-main span.corners-bottom span, #cp-main span.corners-bottom{background:none;}
#search-box {
border: none;
margin-top: -225px!important;
margin-right: -40px;
}
#search-box .button2 {
margin-left: -35px;
border: none;
background-image: url(http://cdn1.iconfinder.com/data/icons/glyph_set/32/search.png)!important;
font-size: 0px!important;
color: transparent!important;
width: 32px!important;
height: 32px;
background-color: transparent;
opacity: 0.4;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
#search-box .button2:hover {
opacity: 1.0;
box-shadow: none!important;
background-color: none!important;
}
input[type=text], input.search, .inputbox{font-family:\'Open Sans\',sans-serif!important;border-radius:3px;border:1px solid #D4D2CB;padding:6px;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;margin-top:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);font-size:12px;color:#373737;}input[type=text]:focus, input.search:focus, .inputbox:focus{border:1px solid #C8C7C2;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);}
input[type=text]:hover, input.search:hover, .inputbox:hover {
border:1px solid #D4D2CB;
}
input.search {
background-image: none;
padding: 10px;
font-size: 15px;
width: 150px!important;
}
/*.icon-home {
background: url(http://cdn2.iconfinder.com/data/icons/diagona/icon/16/045.png) no-repeat top;
width:16px;
height: 16px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;}
.icon-home:hover{
background: transparent url(http://i48.servimg.com/u/f48/17/38/32/57/blueho10.png) no-repeat top!important;
color: transparent;
box-shadow: none!important;}\'*/
a.button1, a.button2, button.button2, input.button1, input.button2, .button2, .button1, #main-content a.cgu-buttons {
text-decoration:none;
border-width:1px;
border-style:solid;
padding:5px;
cursor:pointer;
font-size: 12px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
box-shadow:0px 1px 0px rgba(255,255,255,0.75);
font-family: \'Open Sans\', sans-serif!important;
background-image: none!important;
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f9f9f9\', endColorstr=\'#eeeeee\',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff
}
button.button2:hover,input.button1:hover,input.button2:hover, .button2, .button1, #main-content a.cgu-buttons:hover {
background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffff\', endColorstr=\'#eeeeee\',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c;
}
.forabg, .forumbg {
box-shadow: 0 0 4px rgba(0,0,0, .2);
border-radius: 5px;
padding: 5px;
color: black;
text-shadow: 0px 1px 1px white;
margin: 5px;
clear: both;
border: 1px solid #fff;
margin-bottom: 20px!important;
}
ul.topiclist li.header dl dd, ul.topiclist li.header h2, ul.topiclist li.header dt, tr th, .catHead, .cattitle{
border: none;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .2);
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
padding-top: 8px!important;
}
.cattitle {
padding: 10px!important;
}
ul.navlinks {
text-align: center;
}
#content-container div#left {
float: left;
margin-right: 3px;
overflow: hidden;
width: 180px;
margin-top: 91px!important;
margin-left: -9px;
margin-right: 31px!important;
}
#search-box {
border: none;
margin-top: -130px;
margin-right: -40px;
position: relative;
top: 43px;
left: -30px;
}
.introduction .h3, .module .h3, .postbody .h3 {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid
white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
height: 30px;
padding-top: 12px;
padding-left: 9px;
color: #fff;
margin-top: -14px;
margin-left: -8px;
margin-right: -7px;
font-size: 14px;
font-family: \'Righteous\', cursive!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
}
.module {
border:none;
background:none;
}
.forabg {
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat;
border: 1px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
background-position: -35px center;
}
.h3, h2.h3, h2.u, .table1 thead th, .ucp-main h1, .faq dt{
background: #c03f41 url(http://i39.servimg.com/u/f39/17/19/90/23/redox-10.png) repeat!important;
border: 1px solid white!important;
box-shadow: 0 0 4px rgba(0,0,0, .2)!important;
border-radius: 5px!important;
padding: 10px;
color: #fff!important;
text-shadow: 0px 1px 1px rgba(0,0,0, .3);
margin-top: 10px!important;
margin-bottom: 10px!important;
clear: both;
border: 1px solid #fff;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
font-weight:normal!important;
text-transform: uppercase!important;
}
.h3 a {
color:#fff!important;
font-size: 14px!important;
font-family: \'Righteous\', cursive!important;
}
.h3 strong {
font-weight:normal;
}
ul.forums, .table1 tbody {
background-color:
#FAFAFA!important;
border: 1px solid #FAFAFA!important;
background-image: none!important;
border-radius: 4px;
border: 3px solid
#FAFBF4;
margin-top: 9px;
}
li.row:hover {
background-color:
white!important;
}
a.forumtitle, a.topictitle {
font-family: \'Open Sans\', sans-serif!important;
font-weight: bold;
}
p, fieldset {
margin-left:10px!important;
margin-right: 10px!important;
font-size: 12px!important;
}
.page-bottom, #chatbox_popup, ul.linklist {
margin-left:10px
margin-right: 10px
font-size: 12px!important;
}
/*dfn {
display:block!important;
}*/
.topiclist li, .topiclist dl {
border:none;
}
.buttons {
margin-left: 10px;
margin-right: 10px;
}
.table1 .name, .table1 .active, .table1 .info, .table1 .interests, .table1 .number, .table1 .joined, .table1 .posts, .table1 .pm, .table1 .website, .table1 .select{
background:none!important;
box-shadow:none!important;
border:none!important;
margin: none!important;
padding:none!important;
}
.ucp-main h1 {
padding: 10px!important;
margin-top: 0px!important;
}
.ucp-main {
margin-left: -15px!important;
}
.ucp-main .page-title {
width: 100%!important;
}
.faq {
margin:none!important;
padding:none!important;
}
.faq dd {
margin-left: 10px!important;
margin-right: 10px!important;
}
.blog_cal-border, .sprite-icon_post_target {
display:none;
}
#search_keywords {
font-size: 12px!important;
padding: 7px;
}
/*------------------------------ SIDEBAR -----------------------------*/
#sidebar{
width:400px;
height:85%;
position:fixed;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
overflow:hidden;
background-color:#213758;
text-shadow:0px 0px 3px rgba(0,0,0,0.5);
background-image:url('http://static.tumblr.com/eab5eb15d2138e16a68e758ed606d1d3/a0dmjhi/4z5o4vvs8/tumblr_static_40gmrm4p0y4g4wkw4o0wws0ck.png');
background-position:top center;
background-repeat:no-repeat;
font-family: 'Lato', sans-serif;
}
/************ MENU ***************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#branding {
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/trans80.png") repeat;
background: #212020;
border-bottom: 1px solid #000;
border-bottom: 1px solid rgba(0,0,0,0.5);
webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
height: 110px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
min-height: 60px;
max-height: 60px;
}
#branding .wrapper {
position: relative;
height: 100%;
z-index: 10;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1300px;
width: 90%;
}
#logo {
float: left;
position: relative;
height: 100%;
z-index: 20;
}
#logo img {
max-height: 100%;
vertical-align: top;
}
#primary_nav {
position: absolute;
right: 0;
top: 50%;
font-weight: bold!important;
margin-top: -16px;
text-transform: uppercase!important;;
font-family: 'Open Sans', sans-serif;
font-size: 12px!important;
padding-left: 200px;
}
#community_app_menu {
float: right;
}
#community_app_menu>li {
margin: 0 1px 0 0;
position: relative;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.left {
float: left;
}
#community_app_menu>li>a {
background: rgba(255,255,255,0.0);
border-radius: 3px;
color: rgba(255,255,255,0.8);
display: block;
height: 32px;
line-height: 32px;
margin: 0 3px;
text-transform: uppercase!important;;
font-family: 'Open Sans', sans-serif;
font-size: 12px!important;
moz-border-radius: 3px;
outline: none;
font-weight: bold!important;
padding: 0 15px;
webkit-border-radius: 3px;
text-decoration: none!important;
}
#community_app_menu>li.active>a {
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/transw20.png") repeat;
background: rgba(255, 255, 255, 0.03);
webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #FFF;
position: relative;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/transw10.png") repeat;
background: rgba(255, 255, 255, 0.3);
webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#primary_nav a:before {
content: "\f02b";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
webkit-font-smoothing: antialiased;
moz-osx-font-smoothing: grayscale;
margin-right: 7px;
font-size: 14px;
display:none!important;
}
#primary_nav #nav_home a:before {
content: "\f015";
display:none!important;
}
#primary_nav #nav_app_shoutbox a:before {
content: "\f086";
display:none!important;
}
#primary_nav #nav_app_members a:before {
content: "\f007";
display:none!important;
}
#primary_nav #nav_app_forums a:before {
content: "\f086";
display:none!important;
}
Até mais.
Sennior
Re: Como deixar os avatares em cima do tópico?
Assim mesmo mas,eu queria saber como posso tirar essas partes do postprofile:
http://prntscr.com/bgr8se
E também se eu poderia deixar os conteúdos da ficha de rpg lado a lado com uma separação entre eles ou simplesmente uma linha:
http://prntscr.com/bgr942
http://prntscr.com/bgr8se
E também se eu poderia deixar os conteúdos da ficha de rpg lado a lado com uma separação entre eles ou simplesmente uma linha:
http://prntscr.com/bgr942
Re: Como deixar os avatares em cima do tópico?
Boas!
Você pode ocultar isso pela gestão dos perfis. Aceda a Painel de Controle
Usuários & Grupos
Usuários
Perfis e clique no ícone
no campo que deseja ocultar. Basta desmarcar a opção 'Mensagens' aqui:
http://image.prntscr.com/image/35bc8f28dc9b46dea256795cc25d36ca.png
Abraço.
Fraise
Você pode ocultar isso pela gestão dos perfis. Aceda a Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Editar](/users/2612/28/77/07/smiles/1157900288.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Abraço.
Fraise
Re: Como deixar os avatares em cima do tópico?
Saudações!
Complementando a mensagem do nosso querido Fraise, poderá ler também:
https://ajuda.forumeiros.com/t17049-
Algo mais?
Até breve.
Complementando a mensagem do nosso querido Fraise, poderá ler também:
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Algo mais?
Até breve.
Re: Como deixar os avatares em cima do tópico?
Bom,então muito obrigado pela ajuda pessoal!Me ajudou muito.
Tópico Resolvido
Tópico Resolvido
Re: Como deixar os avatares em cima do tópico?
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Como colocar nick em cima dos avatares?
» Como deixar tópico igual do power-pixel
» Como deixar um tópico fixo
» como deixar os comentários de um tópico invisível
» Como deixar a parte de informações do TÓPICO assim
» Como deixar tópico igual do power-pixel
» Como deixar um tópico fixo
» como deixar os comentários de um tópico invisível
» Como deixar a parte de informações do TÓPICO assim
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos