Customizing the look of dailyword.com on your website
There are many ways that you can customize the way you display dailyword.com on your website. For example, you can choose to display a text logo for dailyword.com instead of an image logo. You can change the color of the bounding box and any of the textual elements.

Changing the dailyword.com logo

You have the option of displaying the logo as either an image pulled from the dailyword.com website or as plain text. To change the logo to plain text, you only need to change the value of the logo parameter in the provided code.

Take a look at the provided code and notice the text towards the end, "logo=1".

If you change "logo=1" to "logo=0", the logo will change from an image to plain text as in the example below

Furthermore, you can change the size and/or color of the plain text logo, as well as the other textual elements. To do this, you must be familiar with Cascading Style Sheets, or CSS. A good resource on CSS can be found here.

The provided code for displaying dailyword.com on your website includes a link to a stylesheet that resides on dailyword.com. You can choose to use your own styles for each of the elements. This can be accomplished in two methods.

  1. Insert the CSS directly into the HTML for the page that will display the feed. This methods is best for sites that only are displaying the feed on one or a few pages. Create your styles as explained below and copy your own styles after the link to the stylesheet on dailyword.com. Your styles must be surrounded by the tags shown below.

  2. Link to an external style sheet. This method is best if you will be using the feeds on multiple pages, as the CSS is stored externally, and thus allows you to change the output display of many pages by editing a single file. Create your styles as explained below and paste them into a new text file. Save it as something called "dwstyles.css". Think smart about where you decided to store this file, as other HTML pages that call it need to define a correct path to the file. Many web sites just create a top level directory named css and store all style sheet files in this directory.

    You will then want to add the link to your own stylesheet after the link to the provided stylesheet on dailyword.com. It will be something like

    Note that the value of href= must be a correct relative path (or a full valid URL such as http://www.domain.com/css/myfeed.css) from the HTML file to the CSS file.

Customizing styles

Earlier, it was instructed that any custom styles/stylesheets you add should be placed after the link to dailyword.com's stylesheet. This is the preferred method as it requires that you specify only the styles that you want to customize. You need not do anything for styles that you don't want to change.

Below is an image which illustrates the names of the styles you can choose to customize as well as what elements they affect.

Subscribe to Daily Word Magazine
Covers

First Name

Last Name
Address

City
Zip/Postal Code
E-mail (example: johndoe@aol.com)
With the print edition of Daily Word you can take inspiration on the go. Its convenient size makes it the perfect companion to dailyword.com. Wherever you go, you’ll have encouragement for daily living right at your fingertips. Then when you’re ready to share your thoughts or find out what others are thinking, go to www.dailyword.com where the café crowd waits to hear from you.











Enter your e-mail address:
14 day Free Trial

Search archives by DATE:
Year Month Day
Search archives by TOPIC:
Search archives by KEYWORD:
Advanced Search
Search by HISTORICAL DATE: Find out what the Daily Word message was on these significant dates in history!






INSPIRATIONAL STORY

God Has Carried Me Through
By Stacy Schumaker Maciuk
Observing my nine-year-old son fixated on a record going round and round on a turntable, I ... read more>>









Publishing Systems Powered by iProduction [luann]