Published by Mutant. 25+

published 1758199029
updated 1758219977

Category: Web, HTML, Tech

View Blog View Profile Report Blog Entry

Code for Bookshelves on my profile

This blog is yet another note to myself but someone else might find it useful too.

All books can be individually changed

Bookshelf: these link you to my goodreads favourite shelf, change the shelflists url if you use this

<style>

.gr_custom_container_1749572403 {

border: 2px solid #7d730b;

border-radius: 10px;

padding: 10px 5px 10px 5px;

background-color: #121212;

color: #ddd;

width: 220px;

font-family: GFS Didot;

}

.gr_custom_header_1749572403 {

border-bottom: 1px solid #555;

width: 100%;

margin-bottom: 8px;

text-align: left;

font-size: 110%;

font-weight: bold;

}

.gr_custom_header_1749572403 a {

color: #f0e68c;

text-decoration: none;

}

.gr_custom_header_1749572403 a:hover {

text-decoration: underline;

}

.gr_custom_each_container_1749572403 {

width: 100%;

clear: both;

margin-bottom: 12px;

overflow: auto;

padding-bottom: 6px;

border-bottom: 1px solid #444;

}

.gr_custom_book_container_1749572403 {

overflow: hidden;

height: 60px;

float: left;

margin-right: 8px;

width: 40px;

border-radius: 3px;

box-shadow: 0 0 5px rgba(255,255,255,0.1);

}

.gr_custom_book_container_1749572403 img {

height: 60px;

width: auto;

border-radius: 3px;

}

.gr_custom_rating_1749572403 {

float: right;

}

.gr_custom_title_1749572403 {

font-weight: 600;

font-size: 14px;

margin-bottom: 2px;

}

.gr_custom_title_1749572403 a {

color: #eee;

text-decoration: none;

}

.gr_custom_title_1749572403 a:hover {

text-decoration: underline;

}

.gr_custom_author_1749572403 {

font-size: 12px;

color: #aaa;

margin-bottom: 2px;

}

.gr_custom_author_1749572403 a {

color: #aaa;

text-decoration: none;

}

.gr_custom_author_1749572403 a:hover {

text-decoration: underline;

}

.gr_custom_tags_1749572403 {

font-size: 11px;

color: #666;

}

.staticStars img {

filter: drop-shadow(0 0 0.5px black);

}

center img {

filter: brightness(0) invert(1);

}

</style>

BookMutant's bookshelf:

</a>

</h2>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/review/show/5677955765?utm_medium=api&utm_source=custom_widget">The Hobbit, or There and Back Again</a>

</div>

by <a href="https://www.goodreads.com/author/show/656983.J_R_R_Tolkien">J.R.R. Tolkien</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/review/show/5677956668?utm_medium=api&utm_source=custom_widget">The Catcher in the Rye</a>

</div>

by <a href="https://www.goodreads.com/author/show/819789.J_D_Salinger">J.D. Salinger</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/review/show/5677960415?utm_medium=api&utm_source=custom_widget">Memoirs of a Geisha</a>

</div>

by <a href="https://www.goodreads.com/author/show/614.Arthur_Golden">Arthur Golden</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/review/show/5677997104?utm_medium=api&utm_source=custom_widget">Hitman Anders and the Meaning of It All</a>

</div>

by <a href="https://www.goodreads.com/author/show/3222554.Jonas_Jonasson">Jonas Jonasson</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/review/show/5678009473?utm_medium=api&utm_source=custom_widget">De man die zijn vrouw voor een hoed hield</a>

</div>

by <a href="https://www.goodreads.com/author/show/1692965.Otto_Jaag">Otto Jaag</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/book/show/19135360-the-little-old-lady-who-broke-all-the-rules?ac=1&from_search=true&qid=UTs5MdOKSe&rank=1">The Little Old Lady Who Broke All the Rules</a>

</div>

by <a href="https://www.goodreads.com/author/show/29534.Catherine_Cookson">Catherine Cookson</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

</a>

</div>

</span>

</div>

<a href="https://www.goodreads.com/book/show/1066078.Cirque_Du_Freak?ref=nav_sb_ss_1_5">Cirque Du Freak</a>

</div>

by <a href="https://www.goodreads.com/author/show/887.Alan_Moore">Darren Shan</a>

</div>

<div class="gr_custom_tags_1749572403">tagged: favorites</div>

</div>

I guess i deleted something here but i forgot ^

Books I've read section: these link you to my goodreads read list, change the shelflists url if you use this

<style>

.gr_grid_container {

width: 450px;

background: rgba(30, 30, 30, 0.3);

border: 2px solid #7d730b;

padding: 25px;

border-radius: 5px;

font-family: GFS Didot;

color: #eaeaea;

box-shadow: 0 0 5px #000;

}

.gr_grid_container h2 {

font-size: 18px;

margin-bottom: 5px;

color: #7d730b;

}

.gr_grid_container h2 a {

text-decoration: none;

color: #f0e68c;

}

.gr_grid_book_container {

float: left;

width: 47px;

height: 88px;

padding: 0 3px 5px 0;

overflow: hidden;

}

.gr_grid_book_container img {

border-radius: 3px;

box-shadow: 0 0 4px rgba(255, 255, 255, 0.1);

}

.gr_grid_branding {

display: block;

margin-top: 5px;

font-size: 12px;

text-align: right;

color: #aaa;

text-decoration: none;

}

.gr_grid_branding:hover {

text-decoration: underline;

}

</style>

<h2><a href=" CHANGE THIS LINKhttps://www.goodreads.com/review/list/167582377-bookmutant?shelf=read" target="_blank">Books I've read</a></h2>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

View more on Goodreads »

</a>

</div>

18 Kudos

Comments

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

girlstruggler	Pinned 1758199999 mmmm yummers code Report Comment takes bow by Mutant. 25+; 1758200254; Report by girlstruggler; 1758200470; Report
Juni	1759348129 Using, thank you! Report Comment Thanks👍 by Mutant. 25+; 1759352185; Report
ConcertZombie	1758206838 This is so cool! I'll totally mess around with this whenever I have the time. I've been in a reading slump for a while, and this would be so fun to keep up with on my profile! Report Comment Thanks! Just keep in mind to change the link to your own shelves by Mutant. 25+; 1758208666; Report
Ciaga	1758200676 omg , that is so cool Report Comment Thanks :) by Mutant. 25+; 1758200730; Report