Contents

Member Sign in

admin

Sermon Views - Styling and Controlling

Install.Styling History

Hide minor edits - Show changes to output

April 10, 2013, at 01:13 PM EST by Dave Marney - Added !important metatags
Changed line 43 from:
#sermons {font-size:11px;} #sermons a {text-decoration:none;}
to:
#sermons {font-size:11px !important;} #sermons a {text-decoration:none !important;}
March 29, 2013, at 11:25 PM EST by Jay - Added link to new support ticket system
Added line 187:
%frame bgcolor="lightblue"%If you need help with any of these steps, just [[https://www.sermonsonline.com/admin.htm|sign in]] to the Site Manager and open a '''Support Ticket'''
May 31, 2012, at 01:14 AM EST by 70.169.167.93 -
May 31, 2012, at 01:14 AM EST by 70.169.167.93 -
Changed line 152 from:
** Scritures view:  all sermons related to a particular book of the Bible
to:
** Scriptures view:  all sermons related to a particular book of the Bible
Changed line 94 from:
**[@sermonsite_action=view_authors@] - view by Preacher Name
to:
**[@sermonsite_action=view_authors@] - view by Speaker Name
Changed lines 117-118 from:
This parameter finds the date of the most recently-preached sermon, then lists just the sermons that were preached on that date.  Unlike the normal view, this parameter returns just a "snippet" of HTML text, suitable for embedding into a paragraph or table cell.
to:
This parameter finds the date of the most recently-delivered sermon, then lists just the sermons that were delivered on that date.  Unlike the normal view, this parameter returns just a "snippet" of HTML text, suitable for embedding into a paragraph or table cell.
Changed lines 128-129 from:
->Finds the date of the most recently-preached sermon, and lists all of the sermons preached on that date.
to:
->Finds the date of the most recently-delivered sermon, and lists all of the sermons delivered on that date.
Changed lines 149-150 from:
** Date view: all sermons preached on a particular date
** Authors view: all sermons preached by a particular preacher
to:
** Date view: all sermons delivered on a particular date
** Authors view: all sermons delivered by a particular speaker
Added lines 52-62:
Each URL parameter is composed of a name/value pair.  The parameter is prefixed with an ampersand (&) character.  Example:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&this_name=that_value
@]
>><<
[[<<]]

->Sets the parameter named "this_name" to the value, "that_value".

Changed lines 65-77 from:
!!Selecting Which Sermon View To Display

The [@sermonsite_action@] parameter defines which view is shown by the Sermons Online HTML script.  Valid values are one of the following:

**[@sermonsite_action=view_index@] - view by Date (default)
**[@sermonsite_action=view_authors@] - view by Preacher Name
**[@sermonsite_action=view_topics@] - view by Series Name
**[@sermonsite_action=view_scriptures@] - view by Scripture Reference
**[@sermonsite_action=view_titles@] - view by Sermons Title
**[@sermonsite_action=view_feeds@] - view Content Feed directory

Example:
to:
Embedded Parameters Example:
Changed lines 69-73 from:
&sermonsite_action=view_topics
to:
<script type="text/javascript">document.write("<script type='text/javascript'
src='https://www.sermonsonline.com/index.php?sermonsite
_custid=XXXXX
@]'''&PARAMETER_NAME=SOMEVALUE'''[@
&sermonsite_href=" + escape(location.href) + "'>
<","/script>");</script><a href="https://www.sermonsonline.com"></a>
Changed lines 78-89 from:
->Sets the view to View by Topic

!!Displaying Just The Most Recent
Sermons

A special [@sermonsite_action@] parameter can be used to display a short snippet of HTML that contains only the most recent sermon:

**[@sermonsite_action=get_current_sermon@]

This parameter finds the date of the most recently-preached sermon, then lists just the sermons that were preached on that date.  Unlike the normal view, this parameter returns just a "snippet" of HTML text, suitable for embedding into a paragraph or table cell.

Example:
to:
->Embeds the parameter, "PARAMETER_NAME" with the value "SOMEVALUE" into the Sermons Online HTML script.  Note that the parameter is prefixed with an ampersand (&) character.

Link
Example:
Changed lines 83-85 from:
[@
&sermonsite_action=get_current_
sermon
@]
to:
[@http://www.your-website.org/your-sermon-page.html@]'''?PARAMETER_NAME=SOMEVALUE'''
Changed lines 87-92 from:
->Finds the date of the most recently-preached sermon, and lists all of the sermons preached on that date.

!!Setting
the View Page Size

The [@sermonsite_pagesize@] parameter sets the number of sermons per page
.  Valid values are any number from 1-1000.  Defaults are 26 for the Date view and 52 for all others.
to:
->Passes the parameter, "PARAMETER_NAME" with the value "SOMEVALUE" to the your-sermon-page.html file. If this parameter is already defined in the Sermons Online script HTML embedded into that page, it will be overridden.

!!Selecting Which Sermon View To Display

The [@sermonsite_action@] parameter defines which view is shown by
the Sermons Online HTML script.  Valid values are one of the following:

**[@sermonsite_action=view_index@] - view by Date (default)
**[@sermonsite_action=view_authors@] - view by Preacher Name
**[@sermonsite_action=view_topics@] - view by Series Name
**[@sermonsite_action=view_scriptures@] - view by Scripture Reference
**[@sermonsite_action=view_titles@] - view by Sermons Title
**[@sermonsite_action=view_feeds@] - view Content Feed directory

Changed line 104 from:
&sermonsite_action=view_topic&sermonsite_pagesize=104
to:
&sermonsite_action=view_topics
Changed lines 109-122 from:
->Sets the view to View by Topic, and displays 104 sermons per page.

!!Selecting Specific Sermons To Be Displayed

The [@sermonsite_selection@] parameters is used with [@sermonsite_action@] to limit the display of a
sermon view to a matching key value.  Key values are any sort key that would normally appear in the view:

** Date view: all sermons preached on a particular date
** Authors view: all sermons preached by a particular preacher
** Topics view: all sermons in a particular series
** Scritures view:  all sermons related to a particular book of the Bible
** Titles view:  all sermons with a particular title

All spaces in the key value should be replaced with plus ('+') signs
.
to:
->Sets the view to View by Topic

!!Displaying Just The Most Recent Sermons

A special [@sermonsite_action@] parameter can be used to display a short snippet of HTML that contains only the most recent
sermon:

**[@sermonsite_action=get_current_sermon@]

This parameter finds the date of the most recently-preached sermon, then lists just the sermons
that were preached on that date.  Unlike the normal view, this parameter returns just a "snippet" of HTML text, suitable for embedding into a paragraph or table cell.
Changed line 123 from:
&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace
to:
&sermonsite_action=get_current_sermon
Changed lines 128-137 from:
->Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.

!!Displaying the Sermon Cover Page for a Specific Sermon

The [@sermonsite_sermonid@] parameter is used in conjunction with [@sermonsite_action=
view_sermon@]  to display the cover sheet of a specific sermon. 

Valid values are any sermon identifier of an active sermon.  Sermon identifiers are
automatically assigned by the Sermon Publisher.  You can read a sermon's
identifier by inspecting any sermon link in any view. 

to:
->Finds the date of the most recently-preached sermon, and lists all of the sermons preached on that date.

!!Setting
the View Page Size

The [@sermonsite_pagesize@] parameter sets the number of sermons per page
.  Valid values are any number from 1-1000.  Defaults are 26 for the Date view and 52 for all others.
Changed line 138 from:
&sermonsite_action=view_sermon&sermonsite_sermonid=123
to:
&sermonsite_action=view_topic&sermonsite_pagesize=104
Added lines 143-184:
->Sets the view to View by Topic, and displays 104 sermons per page.

!!Selecting Specific Sermons To Be Displayed

The [@sermonsite_selection@] parameters is used with [@sermonsite_action@] to limit the display of a sermon view to a matching key value.  Key values are any sort key that would normally appear in the view:

** Date view: all sermons preached on a particular date
** Authors view: all sermons preached by a particular preacher
** Topics view: all sermons in a particular series
** Scritures view:  all sermons related to a particular book of the Bible
** Titles view:  all sermons with a particular title

All spaces in the key value should be replaced with plus ('+') signs.

Example:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace
@]
>><<
[[<<]]

->Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.

!!Displaying the Sermon Cover Page for a Specific Sermon

The [@sermonsite_sermonid@] parameter is used in conjunction with [@sermonsite_action=view_sermon@]  to display the cover sheet of a specific sermon. 

Valid values are any sermon identifier of an active sermon.  Sermon identifiers are
automatically assigned by the Sermon Publisher.  You can read a sermon's
identifier by inspecting any sermon link in any view. 

Example:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_sermon&sermonsite_sermonid=123
@]
>><<
[[<<]]

May 07, 2009, at 02:48 AM EST by Dave Marney - Added help for get_current_sermon parameter
May 07, 2009, at 02:47 AM EST by Dave Marney - Added help for get_current_sermon parameter
Changed lines 3-4 from:
!View Layout
to:
(:*toc:)

!Controlling the Width and Height
Changed lines 31-32 from:
!View Styling
to:
!Controlling Styling
Changed lines 48-49 from:
!View Content
to:
!Controlling Content
Changed lines 54-55 from:
!!Selecting a Sermon View
to:
!!Selecting Which Sermon View To Display
Deleted lines 64-67:
!!Setting the View Page Size

The [@sermonsite_pagesize@] parameter sets the number of sermons per page.  Valid values are any number from 1-1000.  Defaults are 26 for the Date view and 52 for all others.

Changed line 69 from:
&sermonsite_action=view_topic&sermonsite_pagesize=104
to:
&sermonsite_action=view_topics
Changed lines 74-87 from:
->Sets the view to View by Topic, and displays 104 sermons per page.

!!Restricting the Content of a Sermon View

The [@sermonsite_selection@] parameters is used with [@sermonsite_action@] to limit
the display of a sermon view to a matching key value.  Key values are any sort key that would normally appear in the view:

** Date view: all sermons preached on a particular date
** Authors view: all sermons preached by a particular preacher
** Topics view: all sermons in a particular series
** Scritures view:  all sermons related to a particular book of the Bible
** Titles view:  all sermons with a particular title

All spaces in the key value should be replaced with plus ('+') signs
.
to:
->Sets the view to View by Topic

!!Displaying Just The Most Recent Sermons

A special [@sermonsite_action@] parameter can be used to display a short snippet of HTML that contains only
the most recent sermon:

**[@sermonsite_action=get_current_sermon@]

This parameter finds the date of the most recently-preached sermon, then lists just the sermons
that were preached on that date.  Unlike the normal view, this parameter returns just a "snippet" of HTML text, suitable for embedding into a paragraph or table cell.
Changed line 88 from:
&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace
to:
&sermonsite_action=get_current_sermon
Changed lines 93-102 from:
->Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.

!!Viewing a Sermon Cover Page

The [@sermonsite_sermonid@] parameter is used in conjunction with [@sermonsite_action=view_sermon@]  to display the cover sheet of a specific sermon
. 

Valid values are any sermon identifier of an active sermon.  Sermon identifiers are
automatically assigned by the Sermon Publisher.  You can read a sermon's
identifier by inspecting any sermon link in any view. 

to:
->Finds the date of the most recently-preached sermon, and lists all of the sermons preached on that date.

!!Setting
the View Page Size

The [@sermonsite_pagesize@] parameter sets the number of sermons per page
.  Valid values are any number from 1-1000.  Defaults are 26 for the Date view and 52 for all others.
Changed line 103 from:
&sermonsite_action=view_sermon&sermonsite_sermonid=123
to:
&sermonsite_action=view_topic&sermonsite_pagesize=104
Added lines 108-149:
->Sets the view to View by Topic, and displays 104 sermons per page.

!!Selecting Specific Sermons To Be Displayed

The [@sermonsite_selection@] parameters is used with [@sermonsite_action@] to limit the display of a sermon view to a matching key value.  Key values are any sort key that would normally appear in the view:

** Date view: all sermons preached on a particular date
** Authors view: all sermons preached by a particular preacher
** Topics view: all sermons in a particular series
** Scritures view:  all sermons related to a particular book of the Bible
** Titles view:  all sermons with a particular title

All spaces in the key value should be replaced with plus ('+') signs.

Example:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace
@]
>><<
[[<<]]

->Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.

!!Displaying the Sermon Cover Page for a Specific Sermon

The [@sermonsite_sermonid@] parameter is used in conjunction with [@sermonsite_action=view_sermon@]  to display the cover sheet of a specific sermon. 

Valid values are any sermon identifier of an active sermon.  Sermon identifiers are
automatically assigned by the Sermon Publisher.  You can read a sermon's
identifier by inspecting any sermon link in any view. 

Example:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_sermon&sermonsite_sermonid=123
@]
>><<
[[<<]]

June 24, 2008, at 11:29 AM EST by Dave Marney - Added help on styling IFRAME overrides
Changed lines 3-4 from:
!Styling a View
to:
!View Layout
Added lines 29-30:
!View Styling
Changed lines 35-36 from:
!Controlling Views
to:
If you are using the SCRIPT method to embed your sermons, then the sermon view will inherit any CSS styles selected by HTML tags that you have defined elsewhere on the web page.  For example, if you have defined styles for anchor text, they will be applied to the anchors generated in the sermon view.

If you are using the IFRAME method, however, then the sermon view will not inherit any CSS styles from the containing page.  You can completely override the default styling for sermons by including a selector for the "sermon" class within the default style field.  For example, the following value would set all sermon text to 11px by default, and disable underlining for all sermon link text:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
#sermons {font-size:11px;} #sermons a {text-decoration:none;}
@]
>><<
[[<<]]

!View Content

Changed lines 5-6 from:
If you are using the SCRIPT method to embed your sermons, you can control the size of the sermon display by pasting the script into a table cell, and setting the table to the desired height and/or width. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
to:
If you are using the SCRIPT method to embed your sermons, you can control the size of the sermon display by pasting the script into a table cell, and setting the table's WIDTH and HEIGHT attributes. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
Changed line 11 from:
       <td>-- Paste Your Sermons Online HTML Here --</td>
to:
       <td>-- Paste Your Sermon Archive SCRIPT Here --</td>
Changed lines 18-19 from:
If you are using the IFRAME method to embed your sermons, you can control the dimensions using the iframe's WIDTH and HEIGHT attributes.  The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
to:
If you are using the IFRAME method to embed your sermons, you can control the dimensions by setting the iframe's WIDTH and HEIGHT attributes.  The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
June 12, 2008, at 04:01 PM EST by Dave Marney - Added paragraph on styling IFRAMEs
Changed lines 5-6 from:
To control the size of the sermon display, paste your Sermons Online HTML into a table cell, and set the table to the desired height and/or width. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
to:
If you are using the SCRIPT method to embed your sermons, you can control the size of the sermon display by pasting the script into a table cell, and setting the table to the desired height and/or width. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
Deleted line 15:
Added lines 17-25:

If you are using the IFRAME method to embed your sermons, you can control the dimensions using the iframe's WIDTH and HEIGHT attributes.  The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em float=left<<
[@
<iframe width="500px" height="1024px"
src="https://www.sermonsonline.com/wrapper.htm..." />
@]
>><<
Changed lines 27-28 from:
to:
[[<<]]
Changed lines 47-49 from:
->[@&sermonsite_action=view_topic&sermonsite_pagesize=104@]\\
Sets
the view to View by Topic, and displays 104 sermons per page.
to:
>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_topic&sermonsite_pagesize=104
@]
>><<
[[<<]]

->
Sets the view to View by Topic, and displays 104 sermons per page.
Changed lines 70-72 from:
->[@&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace@]\\
Sets
view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.
to:
>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace
@]
>><<
[[<<]]

->
Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.
Changed lines 89-91 from:
->[@&sermonsite_action=view_sermon&sermonsite_sermonid=123@]\\
Views
the sermon cover page of sermon number '123'.
to:
>>background-color=#f7f7f7 border="1px black dashed" padding=1em margin-left="2em" float=left<<
[@
&sermonsite_action=view_sermon&sermonsite_sermonid=123
@]
>><<
[[<<]]

->
Views the sermon cover page of sermon number '123'.
Changed lines 30-31 from:
!!Sermon View
to:
!!Selecting a Sermon View
Changed lines 41-42 from:
!!View Page Size
to:
!!Setting the View Page Size
Changed lines 50-51 from:
!!Limiting a Sermon View
to:
!!Restricting the Content of a Sermon View
Changed lines 67-68 from:
!!View a Specific Sermon
to:
!!Viewing a Sermon Cover Page
Changed lines 1-2 from:
(:title Sermon Styling:)
to:
(:title Sermon Views - Styling and Controlling :)

!Styling a View

Added lines 24-79:
!Controlling Views

By default, Sermons Online displays the "By Date" view, and shows 26 sermons per page.  You can change this behavior by customizing the following URL parmeters.

URL parameters can be placed both in the links that target your sermon page, and in Sermons Online HTML script that is embedded in a web page via copying and pasting.  Parameters passed via a link to a page take preceedence over embedded parameters.

!!Sermon View

The [@sermonsite_action@] parameter defines which view is shown by the Sermons Online HTML script.  Valid values are one of the following:

**[@sermonsite_action=view_index@] - view by Date (default)
**[@sermonsite_action=view_authors@] - view by Preacher Name
**[@sermonsite_action=view_topics@] - view by Series Name
**[@sermonsite_action=view_scriptures@] - view by Scripture Reference
**[@sermonsite_action=view_titles@] - view by Sermons Title
**[@sermonsite_action=view_feeds@] - view Content Feed directory

!!View Page Size

The [@sermonsite_pagesize@] parameter sets the number of sermons per page.  Valid values are any number from 1-1000.  Defaults are 26 for the Date view and 52 for all others.

Example:

->[@&sermonsite_action=view_topic&sermonsite_pagesize=104@]\\
Sets the view to View by Topic, and displays 104 sermons per page.

!!Limiting a Sermon View

The [@sermonsite_selection@] parameters is used with [@sermonsite_action@] to limit the display of a sermon view to a matching key value.  Key values are any sort key that would normally appear in the view:

** Date view: all sermons preached on a particular date
** Authors view: all sermons preached by a particular preacher
** Topics view: all sermons in a particular series
** Scritures view:  all sermons related to a particular book of the Bible
** Titles view:  all sermons with a particular title

All spaces in the key value should be replaced with plus ('+') signs.

Example:

->[@&sermonsite_action=view_topic&sermonsite_selection=Grace+and+Peace@]\\
Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace".  Note the use of the + signs to replace spaces in the topic.

!!View a Specific Sermon

The [@sermonsite_sermonid@] parameter is used in conjunction with [@sermonsite_action=view_sermon@]  to display the cover sheet of a specific sermon. 

Valid values are any sermon identifier of an active sermon.  Sermon identifiers are
automatically assigned by the Sermon Publisher.  You can read a sermon's
identifier by inspecting any sermon link in any view. 

Example:

->[@&sermonsite_action=view_sermon&sermonsite_sermonid=123@]\\
Views the sermon cover page of sermon number '123'.

Changed lines 1-2 from:
(:title Styling your Sermons:)
to:
(:title Sermon Styling:)
Changed lines 1-2 from:
(:title Controlling the Display Style of your Sermons:)
to:
(:title Styling your Sermons:)
Changed lines 1-2 from:
(:title How To Control the Display Style of your Sermons:)
to:
(:title Controlling the Display Style of your Sermons:)
Added lines 1-21:
(:title How To Control the Display Style of your Sermons:)

To control the size of the sermon display, paste your Sermons Online HTML into a table cell, and set the table to the desired height and/or width. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:

>>background-color=#f7f7f7 border="1px black dashed" padding=1em float=left<<
[@
<table width="500px" height="1024px">
  <tr>
      <td>-- Paste Your Sermons Online HTML Here --</td>
  </tr>
</table>
@]
>><<

[[<<]]
[[<<]]

The visual appearance of the sermons is controlled via a Sermon Style Sheet, which is part of your Sermon Site Settings page. You can learn about style sheets at the W3Schools' [[http://www.w3schools.com/css/default.asp | CSS Home Page]].

By far the most important Sermon Style is "Default Sermon Text". This is the starting-point from which all other styles are defined. The default Sermon Category style, for example, is to enbolden whatever font is specified as the Default Sermon Text.