Nickia 's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Calling all Arms

Welcome to my page. 1st blog sent out in over 15 years. I am a 90s baby and grew up with ICQ and myspace. I loved creating profile layouts when I was a teen BUT I can't- for the life of me- remember how to itemize code. Can someone please point me in the direction for free refresher courses? I managed to put up a temporary profile design- I LOVE HELLUVA BOSS AND LOONA IS MY ABSOLUTE FAVORITE- but I'm not happy with measurements and simple little things that I can't remember how to create. If you're seeing this, please help <3

*I ALSO DO NOT OWN THE RIGHTS TO THE IMAGES OR MUSIC USED IN THIS PROFILE DESIGN.


here is what I created by using another as a base and changing up some things to create my LOONA profile help me change it so that the main profile background is centered and the footer is focused on her eyes not her ears- 

<style>

  font-size: 100%;}

h1,h2,h3,h4,h5{

  font-size: 100%; }

  body {

   background-image: url(https://wallpapercave.com/wp/wp9065212.jpg);}

.profile {

   background-color: rgb(94, 37, 37); }

/* change all headings on page to different colors. */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(147, 25, 25);

   color: #d51c17;}

/* change all headings on page to different colors. */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: #931919;

   color: rgb(213, 28, 23);}

main {

    background: #5e2525;

    color: #d51c17;

    padding: 0px 0px;

    font-size: 80%;}


html:before {


  content: " ";


  display: block; position: fixed;


  top: 0; left: 0; bottom: 0; right: 0;


  background: linear-gradient(rgba(213, 28, 23, 0.17) 80%, rgba(147, 25, 25, 0.39) 80%);


  z-index: 2;

 background-size: 50% 2px, 3px 50%;

  pointer-events: none;}

main:before {

    width: auto;

    margin-bottom: 10px;

    border: 0px solid black;

    height: 550px;

    display: block;

    content: "";

    background-image: url(https://wallpapercave.com/wp/wp9065212.jpg);

    background-position: center center;

    background-size: cover;}

footer {

    border-radius: 15px;

    background-image: url(https://wallpapercave.com/wp/wp9065212.jpg);

    color: white;}


table.comments-table td {

    color: rgb(insert rgb);}


:root {

    --logo-blue:#d51c17;

    --darker-blue: #d51c17;

    --lighter-blue: #d51c17;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: #d51c17;

    --light-orange: #931919;

    --even-lighter-orange: #931919;

    --green: pink;}

</style>


<style>

*{ border-radius: 9px;}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{

  border-radius: 6px 6px 9px 9px;}

.profile .contact{

  text-align: left;}

.contact .inner a img{

  font-size: 0;}

.contact .inner a img:before{

  font-size: 1em;

  display: block}

/*ADD TO FRIENDS*/

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{

  content: "⛧"}

/*ADD TO FAVS*/

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{

  content: "⛧"}

/*SEND MSG*/

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

  content: "⛧"}

/*FORWARD TO FRIEND*/

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

  content: "⛧"}

/*INSTANT MESSAGE*/

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

  content: "⛧"}

/*BLOCK USER*/

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{

  content: "⛧"}

/*ADD TO GROUP*/

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{

  content: "⛧"}

/*REPORT USER*/

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{

  content: "⛧"}

</style>

<style>

p.online {font-size: 0px;}

p.online::after{content: "custom online here";

color: #d51c17;

font-size: 10px;}

</style>

<style>

table.comments-table{

border: 10px #d51c17 !important;}

</style>

<style>.logo { content:url("https://cdn.discordapp.com/attachments/1058871949524217856/1145151724718407780/2023_08_26_0xz_Kleki.png)}  

</style>

<style>

*{cursor: url(http://www.rw-designer.com/cursor-view/154420.png), auto !important}

</style>


2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )