Problema la avatare de la topic-uri

wasdpowah · July 6, 2015

Salut,am si eu o problema la avatarele de la topic-uri,mai explicit sunt rotunde si vreau sa le fac patrate ca pe orice forum.

Exemplu: asa am eu : http://imgur.com/nFKOEQb

http://imgur.com/ZqWWVgr

Si vreau asa: http://imgur.com/ZqWWVgr

http://imgur.com/bJ27utp

Va rog. Multumesc

musetel © HP · July 6, 2015

Cauta in ipb_styles.css : .ipsUserPhoto si posteaza ce ai acolo .

Mutuu · July 6, 2015

/************************************************************************/
/* GENERAL CONTENT */

/* .ipsUserPhoto {
	padding: 1px;
	border: 0px solid transparent;
	background: #202020;
	
}
	
	.ipsUserPhotoLink:hover .ipsUserPhoto {
		border-color: grey;
	}

	.ipsUserPhoto_variable { max-width: 155px; }
	.ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
	.ipsUserPhoto_medium { width: 50px; height: 50px; }
	.ipsUserPhoto_mini { width: 30px; height: 30px; }
	.ipsUserPhoto_tiny { width: 20px; height: 20px;	}
	.ipsUserPhoto_icon { width: 16px; height: 16px;	} */

.ipsUserPhoto {
	padding: 0px;
	border: 1px solid transparent;
        transition: box-shadow 0.5s, border 0.5s;
}
	
	a.userNavPhoto:hover,
	.ipsUserPhotoLink:hover .ipsUserPhoto {
		opacity: 1;
                border: 1px solid grey;
                
	}

	.ipsUserPhoto_variable { max-width: 155px; }
	.ipsUserPhoto_large { width: 90px; height: 90px; border-radius: 60px; }
	.ipsUserPhoto_medium { width: 50px; height: 50px; border-radius: 60px;}
	.ipsUserPhoto_mini { width: 30px; height: 30px; border-radius: 60px;}
	.ipsUserPhoto_tiny { width: 20px; height: 20px;	border-radius: 60px;}
	.ipsUserPhoto_icon { width: 16px; height: 16px;	border-radius: 60px;}
	
a.ipsUserPhotoLink, a.userNavPhoto{ position: relative; }
.author_info a.ipsUserPhotoLink,
#friends_overview a.ipsUserPhotoLink,
.friend_list a.ipsUserPhotoLink,
#message_table .col_m_photo a.ipsUserPhotoLink,
.vcard a.ipsUserPhotoLink,
#search_results a.ipsUserPhotoLink,
.ipbfs_titlebox a.ipsUserPhotoLink,
.col_n_photo a.ipsUserPhotoLink,
#chatters-online a.ipsUserPhotoLink{ display: inline-block; }

.ipbfs_titlebox a.ipsUserPhotoLink{ float: left; }

a.ipsUserPhotoLink.ipsPad_half{ padding: 0 !important; margin: 4px; }

a.userNavPhoto:after,
a.ipsUserPhotoLink:after{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0px; left: 0px; right: 0; bottom: 0;
	
}

a.userNavPhoto:after,
a.ipsUserPhotoLink:after{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.general_box {
	
}

.general_box .none {
	color: #bcbcbc;
}

.general_box.poll{ margin: 0; border-width: 0 0 1px 0; }

.ipsBox, .ipsPad { padding: 9px; }
	.ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */
	.ipsBox_withphoto { margin-left: 65px; }
	
	.ipsBox_notice {
		padding: 10px;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.ipsBox_container .ipsBox_notice {	/*margin: -10px -10px 10px -10px;	*/ }	
.ipsPad_half { padding: 4px !important; }
.ipsPad_left { padding-left: 9px; }
.ipsPad_top { padding-top: 9px; }
.ipsPad_top_slimmer { padding-top: 7px; }
.ipsPad_top_half { padding-top: 4px; }
.ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
.ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
.ipsMargin_top { margin-top: 9px; }

.ipsBlendLinks_target .ipsBlendLinks_here {
		opacity: 0.5;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
	}
	.ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }
	
.block_list > li {
	padding: 5px 10px;
}

.ipsModMenu {
	width: 15px;
	height: 15px;
	display: inline-block;
	text-indent: -2000em;
	background: url('{style_images_url}/moderation_cog.png') no-repeat;
	margin-right: 5px;
	vertical-align: middle;
}

.ipsBadge {
	vertical-align: middle;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	padding: 0 5px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
color: #fff;
	/* background-image: url('{style_images_url}/highlight.png'); */
	background-repeat: repeat-x;
	background-position: 0 -1px;
}

.ipsBadge.has_icon img {
	max-height: 7px;
	vertical-align: baseline;
}

	#nav_app_ipchat .ipsBadge {	position: absolute;	}
	
#ajax_loading {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 5px 0 8px;
	width: 8%;
	top: 0px;
	left: 46%;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 0 0 5px 5px;
	z-index: 10000;
	position: fixed;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	opacity:0.6;
}

#ipboard_body.redirector {
	width: 500px;
	margin: 150px auto 0 auto;
}

#ipboard_body.minimal { padding-top: 40px; }
#ipboard_body.minimal #ipbwrapper{
	width: 900px;
	margin: 0 auto;
}
#ipboard_body.minimal #content {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 20px 30px;
	margin-bottom: 10px;
}
#ipboard_body.minimal h1 { font-size: 32px; }
#ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }

.progress_bar {
	background-color: #262626;
	border: 1px solid #2e2e2e;
}

	.progress_bar span {
		background: #cf371d;
		color: #fff;
		font-size: 0em;
		font-weight: bold;
		text-align: center;
		text-indent: -2000em;
		height: 10px;
		display: block;
		overflow: hidden;
	}

	.progress_bar.limit span {
		background: #b13c3c;
	}

	.progress_bar span span {
		display: none;
	}

.progress_bar.user_warn {	
	margin: 0 auto;
	width: 80%;
}

	.progress_bar.user_warn span {
		height: 6px;
	}

.progress_bar.topic_poll {
	margin-top: 2px;
	width: 40%;
}

li.rating a {
	outline: 0;
}

.antispam_img { margin: 0 3px 5px 0; }
	
span.error {
	color: #ad2930;
	font-weight: bold;
	clear: both;
}

#recaptcha_widget_div { max-width: 350px; }
#recaptcha_table { border: 0 !important; }

.mediatag_wrapper {
	position: relative;
 	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.mediatag_wrapper iframe,  
.mediatag_wrapper object,  
.mediatag_wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/************************************************************************/

Courage · July 6, 2015

Schimbă

	.ipsUserPhoto_large { width: 90px; height: 90px; border-radius: 60px; }
	.ipsUserPhoto_medium { width: 50px; height: 50px; border-radius: 60px;}
	.ipsUserPhoto_mini { width: 30px; height: 30px; border-radius: 60px;}
	.ipsUserPhoto_tiny { width: 20px; height: 20px;	border-radius: 60px;}
	.ipsUserPhoto_icon { width: 16px; height: 16px;	border-radius: 60px;}

cu

	.ipsUserPhoto_large { width: 90px; height: 90px;  }
	.ipsUserPhoto_medium { width: 50px; height: 50px; }
	.ipsUserPhoto_mini { width: 30px; height: 30px; }
	.ipsUserPhoto_tiny { width: 20px; height: 20px;	}
	.ipsUserPhoto_icon { width: 16px; height: 16px;	}

Mutuu · July 6, 2015

Multumesc anticipat, rezolvat.

t.c

Mutuu · July 6, 2015

mai am o singura problema....

cum pot rezolva ca gradele de sub avatar sa le pun in profil

vedeti in poza.

http://i.imgur.com/op4Qi4R.png

Edited July 6, 2015 by Mutuu

+Gorkem · July 6, 2015

ACP > Look & Feel > Manage Skin Sets & Templates > Tema_ta > userInfoPane

Caută

<if test="rankimage:|:$author['member_rank_img']">

Și înainte de ce ți-am dat mai sus pune

<li class='group_title'>
			{$author['_group_formatted']}
		</li>

Mutuu · July 6, 2015

rezolvat, multumesc frumos.

Courage · July 7, 2015

Vei citi si vei respecta regulamentul ariei IP.Board.

Sign In

Problema la avatare de la topic-uri

Recommended Posts

wasdpowah

musetel © HP

Mutuu

Courage

Mutuu

Mutuu

+Gorkem

Mutuu

Courage

Recently Browsing 0 members

Activity

Browse

Important Information