Q4 2016 PTC Day 10

5:15p - 6:45p

515 - 530 -- packet review and 5 min meditation

aaand back to web editing.

There's gotta be some kind of troubleshoot guide for demo's not working.

Oh hey, it worked!

Watched the training on cornerstone today... pretty evident this is all I will ever need.

Honestly the most amazing web editor ever.  X was an amazingly rewarding investment.

Cornerstone Intro:
https://community.theme.co/kb/cornerstone-introduction/

Notable:
@ 34:00 he gets into the page-CSS editor and by highlighting text and pressing command + D (presumably, CTRL + D on a PC) he can select all occurrences of it and edit all at once (multiple cursors).  Super cool.

TEMPLATES -- there's predesigned pages AND ***BLOCKS***
and one blog is perfect for my next objective TIO: "MENU 2: COLUMNS"

So the time it took to watch all this just paid for itself!!!

Q3 PTC Day 65

6p - 7p

HOW TO MAKE HEADER

...AND ANYTHING ELSE...

Simply make them as normal elements on the page below the upper part, as normal in wordpress.

Style the below part to match the top part.

Then copy the HTML and paste it where you want it.

...once the page is published, do all this on a separate page titled workshop.

TODAY

-got a dozen or so sunset bg's to try out.

-added to stylesheet to make a box around the elements on the page so they stand out as separate from bg image.  (note how this page does it with the text... not sure if i can be the same with video but here's to hoping... guess I gotta figure this out and if this kinda bg image will work.  So far it's not working so hot.... http://nasfactor.com/themes/dotsquare/html/html/index.html )

CODE:

CSS:

.box {

  border-top: #ccc 1px solid;

  border-right: #ccc 1px solid;

  border-bottom: #777 1px solid;

  border-left: #777 1px solid;

}

Element:

<whatever class="box"></whatever>

also maybe try this one here:
http://webdesignerwall.com/tutorials/css-the-all-expandable-box

Design Thoughts

It's almost like I need a black bg with a picture stylishly running up the side and around the top or something.  This full bg isnt goin anywhere fast.

Show/Hide Content

How to SHOW / HIDE text on a page using javascript and CSS.  Taken from here:

http://www.cssnewbie.com/example/showhide-content/

See le code by going into edit or source on this blog post... or just goto that link above :).

See more.

Congratulations! You've found the magic hidden text! Clicking the link below will hide this content again.
Hide this content.