I HOPE ITS USEFUL
u can put everywhere imagine backgroundcolor or smth else codes r the same
!!!!!
U DONT HAVE TO COPY ALL CODES LIKE IF U WANT TO CHANGE UR NAME COLOR U CAN JUST COPY "h2#name {
color: #;
}" PART AND IF U COPY ALL U HAVE TO FILL all of THE BLANKS CUZ IF U DONT do it, IT WONT WORK -thanksluv y'all <33!!!!
!!!!
!!!!
NAME
h2#name {
color: #;
text-shadow: 2px 2px 4px #;
background-color: #;
background-image: url(https);
}
BLOG BOX:
.box.blog {
background: #730000;
}
EDIT UR PROFΔ°LE BOX :
.extended.box {
border: 2px solid #;
background-color: #;
background-image: url(https);
}
ABOUT ME AND Who I'd like to meet text :
h4 {
color: #;
background-image: url(https);
}
SONG BOX:
.player.box {
background-color: #;
background-size: 33%;
background-position: 150px;
color: #;
}
THE BOX WHICH IS STARTING WITH UR NAME AND ENDING WITH THE SONG BOX (u can change them all ofc):
.topLeft{
margin-top: 20px;
background-repeat: no-repeat;
background-color: #;
background-size: 100% 100%;
background-image: url(https:);
}
THE BOX WHICH IS STARTING WITH EDIT UR PROFILE BOX AND ENDING WITH COMENTS:
.topRight{
margin-top: 20px;
background: #;
max-width: 550px;
margin-bottom: 20px;
border: 2px solid #;
}
NUMBER OF UR FRIEND TEXT
.fwiendCount {
color: #;
}
COMMENT BOX:
.tableRight{
background: #;
}
COMMENT FRIENDS PHOTO BOX:
.fwiendFace, .tableLeft {
transition: 0.5s;
background: #;
}
LEAVE A COMMENT AND CONTRACTING.. TEXT'S BOXS
.boxHead{
color: #;
background: #;
}
...'S FRIENDS SPACE AND ...'S BLURBS TEXT'S BOXS
.rightHead{
color: #;
background: #;
}
BLOCK ADD REPORT...
color: #;
background-image: url(https://);
background-size: 40%;
}
EDIT UR PROFILE AND UR FRIEND'S NAME TEXTS a { color: #; } |
---|
ANIMATION TO THAT TEXTS
a:hover {
animation: changeColor 1s linear infinite;
text-shadow: 2px 2px 4px #;
}
FRIEND PHOTO FILTRES
.fwiendFace img {
filter: grayscale(100%);
}
.tableLeft img{
filter: grayscale(100%);
}
COOLEST SHIT (ANIMATION TO UR FRIENDS FACE?)
.fwiendFace:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}
.tableLeft:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}
@keyframes shake{
0% {
transform:translate(1px,1px) rotate(0deg);
}
10% {
transform:translate(-1px,-2px) rotate(-1deg);
}
20% {
transform:translate(-3px,0px) rotate(1deg);
}
30% {
transform:translate(3px,2px) rotate(0deg);
}
40% {
transform:translate(1px,-1px) rotate(1deg);
}
50% {
transform:translate(-1px,2px) rotate(-1deg);
}
60% {
transform:translate(-3px,1px) rotate(0deg);
}
70% {
transform:translate(3px,1px) rotate(-1deg);
}
80% {
transform:translate(-1px,-1px) rotate(1deg);
}
90% {
transform:translate(1px,2px) rotate(0deg);
}
100% {
transform:translate(1px,1px) rotate(0deg);
}
}
HEADER AND THE THING BELLOW IT
div#header {
background-image: url(https://);
background-color: #;
background-position: 0px -400px;
text-align: center;
font-family: ;
background-size: 30%;
background-repeat: repeat;
}
div#hSub {
color: # !important;
background-color: #;
text-align: center;
font-family: ;
filter: ;
}
PLS MAKE COMMENTS
https://i.pinimg.com/564x/0e/e7/ca/0ee7ca71563a0688a5d68f8a085c62ce.jpg
insomnisan | 1616671151000 thanks for this very helpful :pp |
fckelegance | 1615024102000 thank you so much your notes were so helpful <33 |
phixnai | 1614367895000 this is so helpfull,thankss <33 |
hanji | 1614005048000 omg thank you, you dont know how much this helped |
sleepymiru | 1613921526000 ΰΌΌ γ€ β_β ΰΌ½γ€Your notes actually helped me a lot, so thanks a lot! |
RΓ€t | 1613826558000 omg tysm <333 im cryin rn lol |
PutinsPalace | 1613825764000 ILYY this is so helpfulll TY ive been trying to figure css out by a youtube video this is so much easierrrr !! |