Tips for Designing Website /GUI , silverlight , HTML , Flash, CSS, Android UI

Thursday, May 3, 2012

Doctype Tag : HTML5

Using the HTML5 structural elements

1) What is <DOCTYPE> tag?

No URLs that even the most prolific web authors need to cut and paste.

add the <!DOCTYPE> declaration to your HTML documents, so that the browser knows what type of document to render.

*Note - http://remysharp.com/2009/01/07/html5-enabling-script/ To enable HTML 5 Elements on Older IE browser

Monday, April 30, 2012

Wrap Continues Text in Table :CSS , HTML

Add following properties to your Class in CSS

.ClassName{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: wrap; /* Internet Explorer 8 and other*
}

Thursday, April 12, 2012

How to Change My Cart Link Name : Magento (using CSV file)

To Change " My Cart " Link Name in Magento using CSV file or To Add custom label name to "My Cart" Using translate.CSV

1) Open translate.CSV file

(If your using English translation)
CSV Path = app\design\frontend\default\Your_Theme_Name\locale\en_US\ translate.CSV

2) Add Following Lines
"My Cart (%s item)", "Shopping Bag ( %s )"
"My Cart (%s items)", "Shopping Bag ( %s )"
"My Cart", "Shopping Bag"

3) Save File and Clear Magento Cache .
Login to the admin and refresh the cache by going to System->Cache Management.

Cheers...... :)

How to Add Custom Class to top links and footer links : Magento

To Add Custom Class to top links in Magneto

1) Open XML files for Top links And Add following tag

<liParams/>
<aParams>class="logged-out"</aParams>

Suppose you want to add custom class to logout link.

<customer_logged_out>
    <reference name="top.links">
       <!--Add 'Log In' link -->
        <action method="addLink" translate="label title" module="customer">
            <label>Log In</label>
            <url helper="customer/getLoginUrl"/>
            <title>Log In</title>
            <prepare/>
            <urlParams/>
            <position>100</position>

            <liParams/>
            <aParams>class="logged-out"</aParams>
        </action>
    </reference>
</customer_logged_out>

Thats it your done :) ........

Where are the files for the links located