The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Distorted Profile In Personal Message

4 posters

Go down

Solved Distorted Profile In Personal Message

Post by cassini February 23rd 2022, 8:17 pm

Hello Smile

I know I have asked this before and I thought I had corrected it.

The personal message has a distorted pictures in the profile of my two forums
Forum 1
Distorted Profile In Personal Message Screen73

Forum 2
Distorted Profile In Personal Message Screen74


Here is a copy and paste of the css codes on two of my sites.

Forum 1
Code:
/**** TEXT SHADOW******/
a.forumtitle {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
text-shadow: 1px .5px 0px #000;
color: #84b3da !important;
}
/*****END****/


.fa_vote, .fa_voted, .fa_count{
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
             
.fa_voted, .fa_vote:hover{
opacity:0.4;
}
.fa_voted { cursor:default;
}
             
.fa_count{
font-weight:bold;
margin:0 3px;
cursor:default;
}
             
.fa_positive{
color:#4A0;
}
.fa_negative{
color:#A44;
}
             
.fa_votebar, .fa_votebar_inner{
background:#C44;
height:3px;
}
             
.fa_votebar_inner{
background:#4A0;
transition:300ms;
}

/****** post staff buttons******/
.postbody ul.profile-icons{
float: right;
list-style: none;
margin-right: 15px;
padding: 0;
width: auto;
}

ul.linklist li a img:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
ul.linklist li a img:hover{
background-color: #105289;
border-radius : 3px;
}
module{
border: 5px solid #105289!important;
border-radius: 5px;
}
#fa_recent_members { font-size:12px; font-family:Arial, Helvetica, Verdana, Sans-serif; }
.fa_rm_activity { color:#666; }
a.fa_rm_more { color:#69C; border:1px solid #69C; border-radius:3px; font-size:12px; font-family:Arial, Helvetica, Verdana, Sans-serif; text-align:center; display:block; width:100px; padding:3px; margin:auto; transition:250ms; }
a.fa_rm_more:hover { color:#FFF; background:#69C; }
.fa_recent_member { margin-bottom:12px; }
.fa_recent_member a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.fa_recent_member a img { background:#FFF; border:2px solid #999; width:30px; height:30px; vertical-align:top; float:left; margin-right:6px; }
.now_online a img { border-color:#69C; }
 

.postprofile {
    border-color: #105289;
    border-style: solid;
    border-width: 2px;
    color: #000;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
border-radius : 3px;
}
div.post .postprofile dt img, #profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 100px;
width: 100px;
}
/**** ONLINE OFF LINE PROFILE BAR******/
.postprofile dl {
  position:relative;
  margin-top:26px;
  }
 
.postprofile dl:before {
  content:"OFFLINE";
  color:#FFF;
  background:#105289;
  position:absolute;
  height:26px;
  line-height:26px;
  top:-26px;
  left: -0.3px;
  right: -0.5px;
  text-align:center;
  border-radius : 1px 1px 0px 0px;
  font-size: 14px;
}
 
.online .postprofile dl:before {
  content:"ONLINE";
  background:#8B5;
  text-align:center;
}
/***** AWARDS DROPDOWN BUTTON *****/
.dd_award + .award_more {
    background-color: #9fc2ff;
    border-color: var(--awards_color);
    border-radius: 0 0 2px 2px;
    border-style: solid;
    border-width: 0 1px 1px;
    color: var(--awards_color);
    cursor: pointer;
    display: none;
    font-size: 10px;
    font-weight: 700;
    justify-content: space-evenly;
    max-width: 200px;
    padding: 3px 0;
    user-select: none;
}

Forum 2


Code:
body {
    background-color: lightblue;
    color: #536482;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}
#wrap {
    background-color: #FFFFFF;
    margin: 0 auto;
    min-width: 768px;
    padding: 8px;
    width: 1000px;
    box-shadow: 0 0 10px #666666;
    border-radius: 6px;
}

.forabg, .forumbg {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
    background-repeat: repeat-x;
    border: 2px solid #FFFFFF;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}

.headerbar {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/catego10.png") repeat-x scroll center top #B0D9F9;
    margin-bottom: 4px;
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    border: 1px solid #6DBCF9;
}

li.row {
    border-bottom: 1px solid #C3DBF0;
    border-top: 1px solid #fff;
    background: #F0F6FB;
}
li.row:hover {
    background-color: #fff;
}
ul.topiclist dd {
    border-left: 0px solid #FFFFFF;
    display: block;
    float: left;
    padding: 4px 0;
}

#page-header .navbar {
    background: url("https://2img.net/i/fa/optimisation_fdf/fr/bg_nav.png") repeat-x scroll center top #FBFBFB;
}
ul.navlinks a.mainmenu {
    color: #FFFFFF;
    font: 13px tahoma,arial,verdana,sans-serif;
    outline: medium none;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}
ul.navlinks a.mainmenu:hover {
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
ul.navlinks {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
    border-radius: 0 0 7px 7px;
    border-top: 1px solid #FFFFFF;
    bottom: 9px;
    height: 26px;
    position: relative;
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
}

ul.linklist li a img {
    display: none;
}

#page-header .navbar {
    background: transparent;
}

.navbar a {
    color: white;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.navbar {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
    clear: both;
    padding: 0 10px;
    color: white;
}

.post .corners-bottom, div.post .corners-top {
    display: none;
}
.postbody {
    border: 1px solid #B9D7F1;
    background-color: #F0F6FB;
    border-radius: 2px;
    padding: 8px;
}
.post {
    background: #E6F0F9!important;
    border: 1px solid #C3DBF0;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 3px;
}

.postprofile {
    background-color: #E8F1F9;
    border-right: 1px solid #CFE3F5;
    color: #536482;
    display: inline;
    float: left;
    margin: -5px -5px;
    min-height: 80px;
    position: relative;
    width: 15%;
    word-wrap: break-word;
    border-bottom: 1px solid #CFE3F5;
    border-radius: 5px 0 5px 0;
    padding: 15px 9px 9px;
}

.online .postprofile {
    background-image: url("https://2img.net/i/fa/prosilver/icon_user_online_en.png");
    background-position: right top;
    background-repeat: no-repeat;
}

ul#picture_legend {
    background-color: #F0F4F8;
    border: 1px solid #C6D2DC;
    border-radius: 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 8px;
    left: 35%;
    display: inline-block;
    position: relative;
}
div.post .postprofile dt img, #profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 100px;
width: 100px;
}

Regards

Cassini Very Happy



Last edited by cassini on February 24th 2022, 4:21 pm; edited 1 time in total
cassini
cassini
Forumember

Male Posts : 533
Reputation : 13
Language : english
Location : Dorset U.K

View user profile https://uktvreportercaptures.forumotion.com/

Back to top Go down

Solved Re: Distorted Profile In Personal Message

Post by SLGray February 23rd 2022, 10:45 pm

Please use the code tags when posting codes.


Distorted Profile In Personal Message Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

cassini likes this post

Back to top Go down

Solved Re: Distorted Profile In Personal Message

Post by Ape February 24th 2022, 12:55 am

Please pm me a test account and URL of one of the forums Smile


Distorted Profile In Personal Message Left1212Distorted Profile In Personal Message Center11Distorted Profile In Personal Message Right112
Distorted Profile In Personal Message Ape_b110
Distorted Profile In Personal Message Keep_s10
Distorted Profile In Personal Message Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17954
Reputation : 1913
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

cassini likes this post

Back to top Go down

Solved Re: Distorted Profile In Personal Message

Post by cassini February 24th 2022, 7:36 am

Done pm thank you Smile
cassini
cassini
Forumember

Male Posts : 533
Reputation : 13
Language : english
Location : Dorset U.K

View user profile https://uktvreportercaptures.forumotion.com/

Ape likes this post

Back to top Go down

Solved Re: Distorted Profile In Personal Message

Post by Ape February 24th 2022, 3:39 pm

Your PM has been received with thanks.
Please read our forum rules: ESF General Rules

I found the problem Smile

Some of your codes was not 100% right so i replaced them with.
Code:
#profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 80px !important;
width: 80px !important;
}
/* avatar */
.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .lastpost-avatar img, td.avatar-mini img, .avatar img, #userAvatar img {
  border-radius:100px;
  height:100px;
  width:100px;
}

That fixed your problem Smile


Distorted Profile In Personal Message Left1212Distorted Profile In Personal Message Center11Distorted Profile In Personal Message Right112
Distorted Profile In Personal Message Ape_b110
Distorted Profile In Personal Message Keep_s10
Distorted Profile In Personal Message Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17954
Reputation : 1913
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

cassini and TonnyKamper like this post

Back to top Go down

Solved Re: Distorted Profile In Personal Message

Post by cassini February 24th 2022, 4:20 pm

Ok thank you Ape Smile
cassini
cassini
Forumember

Male Posts : 533
Reputation : 13
Language : english
Location : Dorset U.K

View user profile https://uktvreportercaptures.forumotion.com/

Ape likes this post

Back to top Go down

Solved Re: Distorted Profile In Personal Message

Post by skouliki February 24th 2022, 6:56 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 12674
Reputation : 1544
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum