Many have asked for my CSS codes so here are some I use :3
𝗙𝗢𝗥 𝗨𝗣𝗣𝗘𝗥 𝗠𝗘𝗡𝗨:
div#header {
display: run-in;
content: " skjfs ";
text-align: center;
color: #fff;
background-image: url(PUT THE IMAGE URL HERE);
font-family: Lucida Console;
}
div#hSub {
background: #4682B4;
color: #00000;
text-align: center;
}
𝗕𝗢𝗫 𝗛𝗘𝗔𝗗:
.boxHead {
background-image: url(PUT THE IMAGE URL HERE);
background-position: center;
background-size: cover;
border-radius: 25px;
bottom: 0;
box-sizing: border-box;
color: #032263;
text-shadow: #4aaeff 0 0 4px;
text-align: center;
border: 2px dashed #032263;
border: 1px solid #032263;
text-transform: lowercase;
font-family: Times New Roman;
}
𝗕𝗔𝗖𝗞𝗥𝗢𝗨𝗡𝗗 𝗕𝗘𝗛𝗜𝗡𝗗 𝗬𝗢𝗨𝗥 𝗣𝗥𝗢𝗙𝗜𝗟𝗘 𝗣𝗜𝗖.
.short, .blogCard {
Color: color;
border-color: color;
border: 5px dashed #182b71;
background-image: url(PUT THE PHOTO URL HERE);
background-size: cover;
background-position: center;
}
𝗖𝗢𝗡𝗧𝗔𝗖𝗧 (𝗠𝗘𝗦𝗦𝗔𝗚𝗘𝗦, 𝗥𝗘𝗣𝗢𝗥𝗧, 𝗔𝗗𝗗 𝗔𝗡𝗗 𝗕𝗟𝗢𝗖𝗞) 𝗣𝗛𝗢𝗧𝗢/𝗚𝗜𝗙
color: #0e3f7d;
background-image: url(PUT THE GIF/PHOTO URL HERE);
background-size: 20%; (CHANGE THE % IF THE PHOTO IS TOO SMALL OR TOO BIG)
}
𝗠𝗣𝟯 𝗣𝗟𝗔𝗬𝗘𝗥 𝗣𝗛𝗢𝗧𝗢
.player::before {
content: "PUT ANY QUOTE HERE";
display: block;
position: relative;
width: calc(50% -20px);
height: 335px;
max-width: 390px;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(PUT PHOTO URL HERE);
object-fit: cover;
border-radius: 25px;
}
𝗖𝗛𝗔𝗡𝗚𝗘 𝗔𝗕𝗢𝗨𝗧 𝗬𝗢𝗨 𝗖𝗢𝗟𝗢𝗥 𝗢𝗙 𝗧𝗛𝗘 𝗙𝗢𝗡𝗧:
body {
color: #271767;
}
𝐎𝐤 𝐭𝐡𝐢𝐬 𝐢𝐬 𝐢𝐭 :𝟑 𝐈𝐟 𝐲𝐨𝐮 𝐠𝐮𝐲𝐬 𝐰𝐚𝐧𝐭 𝐦𝐨𝐫𝐞 𝐩𝐥𝐬 𝐭𝐞𝐥𝐥 𝐦𝐞 𝐰𝐡𝐚𝐭 𝐤𝐢𝐧𝐝 𝐨𝐟 𝐜𝐬𝐬 𝐲𝐨𝐮 𝐰𝐚𝐧𝐭 𝐭𝐨 𝐤𝐧𝐨𝐰 :) 𝐭𝐡𝐚𝐧𝐤 𝐲𝐨𝐮 𝐚𝐥𝐥 𝐟𝐨𝐫 𝐭𝐡𝐞 𝐬𝐮𝐩𝐩𝐨𝐫𝐭, 𝐚𝐥𝐬𝐨 𝐲𝐨𝐮 𝐜𝐚𝐧 𝐜𝐫𝐞𝐝𝐢𝐭 𝐦𝐞 𝐢𝐟 𝐲𝐨𝐮 𝐮𝐬𝐞 𝐭𝐡𝐢𝐬 :)))
ooh tnku! might add some of this
tytyty
OMG YUPPP TY BB!!
thank you!!! i was always wondering how ppl got the image behind the profile pic this is super helpful