Forum:
Im suuuuuper bored of the current options im seeing on the layout forum rn, but I was wondering if any of yall had code for making ur friends list look cooler, since im trying to frankenstein together a layout i like. I wanna kinda turn mine into little polaroid frames, but im not very good w css or html. Any recs?
« Web, HTML, Tech Forum
Looking for cool new layout edits - any icon suggestions?
Report Topic
1 Reply
Reply by GOAT
posted
.friends-grid {
text-align: center;
padding: 0px !important;
}
.friends .person {
background-color: #ebe2ca;
width:85px !important;
display: inline-flex !important;
flex-direction: column-reverse;
margin:10px;
vertical-align: top;
padding-left:5px!important;
padding-top:5px!important;
box-shadow: 0 1.5px 3.5px rgba(0, 0, 0, .5);
}
.friends .person p {
font-family:cursive;
color:black;
text-shadow: 1px 0.6px limegreen;
font-family:cursive;
color:black;
text-shadow: 1px 0.6px limegreen;
text-align: right;
transform:rotate(2deg);
transform:rotate(2deg);
word-wrap: break-word;
}
.profile .friends .person img:not(.icon) {
max-width:70px!important;
}
.profile .friends .person:nth-of-type(1) {
transform: rotate(-3deg);
}
.profile .friends .person:nth-of-type(2) {
transform: rotate(4deg);
}
.profile .friends .person:nth-of-type(3 ) {
transform: rotate(-2deg);
}
.profile .friends .person:nth-of-type(4) {
transform: rotate(5deg);
}
.profile .friends .person:nth-of-type(5) {
transform: rotate(4deg);
}
.profile .friends .person:nth-of-type(6) {
transform: rotate(-2deg);
}
.profile .friends .person:nth-of-type(7) {
transform: rotate(3deg);
}
.profile .friends .person:nth-of-type(8) {
transform: rotate(-3deg);
}
add all that between ur <style></style> tags
:3
add all that between ur <style></style> tags
:3
Permalink