Animated Avatars Fix?

[Bea Bishop]

So one user warned me about having an animated avatar can make some profiles look wonky - avatar goes out of it's usual place, and such. Does anyone know if there is a fix for this? It would be greatly appreciated.

[Fredy-san]

Easy, because animated avatar use different selector.

From img to #animated_item

[Bea Bishop]

Fredy-san

Easy, because animated avatar use different selector.

From img to #animated_item

If you could help me out a little -should I change every "img" I find in the profile code into "#animated_item"?

[Fredy-san]

Nope, just one (or two if you use hover effect)

#profile img for v1
#id_details img for v2

[Bea Bishop]

Fredy-san

Nope, just one (or two if you use hover effect)

#profile img for v1
#id_details img for v2

Can't find any of those. neutral Mind giving me a hand?

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
/* Code and Graphics by Rini Ikataru | Janurary 2008 Freebie Profile | Artwork credits-White Tower by SnowSkadi @deviantart.com | The codes, graphics and concept of this profile may not be altered or redistrubuted in any way. | Please give your comments concerning the profile to it's creator Rini Ikataru*/

#site { margin-left: auto; margin-right: auto; width: 1000px; scrollbar-face-color: #7DC5DB;scrollbar-highlight-color: #7DC5DB;scrollbar-3dlight-color: #7DC5DB;scrollbar-shadow-color: #7DC5DB;scrollbar-darkshadow-color: #7DC5DB;scrollbar-track-color: #7DC5DB;scrollbar-arrow-color: #ffffff;}#header {border:none;}
#content {width: 1000px; height: 785px; margin: 0px auto; background: #A3CEE7 url(http://public.tektek.org/img/themes/33323/bg.jpg) no-repeat; border: none; }
body { background: #A3CEE7; font-family: arial, tahoma; font-size: 9pt; color: #354F6F; text-align:justified; }
#site a:visited, #site a:link { color: #FFFFFF; font-size: 7pt; font-weight: light; text-decoration: none;}
#site a:hover {background: #354F6F; color: #FFFFFF; font-size: 7pt; font-weight: light; text-decoration: none;}#extendedProfileBody #header h1, #journal, #signature, #multimedia, #profile ul.items, #profile .caption, #details #commonFriends, #details h3,#details hr, #details #info, #friends #friendGroup li img, #comments dl dt.avatar img, #comments dl dt.avatar2 img, .caption:before, .caption2:before, .caption:after, .caption2:after, #details h2, #about h2, #comments h2, #wishlist h2, #friends {display: none;}

#about {background: transparent; position: absolute; top: 165px; left: 250px; width: 250px; height: 225px; border: none; overflow-x: hidden; overflow-y: auto; }#comments {background: transparent; position: absolute; top: 465px; left: 95px; width: 340px; height: 145px; border: none; overflow-x: hidden; overflow-y: auto; font-size: 7pt;}#wishlist {background: transparent; position: absolute; top: 630px; left: 95px; width: 330px; height: 55px; border: none; overflow-x: hidden; overflow-y: hidden; }#details {background: transparent; position: absolute; top: 300px; left: 65px; width: 150px; height: 70px; border: none; overflow-x: hidden; overflow-y: hidden; }#profile {background: transparent; position: absolute; top: 150px; left: 525px; width: 350px; height: 220px;}#profile .avatar {background: transparent; position: absolute; top: -15px; left: -450px;}
#profile h2 {background: transparent; position: absolute; top: -75px; left: -420px; font-size: 48px; height: 200px;}#details dl,#details dd {text-indent:-5000px;}#stats dt,#stats dd {text-indent:0px;}#details #stats {float: none; width: 150px; margin-left:0px;}
#details #stats dd {color: #354F6F; text-transform: none; background: none; border: none; font-size: 7px; text-align: center;}
#details #stats dt {background: #53A4D3; color: #ffffff; text-transform: uppercase; border: 1px solid #ffffff; font-size: 7px; text-align: center;}
#comments dl dd {margin: 0 10px 0 10px;} .caption .message {background:none;} .caption2 .message {background:none;}
#comments .date {color: #FFFFFF; text-align: center; background: #53A4D3;}
#comments .links {text-align: center;}#comments .caption {color: #53A4D3; background: #8ACFDE; border: none; font-size: 9px;} #comments .caption2 {color: #53A4D3; background: #8ACFDE; border: none; font-size: 9px;}


/* Code and Graphics by Rini Ikataru | Janurary 2008 Freebie Profile | Artwork credits-White Tower by SnowSkadi @deviantart.com | The codes, graphics and concept of this profile may not be altered or redistrubuted in any way. | Please give your comments concerning the profile to it's creator Rini Ikataru*/

[Horntastic]

Such dense code crying

Anyway, I added the code and bolded the change:

Code

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
/* Code and Graphics by Rini Ikataru | Janurary 2008 Freebie Profile | Artwork credits-White Tower by SnowSkadi @deviantart.com | The codes, graphics and concept of this profile may not be altered or redistrubuted in any way. | Please give your comments concerning the profile to it's creator Rini Ikataru*/

#site { margin-left: auto; margin-right: auto; width: 1000px; scrollbar-face-color: #7DC5DB;scrollbar-highlight-color: #7DC5DB;scrollbar-3dlight-color: #7DC5DB;scrollbar-shadow-color: #7DC5DB;scrollbar-darkshadow-color: #7DC5DB;scrollbar-track-color: #7DC5DB;scrollbar-arrow-color: #ffffff;}#header {border:none;}
#content {width: 1000px; height: 785px; margin: 0px auto; background: #A3CEE7 url(http://public.tektek.org/img/themes/33323/bg.jpg) no-repeat; border: none; }
body { background: #A3CEE7; font-family: arial, tahoma; font-size: 9pt; color: #354F6F; text-align:justified; }
#site a:visited, #site a:link { color: #FFFFFF; font-size: 7pt; font-weight: light; text-decoration: none;}
#site a:hover {background: #354F6F; color: #FFFFFF; font-size: 7pt; font-weight: light; text-decoration: none;}#extendedProfileBody #header h1, #journal, #signature, #multimedia, #profile ul.items, #profile .caption, #details #commonFriends, #details h3,#details hr, #details #info, #friends #friendGroup li img, #comments dl dt.avatar img, #comments dl dt.avatar2 img, .caption:before, .caption2:before, .caption:after, .caption2:after, #details h2, #about h2, #comments h2, #wishlist h2, #friends {display: none;}

#about {background: transparent; position: absolute; top: 165px; left: 250px; width: 250px; height: 225px; border: none; overflow-x: hidden; overflow-y: auto; }#comments {background: transparent; position: absolute; top: 465px; left: 95px; width: 340px; height: 145px; border: none; overflow-x: hidden; overflow-y: auto; font-size: 7pt;}#wishlist {background: transparent; position: absolute; top: 630px; left: 95px; width: 330px; height: 55px; border: none; overflow-x: hidden; overflow-y: hidden; }#details {background: transparent; position: absolute; top: 300px; left: 65px; width: 150px; height: 70px; border: none; overflow-x: hidden; overflow-y: hidden; }#profile {background: transparent; position: absolute; top: 150px; left: 525px; width: 350px; height: 220px;}#profile .avatar, #profile #animated_item {background: transparent; position: absolute; top: -15px; left: -450px;}
#profile h2 {background: transparent; position: absolute; top: -75px; left: -420px; font-size: 48px; height: 200px;}#details dl,#details dd {text-indent:-5000px;}#stats dt,#stats dd {text-indent:0px;}#details #stats {float: none; width: 150px; margin-left:0px;}
#details #stats dd {color: #354F6F; text-transform: none; background: none; border: none; font-size: 7px; text-align: center;}
#details #stats dt {background: #53A4D3; color: #ffffff; text-transform: uppercase; border: 1px solid #ffffff; font-size: 7px; text-align: center;}
#comments dl dd {margin: 0 10px 0 10px;} .caption .message {background:none;} .caption2 .message {background:none;}
#comments .date {color: #FFFFFF; text-align: center; background: #53A4D3;}
#comments .links {text-align: center;}#comments .caption {color: #53A4D3; background: #8ACFDE; border: none; font-size: 9px;} #comments .caption2 {color: #53A4D3; background: #8ACFDE; border: none; font-size: 9px;}


/* Code and Graphics by Rini Ikataru | Janurary 2008 Freebie Profile | Artwork credits-White Tower by SnowSkadi @deviantart.com | The codes, graphics and concept of this profile may not be altered or redistrubuted in any way. | Please give your comments concerning the profile to it's creator Rini Ikataru*/

[Bea Bishop]

Horntastic

Such dense code crying

Anyway, I added the code and bolded the change:

Code

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
/* Code and Graphics by Rini Ikataru | Janurary 2008 Freebie Profile | Artwork credits-White Tower by SnowSkadi @deviantart.com | The codes, graphics and concept of this profile may not be altered or redistrubuted in any way. | Please give your comments concerning the profile to it's creator Rini Ikataru*/

#site { margin-left: auto; margin-right: auto; width: 1000px; scrollbar-face-color: #7DC5DB;scrollbar-highlight-color: #7DC5DB;scrollbar-3dlight-color: #7DC5DB;scrollbar-shadow-color: #7DC5DB;scrollbar-darkshadow-color: #7DC5DB;scrollbar-track-color: #7DC5DB;scrollbar-arrow-color: #ffffff;}#header {border:none;}
#content {width: 1000px; height: 785px; margin: 0px auto; background: #A3CEE7 url(http://public.tektek.org/img/themes/33323/bg.jpg) no-repeat; border: none; }
body { background: #A3CEE7; font-family: arial, tahoma; font-size: 9pt; color: #354F6F; text-align:justified; }
#site a:visited, #site a:link { color: #FFFFFF; font-size: 7pt; font-weight: light; text-decoration: none;}
#site a:hover {background: #354F6F; color: #FFFFFF; font-size: 7pt; font-weight: light; text-decoration: none;}#extendedProfileBody #header h1, #journal, #signature, #multimedia, #profile ul.items, #profile .caption, #details #commonFriends, #details h3,#details hr, #details #info, #friends #friendGroup li img, #comments dl dt.avatar img, #comments dl dt.avatar2 img, .caption:before, .caption2:before, .caption:after, .caption2:after, #details h2, #about h2, #comments h2, #wishlist h2, #friends {display: none;}

#about {background: transparent; position: absolute; top: 165px; left: 250px; width: 250px; height: 225px; border: none; overflow-x: hidden; overflow-y: auto; }#comments {background: transparent; position: absolute; top: 465px; left: 95px; width: 340px; height: 145px; border: none; overflow-x: hidden; overflow-y: auto; font-size: 7pt;}#wishlist {background: transparent; position: absolute; top: 630px; left: 95px; width: 330px; height: 55px; border: none; overflow-x: hidden; overflow-y: hidden; }#details {background: transparent; position: absolute; top: 300px; left: 65px; width: 150px; height: 70px; border: none; overflow-x: hidden; overflow-y: hidden; }#profile {background: transparent; position: absolute; top: 150px; left: 525px; width: 350px; height: 220px;}#profile .avatar, #profile #animated_item {background: transparent; position: absolute; top: -15px; left: -450px;}
#profile h2 {background: transparent; position: absolute; top: -75px; left: -420px; font-size: 48px; height: 200px;}#details dl,#details dd {text-indent:-5000px;}#stats dt,#stats dd {text-indent:0px;}#details #stats {float: none; width: 150px; margin-left:0px;}
#details #stats dd {color: #354F6F; text-transform: none; background: none; border: none; font-size: 7px; text-align: center;}
#details #stats dt {background: #53A4D3; color: #ffffff; text-transform: uppercase; border: 1px solid #ffffff; font-size: 7px; text-align: center;}
#comments dl dd {margin: 0 10px 0 10px;} .caption .message {background:none;} .caption2 .message {background:none;}
#comments .date {color: #FFFFFF; text-align: center; background: #53A4D3;}
#comments .links {text-align: center;}#comments .caption {color: #53A4D3; background: #8ACFDE; border: none; font-size: 9px;} #comments .caption2 {color: #53A4D3; background: #8ACFDE; border: none; font-size: 9px;}


/* Code and Graphics by Rini Ikataru | Janurary 2008 Freebie Profile | Artwork credits-White Tower by SnowSkadi @deviantart.com | The codes, graphics and concept of this profile may not be altered or redistrubuted in any way. | Please give your comments concerning the profile to it's creator Rini Ikataru*/

Perfect, it's working! Thank you. smile