I love this code sm!!! I just need help with 1 thing!
I'm trying to add more pages to the books but I can't figure out what I need to be copy/pasting and where?
sorry i'm not the greatest at explaining but i'll try
books will stick to the left of the shelf in order (aside from the red book, which will always lock to the right)
to add books to the shelf, you can just copy and paste the first book button's code to the bookshelf and replace #bookOne to maybe #bookFive:
<a class="btn col justify-content-center p-2 " data-toggle="collapse" href="#bookFive" style="background-color:#333159;height:275px;max-width:65px;
background-image:linear-gradient(to right, #252443, rgba(0,0,0,0), #2f2d50, rgba(0,0,0,0), #252443);
border:solid #191832;border-width:2px 2px 2px 2px;overflow:hidden;">
<span class="my-3" style="font-family:times;position:absolute;text-shadow: 0px 0px 3px #654f2a;color:#a79576;">author</span>
<span class="my-3 align-self-center" style="transform:rotate(90deg);font-family:times;font-size:2rem;text-shadow: 0px 0px 3px #c4923c;color:#a79576"> NAME 1 </span>
</a>
(red part should be changed to whatever number you need)
then at the end of the book section, copy and paste the code of the actual book, and use ctrl+f to replace all instances of #bookOne, #coverOne, #pagesOne, #innercontentOne to be (let's say) #bookFive, #coverFive, #pagesFive, #innercontentFive
lmk if you need any more help ><
[F2U] bookshelf's Comments