Categories are how the articles are organized.   There can be both categories and sub-categories of a category.  The menu items point to the categories not to the articles.  If a category does not have a menu attached to it the article will not show on the web site.

First create the category.  Go to content -> category manager.  Select new.  Add a title to the category and a description of function of this category. On this page you would select if this is a parent category or sub-category of an existing category. Meta options is where the description and keywords are entered for this category.  Once all the necessary information is filled out click save or save & close.

Next make the menu that will show the articles attached to a given category. Go to menu -> menu manager (if the menu component already exists.)  Most new menus will probably be part of main menu.  So if I wanted to add to the main menu I would go to

menu -> menu mange r-> main menu-> Add new menu item

click on select to chose the type of menu you are creating.  Most of the menus will be articles -> category blog.  Then chose a category you want attached to this menu.  Give the menu a title.  This is what will show on the web site.  Further down on this page you can change the menu location and the parent item.  If the menu is pointed to a menu that already exists it becomes a submenu.  Then click on Advanced Options. This is where you can change from the global settings.  The settings I change are under the Blog Link Options.  Category order is category manager order.  Article order is article manager order.  

Articles options changes I do are:

   Show Category -> Hide

   Show Author -> Hide

   Show Create Date -> Hide

   Show Modify Date -> Hide

   Show Publish Date -> Hide

   Show Hits -> Hide

   Show Unauthorized Links -> No

The above allows the posting to appear like an article instead of one long blog positioning.

 Then save & close.

 

Now for the new article

Content -> Article Manager -> Add New Article

Enter a Title.  Select the category you want the article to be attached to.  Write your article.  Add your metadata information under the tap for meta data.  The global choices are the ones selected when the category was set up. Under article options any of the global options can be overrode.

Once done with the article save & close.


Last note - save as you are going along so you do not loss all the information you have entered.

Comments (0)

You need to have the header either stored on the site  (website directory)->images->headers or elsewhere online.  If elsewhere online you need to know the url to point to it.  The size of the image  (if full screen) should be 940 by 180 pixels, resolution 72. The header image can be either jpg or png.

To add a logo or a header file to the site go to extension->template->(default template)

In the template manager select the options tab. Make sure the advanced option it open.  Go to logo select.  This will take you to the folder for images->header or you can enter the url. Select the header image.  The static option for fluid layout seems to give the best appearance.

Comments (0)

HTML tells the browser what each element is.

CSS defines how the content looks.

javascript determines how things behave.

Comments (0)

There are least four ways to position things using CSS. They are

  1. Static - default positioning, evereything is positioned according to its position in the code and the natural flow of text.
  2. Relative - used to nudge an element slightly from its natural position in the normal text flow. Applied to this can be top, left, bottom, or right with a % or px value. Bottom and right reverse the meaning of the positive and negative values used with top and left.
  3. Fixed - positions the item on the viewport regardless of size of page. Does not scroll with the page. Always in the same place on the viewport. Think of this as putting the element on the monitor screen with a post-it note.  It does not move relative to the viewport it moves relative to the page.  The code for this is position:fixed; the a property of top, left, bottom, or right with either a % or value. Top places the element at the top of the viewport with a positive value moving it down the viewport and a negative value moving it up the viewport.  Left places the element on the left side of the viewport with a positive number moving the element toward the right and a negative number moves the element towards the left. Bottom places the element at the bottom of the viewport.  With a positive value moving the element up the viewport and a negative value putting the element further down the viewport.  Right places the element on the right side of the viewport.  With a positive value moving the element to the right and a negative value moving the element left.
  4. Absolute - positions the element relative to the viewport or a positioned containing element tht is not statically positioned. If there is no containing element then it is positioned to the viewport.

 Absolute positioning is usually used to fix an element inside some other element.

Fixed positioning is usually used to position things relative to the viewpost.

 

Comments (0)

Background positions can be controlled through CSS3.

the basic background statement is

background-image:url(location);

There are ways to set the location of the image besides using background image repeats.

background-repeat:direction ; where direction can be repeat-x, repeat-y, no-repeat, or no value. The default is to repeat continuously within the window.


More advanced background features is attachment and position.

background-attachment:value where value can be scroll or or fixed.  Attachment says how to afix the image not where to afix the image.  Scroll allows the image to move with the page and fixed makes the image stationary.

Use background-position to tell the site where you want to position the background.

backgound-position: horizontal [vertical] where horizontal can be left right center  or a number with a unit of measurement behind it for the horizontal measurement.  If the vertical value is omitted it defaults to center otherwise use top, center or bottom.  If a unit of measurement is used with vertical it is the measurement from the viewport.

 

 

Comments (0)