[Вопрос] Тема Funki Fresh

[Shaman480]

Добрый день!
У меня вопрос, поставил движек 4.0.8, многие темы на нем разъезжаются во вкладке "Мой профиль"! В чатсности и тема Funki Fresh

Нажми для просмотра

Не кто не знает как с этим бороться?

[DonPrus]

Есть подозрение, что надо просто обновиться.
Но пока новую версию не обкатают - делать не буду.
Такая же тема и у меня на форуме, поднимался уже этот вопрос.
Ты шаблоны все обновил?
http://www.bormotuhi.net/showthread.php?t=9925
Вот тема, про баги 4.0.8 версии...

[Shaman480]

Я смотрю ты в той теме писал свой форум http://forum.cardsfm.ru/members/1-DonPrus

У тебя там нормально отображается!

Шаблоны обновил

[DonPrus]

Ты каким браузером то смотришь?
Вот что видит Google Chrome:


А вот что выдаёт FireFox:


Вообще у меня лицензия стоит, я бы мог обновиться ,но временно нет доступа к хостингу, чтобы сделать бэкап)
Стандартный шаблон работает отлично. Но мне требуется именно этот Funki, потому что под дизайн логотипа он.
После НГ, я думаю заказать доработку этого скина. Он хороший, но много багов присутствует и неточностей.
Самому чёт с ним сидеть ой как не охото)

[Shaman480]

Я вот смотрю через мозиллу 3.6.12

[DonPrus]

А ты заметил, что у тебя на скрине собственно Обо Мне ниже ничего нет? Просто это уехало хз куда-то. Через стандартный стиль всё есть.
Я вот только что обновился до vBulletin™ Version 4.1.0 Patch Level 2
ничего не изменилось.
Обновлять стили это какой-то ппц...

[Serberg]

Я вот только что обновился до vBulletin™ Version 4.1.0 Patch Level 2

Это не стиль уехал, это разработчики булки опять что то изменили в дизайне скрипта. Я же уже ни однократно писал что четвертую булку пишут какие то дебилы, которые не могут определиться с конечным вариантом вида форума, постоянно что то меняют и меняют.
Если тебе нужен этот шаблон на 4.1.0 - то жди пока разработчик шаблона подгонит свое детище под новую версию. А потом когда выйдет 4.1.1 - ты опять найдешь новый косяк, и когда 4.1.2, 4.1.3 и так с каждым новым релизом.
Это кстати одна из причин по которой крупные форумы не переезжают на четвертую булку, а если переезжают - то не обновляются.

[DonPrus]

Serberg, сам сидел правил шаблон.
В общем этот процесс занял у меня дохренища времени и чтения мануалов :)
Теперь работает.

Нажми для просмотра

member.css

/* start common styles */
.post_controls {
	height:1em;
	padding-left:0px;
}


#view-blog
{
	background-color: transparent;
}
}
/* end common styles */

/* start presence and reputation */
.isonline {
	/* TODO: this is highly experimental
		the hope is to be able to reuse this rule on block *and* inline elements
		but i'm not sure it's guna work.

		inline elements should ignore the padding-left in px rule.
		block elements should override the padding-left in em rule.

		the font-size of an inline element would have to be at the very least 15 pixels to accommodate the image.
	*/
	padding-{vb:stylevar left}:1em;
	padding-{vb:stylevar left}:20px;
	background-position:0 0.25em;
}

.reputation {
	font-size:8px;
}

.reputation .reputation_display {
	display:none;
}

.reputation_value_1 {
	padding-right:1em;
}

.reputation_value_2 {
	padding-right:2em;
}

.reputation_value_3 {
	padding-right:3em;
}

.reputation_value_4 {
	padding-right:4em;
}

.reputation_value_5 {
	padding-right:5em;
}

.reputation_value_6 {
	padding-right:6em;
}

/* end presence and reputation */

/* member.css */

.member_content {
	margin: 10px 0;
}

.member_content .friends_total, .member_content .albums_total, .member_content .group_count, .member_content .comments_total {
	font-weight: normal;
}

.member_content img.inlineimg {
	padding: 0;
	background: transparent;
	border: 0;
	display:inline;
}
.member_content #sidebar_container div.block {
	background-color: transparent;
}

/* summary of member details */
#sidebar_container.member_summary {
	width: {vb:stylevar profile_sidebar_width};

	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
	background-color:{vb:stylevar sidebar_background.backgroundColor};
	border:{vb:stylevar sidebar_border};
	display:inline-block;
	margin-bottom: {vb:stylevar padding};
	padding: 0;
}

#sidebar_container.member_summary h2 {
	font-weight: bold;
}

#sidebar_container.member_summary .member_block_controls {
	padding: {vb:stylevar padding};
	display:block;
	clear:both;
}

#sidebar_container.member_summary .textcontrol {
	float: {vb:stylevar right};
	border: 0;
	padding: 0;
	margin-left: 5px;
	background: transparent;
}

#sidebar_container.member_summary .imagecontrol {
	position:relative;
	top: 0;
	display: block;
	width: 16px;
	height: 16px;
}

#sidebar_container.member_summary a.textcontrol:hover, #sidebar_container.member_summary a.imagecontrol:hover {
	background: none;
}

#sidebar_container.member_summary .imagecontrol img {
	float: {vb:stylevar right};
	position: relative;
	top: -4px;
}

#sidebar_container.member_summary h1 
{
	font-size: 110%;
}


/* memberinfo block style */
#sidebar_container.member_summary #view_stats_mini.block {
	background-image:none;
}
#sidebar_container.member_summary .blocksubhead {
	height: auto;
	min-height:17px;
}
#sidebar_container.member_summary .blocksubhead img {
	vertical-align:middle;
}
#sidebar_container.member_summary .blocksubhead.smaller,
#sidebar_container.member_summary .blockrow {
	font-size:{vb:stylevar mid_fontSize};
}
#sidebar_container.member_summary .blocksubhead a.username {
	padding-{vb:stylevar right}:20px;
}
#sidebar_container.member_summary .blocksubhead a.username.offline {
	background:url({vb:stylevar imgdir_statusicon}/user-offline.png) top {vb:stylevar right} no-repeat;
}
#sidebar_container.member_summary .blocksubhead a.username.online {
	background:url({vb:stylevar imgdir_statusicon}/user-online.png) top {vb:stylevar right} no-repeat;
}
#sidebar_container.member_summary .blocksubhead a.username.invisible {
	background:url({vb:stylevar imgdir_statusicon}/user-invisible.png) top {vb:stylevar right} no-repeat;
}
#sidebar_container.member_summary .mainblock .usertitle {
	font-weight:normal;
	font-size:11px;
}
#sidebar_container.member_summary .mainblock .blocksubhead {
	height:auto;
}
#sidebar_container.member_summary .mainblock {
	margin-bottom:8px;
}
.member_summary .mainblock a.avatar .avatarcontainer {
	margin: 0 auto;
	text-align: center;
	display:block;
        color:transparent;
}

#sidebar_container.member_summary .mainblock a.avatar .avatarcontainer img {
	border: 3px solid {vb:stylevar profile_sidebar_avatar_backgroundColor};
	outline:{vb:stylevar profile_sidebar_avatar_border};
	max-width: {vb:math {vb:stylevar profile_sidebar_width} - {vb:math 6px*2} - {vb:math {vb:stylevar sidebar_border.borderWidth}*2}-{vb:math 3px * 2}};
	height: auto; !important
}

#usermenu {
	font-size: inherit;
	margin-{vb:stylevar left}: 10px;
}
#usermenu li {
	margin-bottom: 2px;
}

#usermenu li.separator {
	height: 1px;
	margin-top: 2px;
	background: {vb:stylevar sidebar_border.borderColor};
	margin-{vb:stylevar right}: 10px;
}
#usermenu img.inlineimg {
	position:relative;
	top: 2px;
}
/* end memberinfo block style */

/* mini stats */
.member_summary .mini_stats h5 {
	display: none;
}

.member_summary dl {
	font-size: 11px;
}

.member_summary dl.stats dt {
	width: 85px;
	display:block;
	float: left;
	clear: right;
}

.member_summary dl.stats dd {
	float: left;
	clear:right;
	display:block;
	width: {vb:math {vb:stylevar profile_sidebar_width}-85px-{vb:math {vb:stylevar sidebar_content_border}*2}-12px-20px};
	margin-left: 8px;
}

.member_summary dl.stats dd a {
	word-wrap: break-word;
}

.member_summary dd.avatar img {
	height: auto;
	padding: 3px;
	border: {vb:stylevar profile_sidebar_avatar_border};
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* end mini stats*/

/* friends mini */
.member_summary .friends_mini .friends_list li {
	width:63px;
	height: 85.06px;
	display:block;
	float: left;
	text-align:center;
	margin-left: 5px;
	overflow: hidden;
}

.member_summary .friends_mini .friends_list li .friend_info {
	clear:both;
}

.member_summary .friends_mini .friends_list li .friend_info a {
	text-decoration: none;
	font-size: 11px;
}

.member_summary .friends_mini .friends_list li .image_friend_link {
	padding: 3px;
	border: {vb:stylevar profile_sidebar_avatar_border};
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	display:inline-block;
}

.member_summary .friends_mini .friends_list li img {
	height: 50px;
	width: auto;
}
/* end friends mini */

/* albums and social groups*/
.member_summary .image_link_list a {
	text-decoration: none;
}

.member_summary .albums dt:after {
	content: none;
}

.member_summary .image_link_list li {
	display:block;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

.member_summary .image_link_list .image_container {
	width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}+{vb:math {vb:stylevar padding}/2}};
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	display:inline-block;
	min-height: {vb:math {vb:stylevar font.fontSize}*3*{vb:stylevar line_height}};
	overflow:hidden;
}

.member_summary .image_link_list .image_bit {
	width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}};
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	margin-bottom: {vb:math {vb:stylevar padding}/2};
	display:inline-block;
}

.member_summary .image_link_list .image_bit img {
	width: {vb:stylevar profile_sidebar_avatar_maxWidth};
	height: auto;
	padding: 3px;
	border: {vb:stylevar profile_sidebar_avatar_border};
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.member_summary .image_link_list .row_content {
	float:{vb:stylevar left};
	clear:{vb:stylevar right};
	margin-top: {vb:math {vb:stylevar padding}/2};
	width: {vb:math {vb:stylevar profile_sidebar_width}-{vb:stylevar profile_sidebar_avatar_maxWidth}-6px-{vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}-12px-12px-{vb:math {vb:stylevar sidebar_content_border.borderWidth}*2}-{vb:math {vb:stylevar padding}/2}};
}
/* end social groups */

/* tabbed content */
#userprof_content_container {
	margin-{vb:stylevar left}: {vb:math {vb:stylevar profile_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
	float: none;
}

#sidebar_container .blockrow 
{
	background-color: transparent;
	background-image: none;
}
.view_section {
	display:none;
}

.selected_view_section {
	display:inline-block;
	width: 100%;
}

.profile_content {
	display:block;
	background: transparent;
}

.profile_content .subsectionhead, #postlist .subsectionhead {
	padding: {vb:math {vb:stylevar padding}/2} 0;
	clear:both;
	font-weight: bold;
	font-size: {vb:math {vb:stylevar font.fontSize}+4}px;
}

#message_form .subsectionhead {
	border-right: 1px solid #6b91ab;
	border-left: 1px solid #6b91ab;
}

.profile_content .subsectionhead a.textcontrol {
	float: right;
	clear: left;
	font-weight: normal;
	font-size: {vb:stylevar font.fontSize}px;
	border: 0;
	border-bottom: 1px dotted #000000;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: transparent;
}

.profile_content .subsectionhead .subsectiontitle {
	display: none;
}

.profile_content .subsubsectionhead {
	font-weight:bold;
	font-size: 120%;
	margin-top: {vb:stylevar padding};
}

.profile_content .subsubsectionhead.first{
	margin-top: 0;
}

.profile_content .pagination span.popupspan img {
	margin-bottom: -{vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}/2};
	position: relative;
	top: -3px;
}

.pagination span a.popupctrl {
	background-image: none;
	padding-{vb:stylevar left}: 4px;
}
/* comments */
.profile_content div.subsectionhead, .profile_content .texteditor, .profile_content .actionbuttons {
	padding-{vb:stylevar left}: {vb:stylevar padding};
	padding-{vb:stylevar right}: {vb:stylevar padding};
}
.profile_editor_border, .profile_content .actionbuttons {
	border-{vb:stylevar right}: {vb:stylevar tabslight_border};
	border-{vb:stylevar left}: {vb:stylevar tabslight_border};
	margin-top:0px;
}

.profile_editor_border {
	border-top: {vb:stylevar tabslight_border};
	border-bottom: 0;
}

.profile_content div.subsectionhead {
}

.profile_content .texteditor {
	padding-top: 10px;
}

.profile_content .quickedit .blocksubfoot.actionbuttons {
	border: 0;
}

.profile_content .editor {
	border-top: 0;
}

.profile_content .editor_textbox textarea, .profile_content .editor_textbox iframe {
	height: 100px;
}

.profile_content .actionbuttons {
	border-bottom:  {vb:stylevar tabslight_border};
	margin-bottom: {vb:stylevar padding};
	padding-bottom: {vb:stylevar padding};
}

.profile_content #postlist, #postlist {
	margin-top: 0;
	position: relative;
	width: 100%;
}

.profile_content .postbit-lite .vm_blockrow {
	width:100%;
	float:{vb:stylevar right};
}

.profile_content .postbit-lite .vm_blockrow blockquote.userprof_content {
	padding: {vb:stylevar blockrow_padding};
}

.profile_content #above_postlist, #above_postlist {
	position:absolute;
	top: 10px;
	width: 100%;
}

.profile_content #above_postlist #pagination_top, #above_postlist #pagination_top {
	float: right;
}

.profile_content #below_postlist, #below_postlist {
	float: left;
	width: 100%;
	margin: 1em 0;
}

.profile_content #pagination_bottom, #pagination_bottom {
	float: right;
}
/* end comments */

/*friends list*/
.profile_content .friends_list {
	display:block;
	width: 100%;
	clear:both;
}

.profile_content .friends_list li {
	border-bottom: 0px 0px {vb:stylevar profile_content_friends_list_border.width} {vb:stylevar profile_content_friends_list_border.units} 0px ;
	clear:both;
	position:relative;
	padding-left:80px;
	padding-top: 10px;
	height: 80px;
}

.profile_content .friends_list li:hover {
}

.profile_content .friends_list .group li {
	border:0;
	padding: 0;
	display:inline;
}

.profile_content .friends_list li a.image_friend_link {
	clear:both;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 60px;
	overflow:hidden;
}

.profile_content .friends_list li a.image_friend_link img {
	height: 60px;
	width: auto !important;
	max-width: 60px;
}

.profile_content .friends_list img.onlinestatus {
	{vb:stylevar left}: 0;
}

.profile_content .breakfriendship {
	background-image: url(images/styles/FunkyFresh/misc/cross.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	overflow: hidden;
	right: 10px;
	margin-top: -32px;
}

.profile_content .breakfriendship a{
	padding-left: 16px;
}

/* about me */
.profile_content .blocksubhead h4 {
	font-weight:bold;
	display:block;
	padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
	margin: 0px 0px 0px 0px;
	display: inline;
}

.profile_content .blockbody p.description {
	margin-bottom: 0.5em;
}

.profile_content .blockbody .stats dt {
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	margin-{vb:stylevar right}: 1em;
}

#view-aboutme .blockbody .stats dt 
{
	width: 250px;
}
.profile_content .blockbody .stats dd {
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}

.aboutme_left {
	display:block;
	width: 250px;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	padding-top: {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units};
	padding-bottom: {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units};
	font-weight: bold;
	font-size: 110%;
}

.aboutme_right {
	padding-top: {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units};
	padding-bottom: {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units};
	margin-{vb:stylevar left}: 250px;
}

.profile_content .profilecategorytitle {
	margin-top: 1.5em;
	font-weight:bold;
}


.profile_content .blockbody {
	clear:both;
	padding: {vb:stylevar padding};
}

.profile_content .blockrow {
	padding:0px;
}

.errorblock .blockrow {
	padding: {vb:stylevar padding};
}

/* infractions */
.profile_content .infractions_block .inflisthead {
	width: 100%;
	border-bottom: {vb:stylevar profile_content_subsection_border};
	height: {vb:math {vb:stylevar padding}+{vb:stylevar font.fontSize}+3}px;
	font-weight:bold;
	font-size: {vb:stylevar font.fontSize};
	float:{vb:stylevar left};
}

.inflistinfo {
	float:left;
        width: 40%;
}

.inflistdate {
	float:left;
        width: 20%;
}

.inflistexpires {
	float:left;
        width: 20%;
}

.inflistpoints {
	float:right;
        width: 10%;
}

.inflistview {
	float:right;
        width: 10%;
}

.profile_content .infractions_block .infractionbit {
	display:block;
	width: 100%;
	clear:both;
}

.profile_content #infractionslist li {
	width: 100%;
	height: auto;
	display:block;
	float: left;
	clear:both;
	border-bottom: 1px solid #d8d8d8;
}

.profile_content #infractionslist li:hover {
	border-bottom: {vb:stylevar profile_content_infractions_li_hover_border};
}

/* blog */ 
/* pull css code snippets from blog.css */
/* needs to be converted to stylevars */
.profile_content .bloghead {
	border-bottom:3px solid #2f6d90;
	padding-bottom:5px;
	margin-bottom:5px;
	padding: 10px 0;
	clear:both;
}
.profile_content .bloghead .textcontrol {
	font: {vb:stylevar control_font};
	padding: 4px 15px;
	float: right;
	clear: left;
}

.profile_content .blogentrybit {
/*	width: 100%; */
	clear:both;
/*	border-bottom:{vb:stylevar vbblog_bloglist_border}; */
	margin-bottom: {vb:stylevar padding};
}


.profile_content .blogentryhead {
	font-size:16px;
	line-height:35px;
	font-weight:bold;
}

.profile_content .blog_stats {
	clear:both;
	font-size: 11px;
}

.profile_content .blog_stats div {
	float: left;
	display:block;
	clear: right;
	width: 50%;
}

.profile_content .blog_date {
	text-align: left;
}

.profile_content .blog_data {
	text-align: right;
}

.profile_content .blog_data a.comments {
right} top;
	padding-{vb:stylevar right}:{vb:math 2*{vb:stylevar padding}};
}
.profile_content .blograting.rating1{ 
background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_0.png); padding-{vb:stylevar left}:80px;}
.profile_content .blograting.rating1{ background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_1.png); padding-{vb:stylevar left}:80px;}
.profile_content .blograting.rating2{ background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_2.png); padding-{vb:stylevar left}:80px;}
.profile_content .blograting.rating3{ background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_3.png); padding-{vb:stylevar left}:80px;}
.profile_content .blograting.rating4{ background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_4.png); padding-{vb:stylevar left}:80px;}
.profile_content .blograting.rating5{ background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_5.png); padding-{vb:stylevar left}:80px;}

.profile_content .blograting
{
	 background: transparent none no-repeat {vb:stylevar left} top;
}

.profile_content blockquote.blog_content {
	margin-top: 10px;
	padding-top: 10px;
	clear:both;
}

.profile_content .blogentrybit .continuereading {
	padding-top: {vb:stylevar padding};
}


.profile_content .blogentrybit .blog_meta {
	padding-top: {vb:math {vb:stylevar padding}*2};
	font-size: {vb:stylevar small_fontSize};
}

.prof_button {
	padding: {vb:math {vb:stylevar padding}/4} {vb:math {vb:stylevar padding}/2};
	font: {vb:stylevar control_font};
	border:{vb:stylevar button_control_border};
	-moz-border-radius:{vb:stylevar popupmenu_border_radius};
	-webkit-border-radius:{vb:stylevar popupmenu_border_radius};
	border-radius:{vb:stylevar popupmenu_border_radius};
}

editor_controls floatcontainer {
	background-color:yellow;
}

/* override parts of the tabslight system for the member page */
dl.tabslight {
	margin-top: 0;
	margin-bottom: 0;
	border-bottom:none;
}

/*
dl.tabslight {
	margin-top: 0;
	margin-bottom: 0.5em;
	border-bottom:none;
	display: inline;
	text-align:{vb:stylevar left};
	width:auto;
	float: {vb:stylevar left};
}
dl.tabslight dt {
	display:none;
}

dl.tabslight dd a {
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:inherit;
}

dl.tabslight dd a:hover {
	color:inherit;
	background:inherit;
}
*/

.tabbackground{
	display:block;
	height-min: 30px;
	float:{vb:stylevar right};
	width:99%;
}	text-align: {vb:stylevar left};

/*
.userprof_postbithead{
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-{vb:stylevar right}: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar ostbithead_border.units};
	font: {vb:stylevar postbithead_font};
	margin-{vb:stylevar left}:{vb:math {vb:stylevar avatar_height} + {vb:stylevar padding} * 2};
	padding: 4px 0;

}*/

.postbit-right
{
	float: {vb:stylevar right};
	top: 0px;
	display:inline;
	color: {vb:stylevar body_color};
	padding-{vb:stylevar right}: {vb:stylevar padding};
	font-size: {vb:stylevar small_fontSize};
}


.userprof_postbititem
{
	padding-{vb:stylevar left}: {vb:stylevar padding};
}

.userprof_underline 
{
	border-width: 0px 0px {vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0px;
	border-style:solid;

}


.userprof{
	background-color: transparent;
}



.userprof_module_border{
	border: {vb:stylevar mid_border};
}

.userprof_headers_border{
	border: {vb:stylevar mid_border};
}


li.userprof_content{
	margin-bottom: .5em;
}

.userprof_content_border{
/*
	border-style:none;
	-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
	border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
*/
}


.userprof_button{
	cursor: pointer;
	border: {vb:stylevar button_control_border};
	font-weight:bold;
	padding: 3px;
}


.floatright{
	float: {vb:stylevar right};
}



.userprof_tab{
	background-color: #333333;
	color: #ffffff;
	width: 100px;
	height: 2em;
	margin: 3px 10px 0px 10px;
	float: {vb:stylevar left};
	text-align:center;
	font-weight: bolder;
	border: 1px solid #333333;
	-moz-border-radius-topleft: {vb:stylevar border_radius};
	-moz-border-radius-topright: {vb:stylevar border_radius};
	border-radius-topleft: {vb:stylevar border_radius};
	border-radius-topright: {vb:stylevar border_radius};
	-webkit-border-top-left-radius: {vb:stylevar border_radius};
	-webkit-border-top-right-radius: {vb:stylevar border_radius};
}

.userprof_tab_active {
	background-color: #ffffff;
	color: #111111;
/*	width: 100px; */
	padding: 0 1em;
	height: 25px;
	margin: 3px 10px 0px 10px;
	float: {vb:stylevar left};
	text-align:center;
	font-weight: bolder;
	border-bottom: 3px solid #ffffff;;
	-moz-border-radius-topleft: {vb:stylevar border_radius};
	-moz-border-radius-topright: {vb:stylevar border_radius};
	border-radius-topleft: {vb:stylevar border_radius};
	border-radius-topright: {vb:stylevar border_radius};
	-webkit-border-top-left-radius: {vb:stylevar border_radius};
	-webkit-border-top-right-radius: {vb:stylevar border_radius};
}

.floatleft {
	float: {vb:stylevar left};
}

.left50 {
	float: {vb:stylevar left};
	width: 50%;
	background: transparent;
}

.right50 {
	float: {vb:stylevar right};
	width: 50%;
	background: transparent;
}

.fullwidth {
	clear:both;
	display: block;
	position:relative;
	width:100%;
}

.userprof_colorbox {
	width:18px;
	height:18px;
	border:3px groove white;
	margin-{vb:stylevar right}:20px;
	display: inline;
	float: {vb:stylevar left};
	cursor:pointer;
}

.userprof_coloredit {
	width:20px;
	height:20px;
	display: inline;
	float: {vb:stylevar right};
}


#submit_colorinfo
{
	padding:0px 10px 10px 10px;
}

#container-close{
	display:none;
}


.picker{
	{vb:stylevar left}:05px;
	top:4em;
	width:27em;
	height:15em;
	position:absolute;
	display:block;
}


.picker-holder
{
	width:400px;
}

.picker_container{
	position:relative;
	display:none;
	width:30em;
	height:21em;
	padding:0px;
	border: 2px #000000 solid;
	background-color: #aaaaaa;
	background: -moz-linear-gradient(#ffffff,#999999);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(white), to(#aaaaaa) ); 
	border-radius: {vb:stylevar border_radius};
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
}

#picker_container_c{
	margin:auto;
	top:1.5em;
	border-radius: {vb:stylevar border_radius};
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
}

#picker_container_h{
	color:#000000;
	background-color:#aaaaaa;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 3px;
	border-bottom: 1px #000000 solid;
	border-radius-topright: {vb:stylevar border_radius};
	border-radius-topleft: {vb:stylevar border_radius};
	-moz-border-radius-topright: {vb:stylevar border_radius};
	-moz-border-radius-topleft: {vb:stylevar border_radius};
	-webkit-border-top-left-radius: {vb:stylevar border_radius};
	-webkit-border-top-right-radius: {vb:stylevar border_radius};

}

.alert_box
{
	text-align: {vb:stylevar left};
}
.alert_box .hd
{
	position:absolute;
	height:150px;
	width:300px;
	z-index: 10;
}


.alert_box .ft input.btn {
	width:80px;
}


.alert_message{
	width: 240px;
	padding: 10px;
	margin-bottom:20px;
}

#image_entry{
	{vb:stylevar left}:05px;
	top:100px;
	width:26em;
	height:8em;
	background-color:#aaaaaa;
	border: 2px #000000 solid;
	position:absolute;
	display:none;
	-moz-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
}



.assetpicker_body
{
	height: 373px;
	background: transparent;
}


.grooveright{
	border-{vb:stylevar right}:3px ridge #888888;
}

.col0of4{
	margin: 0px;
	padding: 0px;
	color: #444444;
	float: {vb:stylevar left};
	width:25%;
	font-weight: bolder;
	display:block;
}
.col1of4{
	margin: 0px;
	padding: 0px;
	color: #444444;
	float: {vb:stylevar left};
	width:25%;
	font-weight: bolder;
	display:block;
}
.col2of4{
	margin: 0px;
	padding: 0px;
	color: #444444;
	float: {vb:stylevar left};
	width:25%;
	font-weight: bolder;
	display:block;
}
.col3of4{
	display:inline;
	margin: 0px;
	padding: 0px;
	color: #444444;
	float: {vb:stylevar left};
	font-weight: bolder;
	display:block;
}

.userprof_cell{
	margin: 3px 5px 3px 5px;
	padding: 5px;
	background-color: inherit;
}

.userprof_cellheader{
	margin: 2px 20px 2px 20px;
	padding: 5px 20px 5px 20px;
	background-color: inherit;
	font-size: large;
	color:#888888;
	height: 30px;
}

.userprof_themeimage{
	border: 6px solid #ffffff;
	-moz-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	cursor:pointer;
}

.userprof_themeimage_active{
	border: 6px solid #77AA11;
	-moz-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
}

#userprof_customize_edit, #userprof_customize_themes
{
	position: relative;
	height: 0px;
	clear: {vb:stylevar right};
	float: {vb:stylevar left};
	width: auto;
}

#visitor_messaging-tab, #aboutme-tab, #friends-tab, #blog-tab, #infractions-tab,
#visitor_messaging-tab a:hover, #aboutme-tab a:hover, #friends-tab a:hover, #blog-tab a:hover, #infractions-tab a:hover
{
	height:25px;
	display:inline;
	background-color:transparent;
	margin:0px;
	padding:0px;
	text-align:center;
	border:none;
	<vb:if condition="$stylevar['textdirection'] == 'rtl'">
	float: {vb:stylevar left};
	<vb:else/>
	clear:both;
	</vb:if>
}

a:hover#visitor_messaging-tab, a:hover#aboutme-tab, a:hover#friends-tab, a:hover#blog-tab, a:hover#infractions-tab {
	background:transparent;
}

#visitormessageseditor {
	background:transparent;
}

#visitormessageseditor.blockrow {
	padding:{vb:stylevar padding};
}


dd.userprof_module, dd.userprof_moduleinactive, dd.userprof_content, dd.userprof_module a, dd.userprof_moduleinactive a, dd.userprof_content a {
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	float:{vb:stylevar left};
	height: {vb:math {vb:stylevar control_font.fontSize} * 2}{vb:stylevar control_font.units};
	min-width:{vb:stylevar tabslight_size.width};
	display:inline;
	margin-{vb:stylevar left}:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.unit};
	margin-bottom:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.unit};
	/*margin-top:5px;*/
	border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	border-style:solid;
	border-width: {vb:stylevar button_control_border.borderWidth}{vb:stylevar button_control_border.units} {vb:stylevar button_control_border.borderWidth}{vb:stylevar button_control_border.units} 0px {vb:stylevar button_control_border.borderWidth}{vb:stylevar button_control_border.units} ;
	border-color:inherit;
}

.blockbody dl
{
	width:100%;
	clear: both;
}
.userprof #usermenu, .member_summary dl, .userprof .member_blockrow
{
	font-size: inherit;
}



#album_content
{
	height: 340px;
	text-align: {vb:stylevar left};
	overflow:auto;
	position: relative;
}



.config_customize_pages {
	width: 100%;
	clear: {vb:stylevar right};
}


.config_customize{
	height:650px;
	display:none;
	padding-right: 5px;
}
.asset_bit
{
	width: {vb:math ({vb:raw vboptions.attachthumbssize} + 10)}px;
	height: {vb:math ({vb:raw vboptions.attachthumbssize} + 40)}px;
	border: #000000 1px solid;
	padding: 5px;
	margin: 5px;
	float: {vb:stylevar left};
	border-radius: {vb:stylevar border_radius};
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	position: relative;
}

.asset_radio
{
	position: absolute;
	left: 5px;
	top:  {vb:math ({vb:raw vboptions.attachthumbssize} + 30)}px;
}

.asset_preview_image {
	max-height:{vb:raw vboptions.attachthumbssize}px;
	max-width:{vb:raw vboptions.attachthumbssize}px !important;
}
#attach_popup
{
	-moz-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
}
#attach_popup_h
{
	text-align: center;
	font-weight: bold;
	font-size: large;
	padding: 3px;
	-moz-border-radius-topleft: {vb:stylevar border_radius};
	-moz-border-radius-topright: {vb:stylevar border_radius};
	border-radius-topleft: {vb:stylevar border_radius};
	border-radius-topright: {vb:stylevar border_radius};
	-webkit-border-top-left-radius: {vb:stylevar border_radius};
	-webkit-border-top-right-radius: {vb:stylevar border_radius};
}

.attach_popup .ft
{
	top: 373px;
	-moz-border-radius-bottomleft: {vb:stylevar border_radius};
	-moz-border-radius-bottomright: {vb:stylevar border_radius};
	border-radius-bottomleft: {vb:stylevar border_radius};
	border-radius-bottompright: {vb:stylevar border_radius};
	-webkit-border-bottom-left-radius: {vb:stylevar border_radius};
	-webkit-border-bottom-right-radius: {vb:stylevar border_radius};
}

.ft
{
	font-weight: bold;
	padding: 5px;
	height: 2.2em;
}

.userprof_vmright .member_blockrow {
	float: {vb:stylevar right};
	width: 100%;
}

.userprof_vmright .member_blockrow label, .userprof_vmright .member_blockrow .postbit-right {
	padding: {vb:stylevar blockrow_padding}; 
}

.userprof_vmright .member_blockrow .postbit-right {
	padding-{vb:stylevar left}: 0;
}

.userprof_vmright .member_blockrow label {
	padding-{vb:stylevar right}: 0;
}

.memberprofiletabunder {
	height:5px;
	font-size:5px;
	display:inline-block;
	float:left;
	width:100%;
	/*width:auto;*/
}

.userprof blockquote {
padding: {vb:stylevar blockrow_padding};
}

#view-aboutme .blockrow {
	padding:0px;
}

.postbit-right
{
	color: {vb:stylevar body_color};
	float: {vb:stylevar right};
}
.userprof_content .blockrow {
	background: transparent;
}

.userprof_vmright {
	margin-{vb:stylevar left}:{vb:math {vb:stylevar avatar_height} + {vb:stylevar padding} * 2};
}


.userprof blockquote {
	padding: {vb:stylevar blockrow_padding};
}

#visitormessageseditor .blockrow {
	background-color:transparent;
}

.font_display{
	float:{vb:stylevar left};
}

.alert_box
{
	padding: 10px;

}


.asset_button, #get_image, #submit_color, #cancel_color
{
	padding: 1px 3px 1px 3px;
	margin-{vb:stylevar right}: 3px;
	border: #000000 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	background-color: #444444;
	background: -moz-linear-gradient(#888888, #000000);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#888888), to(#000000) );
	cursor: pointer;
	margin-top: 3px;
	width: auto;
	font-size: 11px;
	line-height: 1em;
}
.asset_button:hover, #get_image:hover, #submit_color:hover, #cancel_color:hover
{
    background-color: #666666;
    background: -moz-linear-gradient(#AAAAAA,#333333);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#AAAAAA), to(#333333) );

}
.green_asset_button
{
	padding: 1px 3px 1px 3px;
	margin-{vb:stylevar right}: 3px;
	border: #000000 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	background-color: #0EC31A;
	background: -moz-linear-gradient(#63E23C, #0C7A08);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#63E23C), to(#0C7A08) );
	cursor: pointer;
	margin-top: 3px;
	font-size: 11px;
	line-height: 1em;
}

.green_asset_button:hover
{
	background-color: #2EE33A;
	background: -moz-linear-gradient(#83f25C, #2C9A28);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#83f25C), to(#2C9A28) );

}

.red_asset_button
{
	padding: 1px 3px 1px 3px;
	margin-{vb:stylevar right}: 3px;
	border: #000000 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	background-color: #e11a1a;
	background: -moz-linear-gradient(#D42626, #811818);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#D42626), to(#811818) );
	cursor: pointer;
	margin-top: 3px;
	font-size: 11px;
	line-height: 1em;
}

.red_asset_button:hover
{
	background-color: #2EE33A;
	background: -moz-linear-gradient(#E21F1F, #9A1616);
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#E21F1F), to(#9A1616) );

}
.asset_button_tall
{
	padding: 3px 20px 3px 20px;
	margin-{vb:stylevar right}: 10px;
}

#customize_header .asset_button {
	margin-top:3px;
}

.userprof_subhead
{
	color: #444444;
}

.centerbar_img
{
	margin:15px 0px 0px 0px;
	height:460px;
	width:2px;
}
.hbar_img
{
	margin:0px 0px 0px 5px;
	width: 100%;
	height:2px;
}


*html .yui-picker-bg {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{vb:stylevar yuipath}/colorpicker/assets/picker_mask.png', sizingMethod='scale');
}

.userprof_row
{
	height: 30px;
	display: block;
}
.userprof_headerrow
{
	height: 40px;
	display: block;
}

.config_customize_page .blockrow {
	padding:0px;
	display:block;
	position:relative;
	width:100%;
	height-min:15px;
	float: {vb:stylevar left};
	background-color: transparent;
}


dt
{
	font-size: 110%;
	font-weight: bold;
}

#profile_customization_button img {
	margin-top:-3px;
	margin-{vb:stylevar right}:0;
	margin-bottom:-3px;
	margin-{vb:stylevar left}:-3px;
}

#blog_member_block
{
	background-color: transparent;
	background-image: none;
}
.userprof_celltitle
{
	padding: 0px;
	margin:0px;
	width:45%;
	float: {vb:stylevar left};
	color: #444444;
}
.userprof_editregion
{
	padding: 0px;
	margin:0px ;
	width:55%;
	float: {vb:stylevar right};
	color: #444444;
}
#assetpicker_body {
	width: auto;
}

.image_entry_bottom
{
	position: absolute;
	top: 4em;
	{vb:stylevar left}: 0px;
	width: 26em;
	text-align: center;
}
#get_image
{
	position: absolute;
	{vb:stylevar left}: 2em;
}
#repeat_type
{
	position: absolute;
	{vb:stylevar right}: 1.8em;
}

#image_url
{
	position: absolute;
	{vb:stylevar left}: 2em;
	top: 2em;
	width: 25em;
}

.asset_title {
	overflow: hidden;
	height: 1.2em;
}

.vm_other_prof .userprof_editor {
	clear:none;
	margin-top:-10px;
}
.vm_other_prof #view_my_conversation_link {
	margin-top:-25px;
}

Вот оно...
Результат:

Да, цвета брал из стандартного шаблона - тк целью поставил работоспособность. По идее цвета быстро поменять теперь можно таким образом -кнопка настройки появилась на странице профиля вашего. Если вы администратор то есть кнопка установить стандартом для всех.
То есть выстави, как тебе надо, потом нажми и сиди, радуйся.
Я сначала долго делал у себя на локалке, а потом только залил на сервак, так что проверенная инфа.
Жду спасибо
---
Вот сейчас я очень рад, что у меня всего 1 стиль на форуме.
Вообще, как оптимальное решение для vbteam было бы создание около 4 стилей например, и чтоб они на них все изменения сразу бы вносили.
А то один стиль это очень мало. Да и сам стиль очень убогий.