Life as a Teenager 's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Vintage Book & Plant Lover Blog Theme

Dear "Life as a Teenager" viewers, 

I recently found out how to code my blog entries to look similar to the one you are seeing. I feel that this is not easily broadcast to the public. So out of the goodness of my heart, I am passing off the code to you. 

Please see below:

<style>

 

 body {

    background-image: url("background image link here!");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    font-family: 'Georgia', serif;

  }

 

.inner b {

  color: #FF0000

}

 

  nav .top {

    background-color: black;

  }

 

  nav .links {

    background-color: black;

    text-align: right;

    border-radius: 4px 4px 0 0;

    background-position: center;

    background-repeat: no-repeat;

  }

 

  button {

    color: #FF0000;

    background-color: black;

  }

 

  .count {

    color:#FF0000 ;

  }

 

  a {

    color: #FF0000;

  }

 

  nav .links a {

    color:#FF0000;

  }

 

  footer {

    background-color: black;

  }

 

  footer p {

    color: #FF0000;

  }

 

  footer .links {

    color:#FF0000;

  }

 

  .comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {

    background: black;

    color:#FF0000;

  }

 

  .edit-info {

    background-color: black;

    border: 1px;

  }

 

  .blog-entry .title {

    background-color: black;

    color: #FF0000;

    padding: 5px;

  }

 

p.links a:first-child .icon{

  content: url("icon for your blog here!”);

  width: 25px;

  height: auto;

}

 

p.links a:nth-child(2) .icon {

  content: url(“icon for your profile here!”);

  width: 25px;

  height: auto;

}

 

p.links a:last-child .icon, table.comments-table td .icon {

  content: url(“icon to report here!”);

  width: 25px;

  height: auto;

}

 

  .blog-entry .content {

    background-color: black;

    padding: 10px;

  }

 

  main {

    background-color: black;

  }

 

  main .left {

    background-color: black;

    color: #FF0000;

  }

 

  main .right {

    padding: 1px;

    background-color: black;

  }

 

HTML,BODY{cursor: url("cursor link here"), url("cursor link here"), auto;}

 

.logout-btn,

.blog-entry .kudos-btn{

  background: none !important;

  border: none;

  padding: 0 !important;

  cursor: pointer;

  user-select: text;

  text-decoration: none;

  color: #FF0000;

  color: var(--#FF0000);

}

 

</style>


Until next time, 

Viola Black 

xoxo


0 Kudos

Comments

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

BunnyNecromancy

👻 BunnyNecromancy's profile picture

do you know where to put the layout code? im desesperated BIWEFUIWFI


Report Comment



It should be in the "edit profile" section.

by Life as a Teenager; ; Report

thank you!

by BunnyNecromancy; ; Report