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;
}
𝐎𝐤 𝐭𝐡𝐢𝐬 𝐢𝐬 𝐢𝐭 :𝟑 𝐈𝐟 𝐲𝐨𝐮 𝐠𝐮𝐲𝐬 𝐰𝐚𝐧𝐭 𝐦𝐨𝐫𝐞 𝐩𝐥𝐬 𝐭𝐞𝐥𝐥 𝐦𝐞 𝐰𝐡𝐚𝐭 𝐤𝐢𝐧𝐝 𝐨𝐟 𝐜𝐬𝐬 𝐲𝐨𝐮 𝐰𝐚𝐧𝐭 𝐭𝐨 𝐤𝐧𝐨𝐰 :) 𝐭𝐡𝐚𝐧𝐤 𝐲𝐨𝐮 𝐚𝐥𝐥 𝐟𝐨𝐫 𝐭𝐡𝐞 𝐬𝐮𝐩𝐩𝐨𝐫𝐭, 𝐚𝐥𝐬𝐨 𝐲𝐨𝐮 𝐜𝐚𝐧 𝐜𝐫𝐞𝐝𝐢𝐭 𝐦𝐞 𝐢𝐟 𝐲𝐨𝐮 𝐮𝐬𝐞 𝐭𝐡𝐢𝐬 :)))
http://cdn.lowgif.com/full/469c84e8e6704d56-.gif
4 commentsAAAAAAAAAAAAAAAAAAAA
I am legit gonna scream. Thank you all so much :3
I am so happy and thankful.
https://i.gifer.com/Ihuw.gif
𝙄 𝙖𝙢 𝙨𝙤 𝙩𝙝𝙖𝙣𝙠𝙛𝙪𝙡 𝙤𝙢𝙜 𝙩𝙝𝙖𝙣𝙠 𝙮𝙤𝙪 𝙖𝙡𝙡 𝙨𝙢.
𝙄 𝙣𝙚𝙫𝙚𝙧 𝙩𝙝𝙤𝙪𝙜𝙝𝙩 𝙄 𝙬𝙤𝙪𝙡𝙙 𝙜𝙚𝙩 𝙝𝙚𝙧𝙚 𝙨𝙤 𝙛𝙖𝙨𝙩. 𝙍𝙚𝙖𝙙𝙞𝙣𝙜 𝙚𝙫𝙚𝙧𝙮 𝙘𝙤𝙢𝙢𝙚𝙣𝙩 𝙖𝙗𝙤𝙪𝙩 𝙝𝙤𝙬 𝙮𝙤𝙪 𝙜𝙪𝙮𝙨
𝙡𝙞𝙠𝙚 𝙢𝙮 𝙥𝙖𝙜𝙚 𝙨𝙚𝙣𝙙𝙨 𝙢𝙚 𝙩𝙤 𝙩𝙝𝙚 7𝙩𝙝 𝙨𝙠𝙮. 𝙈𝙚𝙖𝙣𝙨 𝙨𝙤 𝙢𝙪𝙘𝙝 𝙩𝙤 𝙢𝙚 :)
𝙏𝙝𝙖𝙣𝙠 𝙮𝙤𝙪 <3
https://media.tenor.com/images/f69f9b90a188e77970dc1f2a20445508/tenor.gif
No comments