Alright...
So as part of my desire to learn Drupal I decided to start by...

  1. Setting up a basic site
  2. Creating a custom content type (Netrunner cards)
  3. Creating a taxonomy for it (Large selection)
  4. Star modifying / generating a theme for it

What I have is best displayed here...
Android: Netrunner - Core Set

My custom type is a LCG (Living Card Game) card.
Each card is published in Data Packs which are basically sub-sets of Subcollections.
The game currently has two Subcollections, Core Set and Genesis Cycle.

The Core Set has a single Data Pack and Genesis Cycle has 6 data packs, 5 published and 1 yet to go.

Each card has a multitude of fields that I broke up into Taxonomies for ease of navigation. This way Drupal manages the users ability to navigate through cards based on criteria.

As I have maneuvered through setup, I have run into some issues.
Certain images needed to be styled, markedup a certain way, etc.
So I have edited the style.css and template.php for a child-theme of a parent-theme that I found and liked.

Well, things have gotten to the stage where I am ready to start making serious style adjustments and I'm unsure of the proper or Best-Practices of Drupal child-theming.

There are two view modes so far... three if you include Search.
I have Teaser and Full, (we and technically Default too).

I am wanting to break up the way the cards are displayed on screen based on TWO different modes.

Teaser... I would like to setup a grid layout with just the card image and the card title.
Full... I would like to setup a css block layout (display:block) with fields laid out nicely.

For Full I would like to mimic this sites layout... Netrunnercard.info

But I am unsure of how to start?
Should I edit field.tpl.php files? Or just the node.tpl.php?

I can create netrunner-card.field.tpl.php (or whatever the correct naming convention would be)...
But what about the individual fields?

Or should I just edit the CSS and stay green...? lol.

I'm at the 'I need help stage.'

Comments

randomblink’s picture

Should I just create a bunch of functions and use CSS to style everything?

randomblink’s picture

Bump