Home > Joomla, Personal Website development, Planning Content, Site Design > Front Page design and RSS feeds

Front Page design and RSS feeds

Now time has come to create a website logo (not a professional one). I tried to do it online, easily and quickly.
Here are the websites I tried:

Free Logo creator sites (great for starters):

Using the Web 2.0 Logo Creator online, I created a good looking transparent logo image.  To replace the Joomla default logo in the template (rhuk_milkyway), here is what I did.

Template folder location and folders: <Joomla install location>/templates/rhuk_milkyway

  • css
  • html
  • images
    Moved my logo image (png file) to this location: <Joomla install location>/templates/rhuk_milkyway/images
    Modifed this CSS file: <Joomla install location>/templates/rhuk_milkyway/css/template.css
    Logo section in the CSS:
  • Before
    div#logo {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 298px;
    height: 75px;
    background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
    margin-left: 30px;
    margin-top: 25px;
    }
  • After div#logo {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 298px;
    height: 75px;
    background: url(../images/MYLOGO_logo.png) 0 0 no-repeat;
    margin-left: 30px;
    margin-top: 25px;
    }
  • Changed some height and width parameters also to adjust the size of the log. The default logo size was:  width: 298px, height 75px
  • I did some search on Google and found this useful site to use free digital photos (not many to choose from) but it served my purpose.  www.freedigitalphotos.net
  • To make the home page look not just attractive, I wanted to add some widgets which are dynamic in nature and provide some valuable information. I decided to go with RSS feeds. But there is a limitation in the Joomla! to insert javascript or php code in the article section. The article editor TinyMCE saves the content in the html format in the database. But it removes all the non html code (javascript or php) and saves it. After some research I found this non-commercial Joomla! extension, called JIncludes, which enables the site to have javascript or AJAX code as snippet and with a unique key to identify the snippet.  To include a widget or RSS feed using AJAX on any page(Article) this is a very good extension. But this extension has a limitation of serving 30 code snippets only. More information about this extension is available here.
    Following RSS feeds and Widgets are used on the front page:
    1. Science Facts and Home work help tips
    2. Word of the day flash widget from www.dictionary.com
    3. Motivational Quotes
  • Joomla! offers a module to handle and display  RSS feeds, but I need some javascript to ready RSS xml feeds and display any where I want. Google offers a free service to generate AJAX code to read and display RSS feed by just  copy and paste the generated code online here, AJAX Dynamic Feed Control. Another online tool to generate the javascript for RSS feed display is  Feed Wind.
    Also I am planning to use some useful widgets from this site, Widget Box.

What’s Next: I still have to figure out whether I should keep the top tablet menu bar or not. If yes, what menu items need to be there!!

More to come…

— Ramesh Dadigala

Advertisements
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

%d bloggers like this: