topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Tuesday April 7, 2020, 4:11 pm
  • Proudly celebrating 15 years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Topics - fredemeister [ switch to compact view ]

Pages: [1]
1
Post New Requests Here / Book synopsis template
« on: October 12, 2019, 10:59 PM »
I'm writing my own book library for family members, and this is the code for each entry, using dummy data:

<section class="container">

  <p class="txt--center font-bold--200">_Character_Name  Series</p>

  <article>

    <div>

      <h2 id="silent-heroes">01 Silent Heroes</h2>

      <a href="one/two/silent-heroes.epub"><img src="silent-heroes" alt="book-cover" height="200" /></a>

      <p>[SYNOPSIS GOES HERE] <a class="read-book-link--maroon" href="one/two/silent-heroes.epub">Read the book!</a></p>

    </div>

  </article>

</section>

  // Repeat <div> as required //

Each author in this library has one page, headed with their name and photo. This page will have all their books listed under character-name headings, with this code above used for each book in that series.

I see the ID would be the determining factor in making sure the data is entered for the correct book.

There is other code, but that's for page layout.

After going through this over 200 times so far, and with, oh ... only about another 5,000 more, I'm thinking there has to be a better way than manually authoring the web page. Some CSS image galleries have a gui for entering the appropriate information, which then inserts that data in the relevant places in the HTML.

I don't know how to do this, but would javascript be a good option to do this from a list? ( I don't know javascript, btw.) Or could someone tell me what's involved for some other method?

mtia
freD

2
Developer's Corner / Menu for image site with over 20,000 images
« on: December 08, 2016, 06:54 PM »
I have them stored in folders as below:

    Top: country
Child 1: state-province
Child 2: area

So far there are 34 "Country" folders, and some of these have up to 40 "State-Province" sub-folders, and some of those have 10-15 "Area" sub folders.

For example:

USA
  Arizona
      Grand Canyon
      Glen Canyon
      Lake Mead
      Navajo
      Petrified Forest
  Utah
      Monument Valley
      Bryce Canyon
      Canyonlands
      Arches National Park
      Coral Pink Sand Dunes State Park
      Dead Horse Point State Park
      Escalante Petrified Forest State Park
      Goblin Valley State Park
      Green River State Park
      ... and about five more.

I've attempted to create a menu for this, but am bewildered on what sort of layout would cope with the large number of links.

My current attempt is a drop-down with countries listed across the top.  However, given the amount of links in each state this is becoming cumbersome, and looks terrible on a page. Also there would need to be at least three-lines of links.

I've also tried one page with all links on that page, as per example above.  That works well, but looks odd.

The above example of the USA is the largest collection of galleries, so the above example gives a fair idea of the problem.

(I also have a music section with over 1200 albums that I dealt with using a one page, alphabetical listing, with sub-pages for artists with more than one album.  That worked, but my wife asked if there was any way to reduce the number of clicks in getting to her music of choice.  So far I haven't thought of an answer, apart from "no".)

However, if that's what's necessary, I have the template ...

I don't think there's a right or wrong answer here, but would really appreciate your comments.

If you this far, many thanks for your perseverance, and hopefully your suggestions.

Pages: [1]