Ascendant Phoenix Test Layout Page
As this is an ongoing process and I like to experiment, there will probably be a lot of changes to how this looks and feels. Also, anything new or fun that I'm experimenting with will probably be located here. Go to bottom Anchor
Who I Am (Major title heading size)(Size 2)
Jonathan Fredrick (behavior)
Logo Replacement (minor title heading size)(size 3)
We'll get to this in Chapter 2 evidently
Heading Size 3
Let's see how dynamic things work
| Date | Event | Location | Cost |
|---|---|---|---|
| {Date} | {Event} | {Location} | ${Cost} |
Designed for sub-sections of websites
This is a Mask (it is bold) This is a CSS class
An experiment with behaviors...click the picture to make it smaller
I want my words to align properly with the picture but not at the bottom. Need to work with properties of the picture itself. Experiment with right and left alignment
Click this link to show the hidden box
Rollover Images
Now, you might be wondering why this is here « I need placeholder text for later on
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non augue sed velit fermentum molestie. Curabitur ornare felis lacus. Nunc id luctus quam. Vestibulum non justo massa. Praesent non risus mi, quis congue nisi. Pellentesque vel lacinia orci. Integer malesuada elementum augue et egestas. Nunc lorem neque, rhoncus nec dignissim sed, varius eu nisi. In hac habitasse platea dictumst. Donec venenatis metus ut sem gravida blandit. Fusce tincidunt gravida augue at cursus. Sed auctor hendrerit venenatis. Pellentesque mollis interdum augue nec suscipit. Fusce eu justo mi.
Vestibulum rhoncus ligula vel ligula viverra placerat. Aenean nunc augue, sagittis ut semper vitae, viverra non nunc. Ut sit amet mattis mi. Nunc vulputate, nisl a luctus condimentum, ipsum ipsum vestibulum lacus, ut consectetur massa ligula sit amet urna. Morbi tortor neque, gravida ac luctus interdum, sagittis pretium sem. Cras facilisis, libero a rutrum egestas, ipsum massa imperdiet magna, eu laoreet arcu neque dapibus orci. Morbi congue fermentum massa, quis tincidunt massa sodales vel. Phasellus ipsum enim, iaculis vel tincidunt nec, luctus ac neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris sit amet metus quam. In vitae mauris lacus, non sagittis augue. Suspendisse dapibus turpis a lacus aliquam cursus. Etiam eget justo nec elit venenatis bibendum pulvinar a orci. Praesent tincidunt pellentesque nulla, id ultricies felis sollicitudin ut. Nunc urna mauris, bibendum sodales eleifend eget, fringilla at neque.
Vivamus sed mi id odio tempor tempor sit amet in lacus. Mauris volutpat tempus fringilla. Ut fermentum dignissim tempus. Quisque gravida cursus dapibus. Proin a imperdiet mauris. Duis non est sed lectus dictum dapibus eu non diam. Integer suscipit diam erat. Donec ut velit eget tortor pulvinar ullamcorper. Nunc dui mauris, pulvinar vitae mattis in, volutpat non lectus. Nunc congue fringilla nisi, eget semper lorem fermentum quis. Suspendisse gravida ligula vitae odio fringilla congue. Fusce mattis consectetur pretium.
Duis a augue vitae augue rutrum pulvinar. Integer et consequat quam. Nullam pretium mi gravida justo dignissim commodo. Morbi a lectus ligula, nec consectetur nulla. Suspendisse diam mauris, ornare quis pellentesque at, elementum eget dui. Maecenas facilisis facilisis sapien, ut rutrum felis adipiscing eu. Sed iaculis nisi at urna sagittis eget imperdiet erat accumsan. In hac habitasse platea dictumst.
Nullam dignissim sollicitudin sapien, et condimentum nunc sollicitudin condimentum. Nullam quis sagittis est. Maecenas eu eros eu tellus blandit suscipit a ac tortor. Maecenas nisi lorem, accumsan id vehicula sed, feugiat id enim. Vestibulum eget dolor ipsum, eu aliquet purus. Aenean at velit lacus, ac blandit nibh. Integer eget quam erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean cursus ultrices lorem, tincidunt laoreet augue scelerisque vitae. Phasellus cursus placerat lobortis. Cras eget arcu ac quam porttitor blandit vitae eu metus. Etiam bibendum felis eu nibh auctor auctor. Vivamus erat dui, convallis eget euismod et, mollis ut diam. Nam sed magna id arcu dictum vulputate suscipit ac metus.
Now I can use Transparencies and layer masks in Photoshop or Fireworks to create better images but I have to save them as PNGs if I want layer properties to show through... This effect was done through feathering and while it's not bad, I don't know how useful it truly is. Just keep in mind that Photoshop can be a bitch to get things looking exactly the way they're supposed to
Redefining HTML "tags" in CSS has larger consequences
Nothing really important. Just working with pointer files in the middle of text
what else am i doing with alignment? This is currently aligned to the left of the image
Let's see what happens when I want to see an external document
Let's also try some data: Now, from Excel I'll have to save the table as a Tab delimited .txt file. Not too hard
| Toledo | Sandusky | Far West | Southwest | Cleveland | West Side |
| Andersons Inc. | Bassetts Market | Amherst Party Shop | Aldo's | Reddstone | 87 West Wine Bar |
| Andersons Maumee | Mutach's Food Market | Aroma | Bucci's Brick Oven | Battery Park Wine Bar | Arrabiata's |
| Afficionado Wine | Baci | The Wine Room | Santosuosso's | Brassa Grill | Minotti's Westlake |
| Andersons Woodville | Axel & Harry's | Chez Francois | Southland Beverage | Bruno's ristorante | Northcoast Beer & Wine |
| Churchill's Central | Catawba Island Club Marina | Wood & Wine | The Olde Wine Cellar | Clifton Wine bar | Pier W |
| Churchill's Perrysburg | Crews Nest | Vento La Trattoria | Vineyards Wine Merchant | Constantinos | Player's On Madison |
An added flash movie... insert | Media | .swf
It is centered in Dreamweaver but not in Firefox...will explore
For a multimedia sound file like below, add a parameter called "Autostart" and then for value add "false". To have it loop, use the "loop" parameter with either "true" "false" or "n" (number of times to be played)
Listen to this song only if you want to hear the same thing above
This text is bold and centered.
but to center it using CSS, have to apply the ".centered" class before the bold class. Doing .bold and then .centered will not work due to cascading elements.
A link to my portfolio
© 2012 Jonathan Fredrick (This is a library item group)
Which means I only have to change the .lbi file for it to effect everything else.
Can't manually change it in the program though (have to double-click)