Simple Layout Fixed Avatar Quality

Show your personal arts, videos or anything that you've created in this forum.

Moderators: RukiaKuchiki, tsundere

Post Reply
User avatar
PastelDreams
Anispace Beginner
Posts: 68
Joined: 11 Nov 2013, 08:03

Simple Layout Fixed Avatar Quality

Post by PastelDreams » 16 Apr 2017, 07:36




i worked on one of my codes to work on this site seeing as its being updated i fixed the avatar quality Only For Profiles

Image

Please do enjoy use as you want or change anything you want but please keep the credit thank you

To make the avatar Quality better you must use a url to make it look better you can use this site Here

Happy Editing

<style>


<style type="text/css">

#box_top_ads{ display: none;}

#box_top,#box_ticker,#box_top_ads,#nav{ display: none;}

<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet">





::-webkit-scrollbar {
width:7px;
height:auto;
background:#eee;
}

::-webkit-scrollbar-corner {
background:#000;
}

::-webkit-scrollbar-thumb:vertical {
background:#eee;
}

::-webkit-scrollbar-thumb:horizontal {
background: #000;
border: 1px solid #000;
}

/** --------------------------- WHOLE CUSTOMIZATION ------------------------------**/

body {
background-image: url(http://static.tumblr.com/6419fd2b152496 ... ocskow.png);
margin:0px;
color:#aaa;
font-family: 'Lato', sans-serif;
font-size:10px;
text-transform:uppercase;
padding:5px;
}

a:hover{cursor:url("http://i.imgur.com/ZJK7G.jpg"), auto !important; }

/** --------------------------- ABOUT ------------------------------**/

.holder2{
margin:5px;
overflow:hidden;
transition:all 0.5s Ease;
text-align:left;
width:500px;
padding:5px;
float:left;
background:#fff;
border:3px #eee double;
font-family: 'Lato', sans-serif;
font-size:11px;}

.holder2 img{max-width:100%;}



/** --------------------------- BUTTONS ------------------------------**/

.holder4{
margin:5px;
overflow:hidden;
transition:all 0.5s Ease;
text-align:left;
float:left;
width:347px;
padding:5px;
margin-left:135;
background:#fff;
border:3px #eee double;
font-family: 'Wire One', sans-serif;
font-size:10px;}
.holder img{max-width:100%;}


/** --------------------------- COMMENTS ------------------------------**/

.holder3{
margin:5px;
overflow:hidden;
transition:all 0.5s Ease;
text-align:left;
width:500px;
padding:5px;
float:left;
margin-right:;
background:#fff;
border:3px #eee double;
font-family: 'Lato', sans-serif;
font-size:11px;
}

.holder3 img{max-width:100%;}

/** --------------------------- AVATAR ------------------------------**/
.holder{
margin:5px;
overflow:hidden;
transition:all 0.5s Ease;
text-align:left;
float:left;
width:347px;
padding:5px;
margin-left:135;
background:#fff;
border:3px #eee double;
font-family: 'Wire One', sans-serif;
font-size:10px;}
.holder img{max-width:100%;}


/** --------------------------- LINKS ------------------------------**/


a {
color:#000;
font-family: 'Wire One', sans-serif;
font-size:9.5px;
text-decoration:none;
outline:none;
opacity:1 ;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

a:hover {
color: #202020;
font-family: 'Lato', sans-serif;
font-size:11px;
text-decoration: normal;
font-weight: normal;
border:0px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}


/** --------------------------- BOLD, ITALIC, UNDERLINED ------------------------------**/

b, strong {
color: #888888;
font-weight: bold;
}

i, em {
color: #676767;
font-style: italic;
}

u {
color: #CECECE;
}

/** --------------------------- HOVER DESIGN ------------------------------**/

#s-m-t-tooltip{
font-size:9.5px;
position:absolute;
margin-top: 15px;
letter-spacing:1px;
z-index:9999;
background:#eee;
font-family: 'Lato', sans-serif;
font-size:11px;
color:#aaa;
text-transform:uppercase;
padding:2px 3px 2px 3px;
}





</style>



</div>

<div style=margin-top:50px;>
<div class="holder">
<img src="https://s20.postimg.org/m3o2m9xyl/93587 ... 996475.png"><div class="holder4">[BUTTONS]</div><div class="holder4"> [MY_STATS]</div>
<br><br><br>
</div>
</div>
<div style="float:right;width:300px">
</div>
</div>
<div style="float:left;width:330px">
<div class="holder2">[ABOUT_ME]</div>
<div class="holder3">[COMMENT_BOX]</div>

</div>
</div></div>
</div>

<div><a style="position:fixed;z-index:9 !important;top:3px;left:3px;" href="http://www.anispace.net/user/PastelDreams" title="credit" target="_blank">©</a></div>
I'm a Nard at Heart
Image

User avatar
Daesung
Anispace Cadet
Anispace Cadet
Posts: 113
Joined: 15 Jan 2014, 09:00

Re: Simple Layout Fixed Avatar Quality

Post by Daesung » 16 Apr 2017, 07:39

god bless you

User avatar
PastelDreams
Anispace Beginner
Posts: 68
Joined: 11 Nov 2013, 08:03

Re: Simple Layout Fixed Avatar Quality

Post by PastelDreams » 16 Apr 2017, 07:44

LovelyBaka wrote:
16 Apr 2017, 07:39
god bless you
♥ I figured some people will enjoy this until it gets all fixed
I'm a Nard at Heart
Image

User avatar
SoneroUzumaki
Anispace Apprentice
Anispace Apprentice
Posts: 217
Joined: 13 Jun 2014, 18:20

Re: Simple Layout Fixed Avatar Quality

Post by SoneroUzumaki » 16 Apr 2017, 10:13

I love this code you made ❤

User avatar
PrincessOfHeart
Anispace Apprentice
Anispace Apprentice
Posts: 304
Joined: 01 Apr 2014, 16:49

Re: Simple Layout Fixed Avatar Quality

Post by PrincessOfHeart » 16 Apr 2017, 10:27

your layout is amazing
The Princess of Heart

Image

Image

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests