Report Blog Entry
hi!! i want my layout to be able to fit 3 blinkies on the right in my about me section but i dont know how to edit layouts or even oif its possible loll i was wondering if someone could help me?
heres the code i use for mylayout if its helpful at all
<!-- (c) Layout created by ⦻_Dylan / Gerard_⦻ (https://layouts.spacehey.com/layout?id=88546) -->
import url('https://fonts.googleapis.com/css2?family=Creepster&family=DotGothic16&family=Pixelify+Sans&family=Silkscreen&display=swap');
p{
font-family: 'Dotgothic16' , cursive;
font-size: 15px;
<style>
:root {
--logo-blue: ;
--darker-blue: #3df229;
--lighter-blue: #f702b6;
--even-lighter-blue: #f702b6;
--lightest-blue: transparent;
--dark-orange: #f702b6;
--light-orange: #3df229;
--even-lighter-orange: transparent;
--green: red;
}
</style>
<style>
body
{background-image: url(https://i.pinimg.com/564x/da/cb/cd/dacbcdd1d8db68cd6b5c4664b2863e03.jpg); no-repeat fixed; background-size: ;
}
</style>
<style>
main {
background-color: black;
color: white;
</style>
<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: "🎧"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "🎧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "🦴"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "🦴"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "🎧"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "🎧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "🦴"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "🦴"
}
</style>
<style>
html:before {
animation: grain 8s steps(10) infinite;
background-image: url('https://i.pinimg.com/originals/d4/ae/99/d4ae994f5756581eeed9e89a580ab1f9.gif');
content: "";
height: 300%;
left: -50%;
opacity: .1;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
</style>
<style>
main:before {
width: 100%;
height: 125px ;
display: block;
content: "";
background-image: url('https://i.pinimg.com/564x/55/03/65/550365c458326b819941b49a0a1055e3.jpg');
background-position: center center;
background-size: cover;
}
</style>
<style>
.online { visibility: hidden; } .online img { content: url("https://i.pinimg.com/564x/e1/d8/20/e1d82026286eaf62c0ca2d3fcf758cff.jpg"); animation-name: none; visibility: visible; height: 40px; width: 60px; }
</style>
<style>
.online{content:url("https://64.media.tumblr.com/3f25fc8586c5e7b5473aa3e2fb66f9bf/1235cea48fcd6d05-22/s100x200/a5aaafc67b2130bfafa150f79e9192bdac0efbaf.gifv");
}
</style>
<style>
body::before {
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>
<style>
.general-about img {-webkit-mask-image: url(https://i.gifer.com/origin/17/17e6ae3a1f7c85bd4e2a801bf04f5f4d_w200.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.gifer.com/origin/17/17e6ae3a1f7c85bd4e2a801bf04f5f4d_w200.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<div style="float: ; max-height: 20; position: fixed; right: 1px; bottom: 9px; z-index: 1;"></div>
<style>
.logo {
content:url("https://i.ibb.co/wQT0DMn/oie-oie-glitters-2.gif")
}
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
melt
can you give me links to the three blinkies? (you can host them on catbox.moe if you want) i can try to make the code for you
the simple thing to do is to just embed them directly with the link, but i can make a little flexbox for you that lets you customize spacing and alignment. that's what i usually do for my profile
by melt; ; Report
which blinkies??
also i have really no idea what im doing :") ill take any help u can offer
by k1lling1an; ; Report
the blinkies you want to put on your profile (unless i read your blog post wrong). i just need the links to the images in order to embed them. hotlinking (taking the link directly from the site source) is usually a bad idea, since that means if the og source is deleted the image is deleted too, so using catbox.moe or another image hosting service is a good idea.
by melt; ; Report
aa im not sure how to explain it !!
i would like the blurbs section of my profile in my about me on the right hand side to be slightly wider because its juuuust a little too small for 3 blinkies all next to eachother and it creates a new row after 2 its not 3 specific blinkies
by k1lling1an; ; Report
i can whip up some code that basically makes the size of the blinkies adjust based on the width of the blurbs section (and makes them stack in a column on mobile, so they're not too small) so that you don't have to adjust the blurbs section size. might be easier to work with tbh. it's okay if you don't want to use it, it'd just give you an option. i'll use placeholder images so you can put whatever images in that you want after. one sec
by melt; ; Report
try pasting this code (codepen link) in your about me section, and replace the placeholder image links with links to whatever blinkies you want. not the prettiest code i'm sure but it seems to work? lmk if you have any issues
by melt; ; Report
thank u!! i will try it when i get around to it :>>
by k1lling1an; ; Report