Contents

Member Sign in

admin

Sermon Views - Styling and Controlling

Install.Styling History

Hide minor edits - Show changes to markup

April 10, 2013, at 01:13 PM EST by Dave Marney - Added !important metatags
Changed line 43 from:
  1. sermons {font-size:11px;} #sermons a {text-decoration:none;}
to:
  1. 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:

If you need help with any of these steps, just 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:

&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:

&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:

&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:

&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:

&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:

#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:

<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:
&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:
&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:
&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:

<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' 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.