logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA
Irish Culture


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

WebCard Template System


Now that we have our WebCards system set up to run as a Facebook Fan Page, we can begin to think about how to customize the WebCards templates. At this point, we can make some general changes. Of course, we don't want to work on the original template. We will want to keep it as a backup.

To create our own template, we need to make a copy of the default webcards-fresh template and use this copy as a starting point for our custom template. You will find the webcards-fresh template folder in the WebCards directory.

webcards/templates/webcards-fresh

Rename the copy of the webcards-fresh folder to whatever you like (for our example, we will name it webcards) and open the info.txt file that you will find inside. There are four lines of text in this file which list the name of the template, version no, author and author's website. You will want to change the text to reflect your own information.

dCipollo Theme
Version 1.0
Diane Cipollo
email or website

Now we need to go back to the Admin control panel and set our template as the default. At the bottom of the menu, you will see the Templates section. Click on Manage Themes link to see that we now have both the WebCards webcards-fresh theme and our theme listed. Click the Activate link for our theme which will set it as the default theme. If you click the Preview link, you will not see any change to the look of the site because we haven't made any changes yet. Let's do that now.

There are several files in the template folder. Each template controls a specific part of the site.

template.html - controls the header, footer and loads all javascript - all pages use this
view_image_stats.html - controls the front page listing including search cloud
select_img.html - displays the left menu and thumbnails for a category
upload_image.html - displays the upload form to add an image to the ecard
preview_card.html - controls the menu links on the preview/view page
render_card.html - shows card including message for preview or pickup
main_form.html - controls the form used to send an ecard
login.html - displays the login form
register.html - displays the registration form
reset.html - displays the form to reset a password
account_overview.html - controls the left menu and title on the account page
email_card.html - template for including ecard in email

Let's begin by working on the header in the template.html file.

http://www.mywebcards.net





Join us in the Digital Art and Design forum.

WebCards screenshots used by permission.

Add WebCard+Template+System to Twitter Add WebCard+Template+System to Facebook Add WebCard+Template+System to MySpace Add WebCard+Template+System to Del.icio.us Digg WebCard+Template+System Add WebCard+Template+System to Yahoo My Web Add WebCard+Template+System to Google Bookmarks Add WebCard+Template+System to Stumbleupon Add WebCard+Template+System to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Review - 21-Day Drawing Challenge

How to Print and Cut Clip Art in Silhouette Cameo

Paper Bead SVG Cut Files

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor