Report Blog Entry
Want this ?
NOTES :
ANY WRITING LIKE THIS <--- BLANK ----> OR LIKE THIS / *BLANK* / EXPLAINS WHAT THE CODE IS FOR
SPARKLE BACKGROUND IS INCLUDED & CAN BE CHANGED
CODE HERE
<style>
body{
}
.RightCol, .LeftCol{
display: table-cell;
width: 40%;
padding: 10px;
vertical-align: top;
border: 4px inset #fa021b;
border-radius: 10px;
text-center: center;
box-shadow: 0 0 10px #fa021b, 0 0 20px #fa021b; /* Glow's current color */
}
.LeftCol:hover{
transform: scale(1.02);
transition: 0.3s ease;
box-shadow: 0 0 15px #02fa82, 0 0 30px #02fa82 /* Changes left glow's color when hovered */
}
.RightCol:hover{
transform: scale(1.02);
transition: 0.3s ease;
box-shadow: 0 0 15px #fabc02, 0 0 30px #fabc02 /* Changes right glow's color when hovered */
}
.profile .blurbs{
background-size: 55%; /* background size 4 the entire page */
background-repeat: repeat; /* so the background doesnt repeat */
background-attachment: fixed;/* background stays fixed when scrolling */
color: #1e80b4 !important;
background-image: URL("https://i.pinimg.com/originals/90/2f/b6/902fb683da6e99129aa43990f81607cd.gif"); /* sparkles background u can put ur own gif */
}
.profile .h4{
color: #1e80b4;
}
<style>html:before {
}
@keyframes grain
70% { transform:translate(0%, 15%) }
}</style>
</p>
<div class="LeftCol">
<div class="heading">
<h4 style= "font-family: 'Trebuchet MS', sans-serif; text-align:center;">Current Comic Read</h4> </div>
<img src="https://cdn.marvel.com/u/prod/marvel/i/mg/6/c0/6750d4b35de86/clean.jpg">
<!-- REPLACE THE URL WITH THE CURRENT COMIC UR READING -->
</div>
<div class="RightCol">
<div align="center">
<div class="heading">
<h4 style="font-family: 'Trebuchet MS', sans-serif;">Next Comic Read</h4> </div>
<div class="yup">
<img src="https://cdn.marvel.com/u/prod/marvel/i/mg/8/03/6601d3468731f/clean.jpg">
<!-- REPLACE THE URL WITH THE NEXT COMIC UR READING -->
</div>
</div>
<style>
.LeftCol .heading {
margin: auto;
text-align: center;
}
</style>
this is my 1st ever code! if you face any trouble w it, do let me know!
do leave Kudos if you end up using this !! Comments are also appreciated ^^
Comments
Displaying 3 of 3 comments ( View all | Add Comment )
uncleonion♪
this is so cool!!!! you could even modify it and turn it into something else youve enjoyed recently if you want (: (ex. current show watching / next show to watch)
Thank you!! yes you're right, you can definitely change it to whatever ദ്ദി ˉ͈̀꒳ˉ͈́ )✧ i settled for it to be about comics/books cuz i'd have no idea what to call it lol(￣ω￣;)
by ᯓ★ oun; ; Report
Milica
So do we make out now? (Jk, gen thanks tho, I'll put it on my page when I can)
LOLOLOL im glad you like it!! i hope it looks good on ur profile !1!!!1!!( ´ ∀ `)ノ
by ᯓ★ oun; ; Report
Veshan
YOYYOYO THIS IS SO COOL probably will use, TYSM
TY IM GLAD U LIKE IT!!! ( btw i just now fixed the code so you wouldn't have to go thru each individual code to edit ദ്ദി´ ˘ `) !! )
by ᯓ★ oun; ; Report