Como diminuir o espaço do perfil?

Mensagem por **Gold Snake** » 04 Set 2012, 13:39

Qual a URL do seu fórum: http://www.finalfantasy.com.br/forumg2/
Tipo de Hospedagem: Free
Qual a versão do phpBB: 3.0.8
É um novo ou uma conversão: Não sei. =/
Usuário de teste: Usuário: Teste Senha: teste69
Estilos instalados: Elegance
Modificações instaladas: Nenhuma (ainda)
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Desde sempre
Descreva seu problema: Como o _Vinny_ pediu no outro tópico, estou trazendo minha dúvida para um novo tópico.
Quero saber como diminuir esse espeço do perfil. Quero tirar esse espaço que eu hachurei em vermelho da imagem, para que a linha vertical que separa o campo do perfil do post fique mais colado ao avatar.
Imagem

Mensagem por **_Vinny_** » 04 Set 2012, 15:01

Abra o seguinte arquivo: styles/art_elegance_black/theme/layout_topic.css
Localize:

Código: Selecionar todos

.postprofile {
	margin: 2px 0 10px 0;
	min-height: 80px;
	color: #888;
	border-left: 1px solid #383838;
	width: 22%;
	float: right;
	word-wrap: break-word;
}

Neste trecho, a seguinte linha é responsável pela largura no espaço que você destacou:

Código: Selecionar todos

width: 22%;

Basta que você diminua o valor(edite somente o número, deixe o simbolo de porcento(%)), para que a largura da area diminua. Feito a mudança no valor, no mesmo arquivo localize:

Código: Selecionar todos

.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 76%;
	float: left;
	clear: both;
	word-wrap: break-word;
}

Na linha:

Código: Selecionar todos

width: 76%;

Acrescente ao valor 76, o valor subtraido do 22% da edição acima. Isso para que fique um layout uniforme, e o espaço fique preenchido.

Mensagem por **Gold Snake** » 05 Set 2012, 20:43

Fui mudando os valores várias vezes, até chegar a 5% (e no outro valor 93%), mas não mudou nada. A única coisa que eu reparei é que o avatar deixou de ficar centralizado. =/

Vou colocar aqui o código da página layout_topic :

Código: Selecionar todos

/*
    Layout for posts
*/

.post, .panel {
    margin-bottom: 4px;
    padding: 4px;
}
#preview {
    margin-top: 4px;
}
.post > div.inner, .panel > div.inner, .old-ie .post div.inner, .old-ie .panel div.inner-panel {
    padding: 5px 10px;
}

.online .postprofile { 
   background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; 
   margin-top: -6px;
   padding-top: 8px;
   min-height: 100px;
}


.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 93%;
	float: right;
	clear: both;
	word-wrap: break-word;
}

.postbody .ignore {
}

.postbody h3.first, .postbody h3.first a {
	/* The first post on the page uses this */
    color: #f26134 !important;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	padding: 2px 0 0 0;
	margin: 0 0 2px 0 !important;
	text-transform: none;
	border: none;
	line-height: 125%;
	font-weight: normal;
	font-size: 16px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.postbody h3, .postbody h3 a, .postbody h3 a:visited { color: #36bb55; }
.postbody h3 a:hover { color: #f26134; }

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 12px;
}

.search .postbody {
	width: 68%
}

.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	padding-bottom: 1px;
}

.content h2, .panel h2, .panel > div > h3, .panel .content > h3 {
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: normal;
	margin: 4px 0;
	padding: 0;
	font-size: 16px;
	color: #36bb55;
}

.postbody > .notice {
    clear: left;
    margin-top: 10px;
    font-size: 11px;
    font-style: italic;
}

/* Poster profile icons
----------------------------------------*/
.post ul.profile-icons li {
    opacity: 0;
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
}
.post:hover ul.profile-icons li {
    opacity: 1;
}

ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 2px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #282828;
	background-position: 0 0;
	opacity: 1;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { 
    display: none; 
}
ul.profile-icons li a:hover { 
    opacity: 0;
}

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
	padding-bottom: 5px;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}


/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: url("{IMG_ICON_CONTACT_EMAIL_SRC}") top left no-repeat; }
.aim-icon, .aim-icon a			{ background: url("{IMG_ICON_CONTACT_AIM_SRC}") top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: url("{IMG_ICON_CONTACT_YAHOO_SRC}") top left no-repeat; }
.web-icon, .web-icon a			{ background: url("{IMG_ICON_CONTACT_WWW_SRC}") top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: url("{IMG_ICON_CONTACT_MSNM_SRC}") top left no-repeat; }
.icq-icon, .icq-icon a			{ background: url("{IMG_ICON_CONTACT_ICQ_SRC}") top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: url("{IMG_ICON_CONTACT_JABBER_SRC}") top left no-repeat; }
.pm-icon, .pm-icon a				{ background: url("{IMG_ICON_CONTACT_PM_SRC}") top left no-repeat; }
.quote-icon, .quote-icon a		{ background: url("{IMG_ICON_POST_QUOTE_SRC}") top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a		{ background: url("{IMG_ICON_POST_REPORT_SRC}") top left no-repeat; }
.warn-icon, .warn-icon a			{ background: url("{IMG_ICON_USER_WARN_SRC}") top left no-repeat; }
.edit-icon, .edit-icon a			{ background: url("{IMG_ICON_POST_EDIT_SRC}") top left no-repeat; }
.delete-icon, .delete-icon a		{ background: url("{IMG_ICON_POST_DELETE_SRC}") top left no-repeat; }
.info-icon, .info-icon a			{ background: url("{IMG_ICON_POST_INFO_SRC}") top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }

/* Fix profile icon default margins */
/* ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; } */

/* Post author */
p.author {
	margin: 0;
	padding: 0 0 5px;
	font-size: 11px;
	line-height: 1.2em;
	color: #888;
}
p.author img { margin-right: 4px; }
p.author strong { font-weight: normal; }

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 11px;
	color: #888;
	border-top: 1px solid #404040;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	margin: 2px 0 10px 0;
	min-height: 80px;
	color: #888;
	border-right: 1px solid #383838;
	width: 5%;
	float: left;
	word-wrap: break-word;
}
.pm .postprofile {
	border-right: 1px solid #383838;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
	font-size: 11px;
}
.postprofile dt {
    font-size: 14px;
    line-height: 1.4em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.postprofile strong {
	font-weight: normal;
	color: #36bb55;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #383838;
	padding: 5px 0 0 0;
	line-height: 120%;
}

fieldset.polls dl.voted {
	color: #f26134;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.8);
	font-weight: normal;
	padding: 0 3px;
	overflow: visible;
	min-width: 12px;
	background: #36bb55 url({T_THEME_PATH}/images/poll.png) 0 0 repeat-x;
	border: solid 0px transparent;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top-color: #eee;
}
.old-ie fieldset.polls dd div {
	color: #fff;
}

fieldset.polls dd div.pollbar2 { background-position: 0 -25px; }
fieldset.polls dd div.pollbar3 { background-position: 0 -50px; }
fieldset.polls dd div.pollbar4 { background-position: 0 -75px; }
fieldset.polls dd div.pollbar5 { background-position: 0 -100px; }
fieldset.polls dl.voted dd div { background-position: 0 -125px; }


/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: rgba(64, 64, 64, 0.3) url({T_THEME_PATH}/images/bb_quote.gif) 5px 8px no-repeat;
	border: 1px solid #404040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 12px;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #282828;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #2a2a2a;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	display: block;
	font-size: 11px;
	color: #888;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #2a2a2a;
	border: 1px solid #404040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0.5em 1px 0 25px;
	font-size: 1em;
}

dl.codebox dt {
	margin-bottom: 3px;
	padding-left: 2px;
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: #888;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #999;
	margin: 2px 0;
}

.syntaxbg		{ color: #2a2a2a; }
.syntaxcomment	{ color: #666; }
.syntaxdefault	{ color: #999; }
.syntaxhtml		{ color: #999; }
.syntaxkeyword	{ color: #aaa; }
.syntaxstring	{ color: #b4b4b4; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: #2a2a2a;
	border: 1px dashed #404040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	clear: left;
	max-width: 98%;
	max-width: calc(100% - 14px);
	max-width: -moz-calc(100% - 14px);
}

.attachbox dt {
	color: #999;
	font-size: 11px;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #404040;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

dl.file dd {
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #ccc;
}

dl.thumbnail dd {
	font-style: italic;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
}

dl.thumbnail dt a:hover img {
	border: 1px solid #404040;
}

/*
    Reported / unapproved
*/
p.rules {
    background: #29231b;
    border: solid 2px #403026;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	padding: 6px;
	margin: 5px 10px;
	font-size: 12px;
	line-height: 1.4em;
}
p.rules:hover {
    border-color: #634136;
}

p.rules img {
	vertical-align: middle;
	padding-top: 2px;
}
p.rules strong { font-weight: normal; }

p.rules a {
	vertical-align: middle;
	clear: both;
}

/*
    Lists bbcode
*/
.content ul, .content ol {
    margin-bottom: 1em;
    margin-left: 3em;
}
.content li {
    list-style-type: inherit;
}

/*
    Post highlight
*/
.posthilit { color: #f26134; }


/*
	Zoom in image
*/
span.zoom-container {
	position: relative;
	display: inline-block;
	min-height: 34px;
}
span.zoom-image { 
	display: none; 
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
	opacity: 0.7;
}
img.zoom + span.zoom-image {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 30px;
	height: 30px;
	background: url("{T_THEME_PATH}/images/zoom.png") 0 0 no-repeat;
	cursor: pointer;
}
.zoom-container:hover span.zoom-image { opacity: 1; }
img.zoom.zoomed-in + span.zoom-image { 
	background-position: 0 -30px;
	opacity: 0;
}
.zoom-container:hover img.zoom.zoomed-in + span.zoom-image { opacity: 0.7; }

Mensagem por **_Vinny_** » 05 Set 2012, 20:49

5% é muito pequeno para caber o conteúdo do elemento. Recomendo 18%.

Vai diminuir o minimo para caber o que esta dentro do elemento.

Mensagem por **Gold Snake** » 05 Set 2012, 22:02

Eu sei. Coloquei 5% apenas para ver se dava diferença. Não deu.

Coloquei 18%, como você sugeriu; mas continuou do mesmo jeito.

Código: Selecionar todos

/*
    Layout for posts
*/

.post, .panel {
    margin-bottom: 4px;
    padding: 4px;
}
#preview {
    margin-top: 4px;
}
.post > div.inner, .panel > div.inner, .old-ie .post div.inner, .old-ie .panel div.inner-panel {
    padding: 5px 10px;
}

.online .postprofile { 
   background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; 
   margin-top: -6px;
   padding-top: 8px;
   min-height: 100px;
}


.postbody {
	padding: 0;
	line-height: 1.48em;
	width:80%;
	float: right;
	clear: both;
	word-wrap: break-word;
}

.postbody .ignore {
}

.postbody h3.first, .postbody h3.first a {
	/* The first post on the page uses this */
    color: #f26134 !important;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	padding: 2px 0 0 0;
	margin: 0 0 2px 0 !important;
	text-transform: none;
	border: none;
	line-height: 125%;
	font-weight: normal;
	font-size: 16px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.postbody h3, .postbody h3 a, .postbody h3 a:visited { color: #36bb55; }
.postbody h3 a:hover { color: #f26134; }

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 12px;
}

.search .postbody {
	width: 68%
}

.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	padding-bottom: 1px;
}

.content h2, .panel h2, .panel > div > h3, .panel .content > h3 {
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: normal;
	margin: 4px 0;
	padding: 0;
	font-size: 16px;
	color: #36bb55;
}

.postbody > .notice {
    clear: left;
    margin-top: 10px;
    font-size: 11px;
    font-style: italic;
}

/* Poster profile icons
----------------------------------------*/
.post ul.profile-icons li {
    opacity: 0;
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
}
.post:hover ul.profile-icons li {
    opacity: 1;
}

ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 2px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #282828;
	background-position: 0 0;
	opacity: 1;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { 
    display: none; 
}
ul.profile-icons li a:hover { 
    opacity: 0;
}

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
	padding-bottom: 5px;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}


/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: url("{IMG_ICON_CONTACT_EMAIL_SRC}") top left no-repeat; }
.aim-icon, .aim-icon a			{ background: url("{IMG_ICON_CONTACT_AIM_SRC}") top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: url("{IMG_ICON_CONTACT_YAHOO_SRC}") top left no-repeat; }
.web-icon, .web-icon a			{ background: url("{IMG_ICON_CONTACT_WWW_SRC}") top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: url("{IMG_ICON_CONTACT_MSNM_SRC}") top left no-repeat; }
.icq-icon, .icq-icon a			{ background: url("{IMG_ICON_CONTACT_ICQ_SRC}") top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: url("{IMG_ICON_CONTACT_JABBER_SRC}") top left no-repeat; }
.pm-icon, .pm-icon a				{ background: url("{IMG_ICON_CONTACT_PM_SRC}") top left no-repeat; }
.quote-icon, .quote-icon a		{ background: url("{IMG_ICON_POST_QUOTE_SRC}") top left no-repeat; }

/* Moderator icons */
.report-icon, .report-icon a		{ background: url("{IMG_ICON_POST_REPORT_SRC}") top left no-repeat; }
.warn-icon, .warn-icon a			{ background: url("{IMG_ICON_USER_WARN_SRC}") top left no-repeat; }
.edit-icon, .edit-icon a			{ background: url("{IMG_ICON_POST_EDIT_SRC}") top left no-repeat; }
.delete-icon, .delete-icon a		{ background: url("{IMG_ICON_POST_DELETE_SRC}") top left no-repeat; }
.info-icon, .info-icon a			{ background: url("{IMG_ICON_POST_INFO_SRC}") top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }

/* Fix profile icon default margins */
/* ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; } */

/* Post author */
p.author {
	margin: 0;
	padding: 0 0 5px;
	font-size: 11px;
	line-height: 1.2em;
	color: #888;
}
p.author img { margin-right: 4px; }
p.author strong { font-weight: normal; }

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 11px;
	color: #888;
	border-top: 1px solid #404040;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	margin: 2px 0 10px 0;
	min-height: 80px;
	color: #888;
	border-right: 1px solid #383838;
	width: 18%;
	float: left;
	word-wrap: break-word;
}
.pm .postprofile {
	border-right: 1px solid #383838;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
	font-size: 11px;
}
.postprofile dt {
    font-size: 14px;
    line-height: 1.4em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.postprofile strong {
	font-weight: normal;
	color: #36bb55;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #383838;
	padding: 5px 0 0 0;
	line-height: 120%;
}

fieldset.polls dl.voted {
	color: #f26134;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.8);
	font-weight: normal;
	padding: 0 3px;
	overflow: visible;
	min-width: 12px;
	background: #36bb55 url({T_THEME_PATH}/images/poll.png) 0 0 repeat-x;
	border: solid 0px transparent;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top-color: #eee;
}
.old-ie fieldset.polls dd div {
	color: #fff;
}

fieldset.polls dd div.pollbar2 { background-position: 0 -25px; }
fieldset.polls dd div.pollbar3 { background-position: 0 -50px; }
fieldset.polls dd div.pollbar4 { background-position: 0 -75px; }
fieldset.polls dd div.pollbar5 { background-position: 0 -100px; }
fieldset.polls dl.voted dd div { background-position: 0 -125px; }


/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: rgba(64, 64, 64, 0.3) url({T_THEME_PATH}/images/bb_quote.gif) 5px 8px no-repeat;
	border: 1px solid #404040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 12px;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #282828;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #2a2a2a;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	display: block;
	font-size: 11px;
	color: #888;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #2a2a2a;
	border: 1px solid #404040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0.5em 1px 0 25px;
	font-size: 1em;
}

dl.codebox dt {
	margin-bottom: 3px;
	padding-left: 2px;
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: #888;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #999;
	margin: 2px 0;
}

.syntaxbg		{ color: #2a2a2a; }
.syntaxcomment	{ color: #666; }
.syntaxdefault	{ color: #999; }
.syntaxhtml		{ color: #999; }
.syntaxkeyword	{ color: #aaa; }
.syntaxstring	{ color: #b4b4b4; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: #2a2a2a;
	border: 1px dashed #404040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	clear: left;
	max-width: 98%;
	max-width: calc(100% - 14px);
	max-width: -moz-calc(100% - 14px);
}

.attachbox dt {
	color: #999;
	font-size: 11px;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #404040;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

dl.file dd {
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #ccc;
}

dl.thumbnail dd {
	font-style: italic;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
}

dl.thumbnail dt a:hover img {
	border: 1px solid #404040;
}

/*
    Reported / unapproved
*/
p.rules {
    background: #29231b;
    border: solid 2px #403026;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	padding: 6px;
	margin: 5px 10px;
	font-size: 12px;
	line-height: 1.4em;
}
p.rules:hover {
    border-color: #634136;
}

p.rules img {
	vertical-align: middle;
	padding-top: 2px;
}
p.rules strong { font-weight: normal; }

p.rules a {
	vertical-align: middle;
	clear: both;
}

/*
    Lists bbcode
*/
.content ul, .content ol {
    margin-bottom: 1em;
    margin-left: 3em;
}
.content li {
    list-style-type: inherit;
}

/*
    Post highlight
*/
.posthilit { color: #f26134; }


/*
	Zoom in image
*/
span.zoom-container {
	position: relative;
	display: inline-block;
	min-height: 34px;
}
span.zoom-image { 
	display: none; 
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
	opacity: 0.7;
}
img.zoom + span.zoom-image {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 30px;
	height: 30px;
	background: url("{T_THEME_PATH}/images/zoom.png") 0 0 no-repeat;
	cursor: pointer;
}
.zoom-container:hover span.zoom-image { opacity: 1; }
img.zoom.zoomed-in + span.zoom-image { 
	background-position: 0 -30px;
	opacity: 0;
}
.zoom-container:hover img.zoom.zoomed-in + span.zoom-image { opacity: 0.7; }

Mensagem por **_Vinny_** » 06 Set 2012, 12:33

Atualizou o tema do estilo?

Mensagem por **Gold Snake** » 06 Set 2012, 13:29

Sim, após salvar as mudanças, substitui o layout_topic no FTP e ainda limpei o cache do fórum. Tem outra forma de atualizar?

Mensagem por **_Vinny_** » 06 Set 2012, 14:06

O seu URL esta redirecionando para o google.com.br, não consigo ver.

Mensagem por **Gold Snake** » 06 Set 2012, 17:53

URL do fórum?
http://www.finalfantasy.com.br/forumg2/

Mensagem por **_Vinny_** » 06 Set 2012, 20:02

Agora voltou ao normal e consegui o aceso. Veja se consegui identificar os elementos para diminuir o espaço lendo o artigo: kb.php?a=106

Enfim, você deve saber que o tamanho vai diminuir de acordo com o tamanho do avatar, se o tamanho que você definir for menor que a dimensão do avatar, então você não irá nenhuma nenhuma diferença. Novamente, sugiro o tamanho 17% ou 18%.

Suporte phpBB

Como diminuir o espaço do perfil?

Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?

Re: Como diminuir o espaço do perfil?