Joomla! Documentation - User contributions [en]

Setting up page width

2009-05-03T16:09:19Z

Kennyl:

{{review}}
Some templates provide the opportunity to select the type of page width, through its parameter settings. In case this does not meet the requirements, the template manager also allows the modification of the cascading style sheets. It is in those files, usually with the extension .css, that most, if not all, of the style (graphical) attributes are defined.

'''What is CSS?'''

CSS stands for Cascading Style Sheet. HTML tags specify the graphical flow of the elements, be it text, images or flash animations, on a webpage. CSS allows us to define the appearances of those html tags with their content, somewhere, so that other pages, if want be, may adhere to. This brings along consistency throughout a website. The cascading effect stipulates that the style of a tag (parent) may be inherited by other tags (children) inside it.

'''CSS Statements'''

The definition of an html tag is as follows:

tagname { attribute: value; attribute: value; }

Tagname may be any html tag but for the sake of setting up page width, what is of interest to us is an html tag that gives structure to a webpage. Some webpages are constructed from div tags while others are constructed on table tags. Usually, the tag has a 'width' attribute. You set up a page width by varying the value of the 'width' attribute.

Sometimes, html tags are not defined directly. They are given an id or a class name and CSS refers to those specific tags by their ids or their class names.

The definition of an id in CSS is as follows:

#idname { attribute: value; attribute: value; }

while the definition of a class in CSS is as follows:

.classname { attribute: value; attribute: value; }

Again setting up a page width means modifying the value of the 'width' attribute of any one of these definitions.

'''Value of the 'width' attribute'''

The value of the 'width' attribute may be in pixels or percentage. Pixels are fixed values; hence in this case, the width does not vary according to window resizing or changing screen resolutions. Percentage usually means that the width is a fraction of the width of its container. So if we have a screen resolution of 1024 pixels by 768 pixels and our page width is set to 80% of the browser window container, our page would be approximately 820 pixels (80% of 1024) provided that the window browser is open at its fullest.

Setting up page width

2009-05-01T16:08:31Z

Kennyl:

{{cookiejar}}
Some templates provide the opportunity to select the type of page width, through its parameter settings. In case this does not meet the requirements, the template manager also allows the modification of the cascading style sheets. It is in those files, usually with the extension .css, that most, if not all, of the style (graphical) attributes are defined.

'''What is CSS?'''

CSS stands for Cascading Style Sheet. HTML tags specify the graphical flow of the elements, be it text, images or flash animations, on a webpage. CSS allows us to define the appearances of those html tags with their content, somewhere, so that other pages, if want be, may adhere to. This brings along consistency throughout a website. The cascading effect stipulates that the style of a tag (parent) may be inherited by other tags (children) inside it.

'''CSS Statements'''

The definition of an html tag is as follows:

tagname { attribute: value; attribute: value; }

Tagname may be any html tag but for the sake of setting up page width, what is of interest to us is an html tag that gives structure to a webpage. Some webpages are constructed from div tags while others are constructed on table tags. Usually, the tag has a 'width' attribute. You set up a page width by varying the value of the 'width' attribute.

Sometimes, html tags are not defined directly. They are given an id or a class name and CSS refers to those specific tags by their ids or their class names.

The definition of an id in CSS is as follows:

#idname { attribute: value; attribute: value; }

while the definition of a class in CSS is as follows:

.classname { attribute: value; attribute: value; }

Again setting up a page width means modifying the value of the 'width' attribute of any one of these definitions.

'''Value of the 'width' attribute'''

Setting up page width

2009-05-01T15:49:57Z

Kennyl:

Setting up page width

2009-05-01T14:59:51Z

Kennyl:

{{cookiejar}}
Some templates provide the opportunity to select the type of page width, through its parameter settings. In case this does not meet the requirements, the template manager also allows the modification of the cascading style sheets. It is in those files, usually with the extension .css, that most, if not all, of the style (graphical) attributes are defined.

'''What is CSS?'''

CSS stands for Cascading Style Sheet. HTML tags specify the graphical flow of the elements, be it text, images or flash animations, on a webpage. CSS allows us to define the appearances of those html tags with their content, somewhere, so that other pages, if want be, may adhere to. This brings along consistency throughout a website. The cascading effect stipulates that the style of a tag (parent) may be inherited by other tags (children) inside it.

'''CSS Statements'''

The definition of an html tag is as follows:

tagname { attribute: value; attribute: value; }

Tagname may be any html tag but for the sake of setting up page width, what is of interest to us is an html tag that gives structure to a webpage. Some webpages are constructed from div tags while others are constructed on table tags. Usually, the tag has a 'width' attribute. You set up a page width by varying the value of the 'width' attribute.

Sometimes, html tags are not defined directly. They are given an id or a class name and CSS refers to those specific tags by their ids or their class names.

The definition of an id in CSS is as follows:

\#idname { attribute: value; attribute: value; }

while the definition of a class in CSS is as follows:

.classname { attribute: value; attribute: value; }

Again setting up a page width means modifying the value of the 'width' attribute of any one of these definitions.

'''Value of the 'width' attribute'''

screen resolution, percentage, pixels.

Setting up page width

2009-05-01T14:58:12Z

Kennyl:

Setting up page width

2009-04-17T17:18:44Z

Kennyl:

Setting up page width

2009-04-17T17:16:23Z

Kennyl:

Removing author name, creation date or update date from an article

2009-04-12T17:15:24Z

Kennyl:

To remove the author name, creation date and time and modified date and time from an Article:
#Open the Article for editing either by:
#* Click the '''Content > Article Manager''' menu item or click the ''Article Manager'' button in the Control Panel.
#* Once in the ''Article Manager'', click the Article Title to edit or tick the box next to the Article and click the ''Edit'' button in the toolbar.
#* If you are logged in to the Front-end with appropriate permissions and are viewing the Article you wish to edit, click the ''Edit'' icon usually found at the upper right corner.
#Click on the ''Parameters - Advanced'' pane in the Parameters section of the Edit Article screen.
#Locate the ''Author Name'', ''Created Date and Time'' and ''Modified Date and Time'' drop down fields in the Parameters list and change to ''Hide'' as required.
#*'''Use Global''': Uses the setting in the Article Parameter Global configuration.
#*'''Hide''': Hides the information and overwrites the global configuration for the current Article only.
#*'''Show''': Displays the information and overwrites the global configuration for the current Article only.
#Click the ''Save'' or ''Apply'' button in the toolbar to save the Article.
==See also==
* [[Removing author name, creation date or update date from all Articles]]

Removing author name, creation date or update date from an article

2009-04-12T17:14:11Z

Kennyl:

{{review}}
To remove the author name, creation date and time and modified date and time from an Article:
#Open the Article for editing either by:
#* Click the '''Content > Article Manager''' menu item or click the ''Article Manager'' button in the Control Panel.
#* Once in the ''Article Manager'', click the Article Title to edit or tick the box next to the Article and click the ''Edit'' button in the toolbar.
#* If you are logged in to the Front-end with appropriate permissions and are viewing the Article you wish to edit, click the ''Edit'' icon usually found at the upper right corner.
#Click on the ''Parameters - Advanced'' pane in the Parameters section of the Edit Article screen.
#Locate the ''Author Name'', ''Created Date and Time'' and ''Modified Date and Time'' drop down fields in the Parameters list and change to ''Hide'' as required.
#*'''Use Global''': Uses the setting in the Article Parameter Global configuration.
#*'''Hide''': Hides the information and overwrites the global configuration for the current Article only.
#*'''Show''': Displays the information and overwrites the global configuration for the current Article only.
#Click the ''Save'' or ''Apply'' button in the toolbar to save the Article.
==See also==
* [[Removing author name, creation date or update date from all Articles]]

Removing author name, creation date or update date from an article

2009-04-12T17:03:29Z

Kennyl:

{{review}}
To remove the author name, creation date and time and modified date and time from an Article:
#Open the Article for editing either by:
#* Click the '''Content > Article Manager''' menu item or click the ''Article Manager'' button in the Control Panel.
#* Once in the ''Article Manager'', click the Article Title to edit or tick the box next to the Article and click the ''Edit'' toolbar button.
#* If logged in to the Front-end, you have appropriate permissions and are viewing the Article you wish to edit: Click the ''Edit'' button.
#Click on the ''Parameters - Advanced'' pane in the Parameters section of the Edit Article screen.
#Locate the ''Author Name'', ''Created Date and Time'' and ''Modified Date and Time'' drop down fields in the Parameters list and change to ''Hide'' as required.
#*'''Use Global''': Uses the setting in the Article Parameter Global configuration.
#*'''Hide''': Hides the information and overrides the global configuration for the current Article only.
#*'''Show''': Displays the information and overrides the global configuration for the current Article only.
#Click the ''Save'' or ''Apply'' toolbar button to save the Article.
==See also==
* [[Removing author name, creation date or update date from all Articles]]