Home | All Fwiends | Random | Music | Blog | Search

Holy_Water's Blog

"왜 이것을 번역했습니까? 하하하"
Gender Questioning
14 years old
United States
Last Login: 1620915638000
Contacting Holy_Water
Message
Report
Add
Block
All Blogs (7/10)
1618252989000

CSS

I'll update (add more) overtime

Directions:
-Copy and paste into the Customize box
-Add a link from recommended or your own site if needed (like a gif or image)

-For gifs I recommend using tenor, and if you do, once you find a gif RIGHT CLICK ON IT AND CLICK OPEN IN NEW TAB then thats the url you would use
-And images just use google, don't forget to open it in a new tab!

-For color changes you can use https color codes, I recommend using this site----> https://html-color.codes/#:~:text=A%20HTML%20color%20code%20is%20an%20identifier%20used,triplet%2C%20and%20a%20HSL%20%28hue%2C%20saturation%2C%20lightness%29%20triplet.

----Background Gif(Multiple)----
body {
background: url(DELETE THIS AND INSERT GIF URL);
font-family: cursive;
padding-top: 45px;
font-size: 25px;
}

---Background Gif or Image(Singular)
body {
font-family: Times New Roman, serif;
color: white;
background-color: black;
background-size: cover;
padding-top: 45px;
font-size: 15px;
background-image: url(DELETE AND INSERT URL HERE);
text-align: center;
background-attachment: fixed;
}

----Floating gif image (like the blinking eyes I have on my page)----
.url {
background: url(DELETE THIS AND INSERT GIF URL OR IMAGE) no-repeat;
position: fixed;
right: 20px;
bottom: 200px;
color: #ffffff00;
background-size: 300px;
height: 500px;
width: 300px;
border: none;
box-shadow: none;
filter: drop-shadow(8px 9px 15px #00000044);
z-index: 1000;
font-size: 0px;
opacity: 1;
}

---This one is to put a floating gif on the bottom right---
.url {
background: url(DELETE AND PUT GIF OR IMAGE URL HERE);
position: fixed;
right: 0;
bottom: 0px;
color: #ffffff00;
background-size: 300px;
height: 270px;
width: 270px;
border: none;
box-shadow: none;
filter: drop-shadow(8px 9px 15px #00000044);
z-index: 1000;
font-size: 0px;
opacity: 1;
}

----Background Gif for the left side(under my profile the hearts gif)----
div.topLeft {
background-image: url(DELETE THIS AND INSERT GIF URL OR IMAGE);
border: 3px dotted;
border-color: #7bfc03;
padding: 3px;
}

----Three Gifs to go under the music area..thing.. yea----
.topLeft:after {
margin: 4px 236px 36px -240px;
content: " ";
display: block;
white-space: pre-wrap;
padding: 0px 69px 0px 0px;
height: 1800px;
width: 852px;
background-image: url(DELETE ME AND INSERT GIF URL OR IMAGE), url(DELETE ME AND INSERT GIF URL OR IMAGE), url(DELETE ME AND INSERT GIF URL OR IMAGE);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 385px;
background-position: 243px 0px, 243px 239px, 243px 472px;
}

----Gif for music box, it'll show up once you've but a mp3.----
.player::before {
content: "";
display: block;
position: relative;
width: calc(50% -20px);
height: 335px;
max-width: 390px;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(DELETE ME AND INSERT GIF URL OR IMAGE);
object-fit: cover;
}

----Background color or image for your profile pic and age area thing----
td {
background-image: url(URL GOES HERE);
display: table-cell;
vertical-align: inherit;
}

----This makes your Fwiends' pfp (Ones you put at the top) Circles----
.fwiendFace img {
border: solid 2px #FFFFFF;
border-radius: 50%;
background-position: center;
display: absolute;
object-fit: cover;
height: 100px;
width: 100px;
}

---Circle pfps but with a image or gif in the back---
.fwiendFace {
background-image: url(INSERT URL HERE);
border: 2px solid #fff;
border-radius: 50%;
width: 100px;
height: 100px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 0px;
max-width: 100vw;
}
sheeesh it cut off 20 other css, I'm gonna cry

1 comment
1618252330000

«Motivation»

Bestie.. You can do it bruh. We all know you can :)

Turn that home work in ᕦ(ò_óˇ)ᕤ

Finish that drawing ~(≧▽≦)/~

Complete that test ヾ(≧へ≦)〃

Tell them you like them!!! (❤´艸`❤)

Respond to that text (/▽\)

Put that -sharp object- down o((⊙﹏⊙))o.

Tell them what you couldn't say before ( ̄m ̄)

End that relationship (╬▔皿▔)╯

Say what's wrong o(≧口≦)o

EAT ‼

SLEEP ‼

Be yourself :)

Just do it
-Shia LaBeouf https://www.youtube.com/watch?v=ZXsQAXx_ao0

No comments
1618251407000

Comment section (╯°□°)╯︵

Use this as a comment section If you'd like

No comments
1618251013000

Anime I've watched `º´

-gonna start off basic lmao-

1.Blue Exorcist
2.Naruto
3.Oran High School Club
4.Haikyu
5.Scissor seven
6.Seven Deadly Sins
7.Death Note
8.Cells At Work
9.Dr.Stone
10.Kakegurui
11.Love Chunibyo & other Delusions
12.High Score Girl
13.Anohana
14.A.I.C.O
15.Little Witch Academia (all)
16.Dragon Pilot
17.Silent Voice
18.Revisions
19.My Hero Academia
20.Mob Psycho 100 ♡
21.One Punch Man
22.Jingai-san no yome (so cute)
23.Blame (Is there a not gonna be a second movie???)
24.Beastars
25.Kill la Kill
26.Devilman Crybaby
27.Hunter x Hunter
29.Soul Eater
30.Fireworks
31.Attack on Titan
32.Maid Sama
33.Mary and the Witches Flower ♡
34.Your Lie in April
35.Sword Art Online (all)
36.Gun Gail Online
37.Is it wrong to pick up a girl in a dungeon
38.Neon Genesis Evagelion
39.Kabaneri of the Iron Fortress, The battle of Unato
40.7seeds (berry nice)
41.Sarazanmai (Lmao)
42.Given (la la lala "I can't stop thinking about him")
43.Dororo
44.Yuri on ice
45.Violet evergarden (all)
46.Hyperentilation
47.Drifting dragons (WHY ISN'T THIS MORE FUCKING POPULAR BRUH)
48.Demon Slayer
49.Doukyuuusei
50.Tokyo Goul

-Hoorahh we hit 50 bois-
anyways

51.Carol and Tuesday
52.Modest Hero
53.Children or the Whales
54.13 B the Beginning
55.Food Wars
56.BNA
57.One Piece (ep 400)
58.Japan Sinks 2020
59.Goblin Slayer
60.Gleipnir
61.Asobi Asobase
62.A whisker Away
63.TO RA DO RA
64.The Great Pretender
65.Promise Neverland
66.Erased
67.High-Rise Invasion (sniper mask man)

1 comment
1618249501000

Socials⁛⁚› ♡

Twitter: @HolyWat63639389 ⚠NSFW ART⚠
@Breeann48742036 🔅MAIN🔅
@account_hahaha 💥SPAM💥

TikTok: @yourlocalholywater_buss

Pinterest: @your_local_holy_water

Discord: 聖なる水🔪#5125

Instagram: @bananabree_8533 ❌I don't post anymore but there's some old art❌

No comments
1617833300000

🤨🤞

Anyone wanna play games to get to know each other better ❓

2 comments