Myh0st.com your registrar
 

Support Knowledge Base >> Reseller Guides >> SuperSite and PartnerSite Guide >> Customizing your SuperSite and PartnerSite Content >> How do I customize the Content, Theme (CSS, Images, Javascript), HTML Structure of the SuperSite and PartnerSite?

Search |

How do I edit the existing Textual Content and Paragraphs as well as Modify the HTML Structure of a page?

Once you have understood the manner in which a SuperSite/PartnerSite page is structured, you may proceed to customize - the textual content as well as the HTML structure of any page to suit your business requirements. Click here to read information about the structure of a SuperSite/PartnerSite page >>

Follow the steps below to edit the text or the HTML structure of any page in the SuperSite or Partnersite. It is to be noted that while the instructions below reference the SuperSite, the concepts remain identical for the PartnerSite too.
 

STEP 1: Find the Template file which needs to be edited

  1. Browse your SuperSite through your web browser, to the page you want to modify.
     
  2. Click on View Source in your web browser. Inside the source you will see various tags of this type -

    <!-- ### Supersite Template common/footer/footer.html starts here ### -->
     .... some html content here ....
    <!-- ### Supersite Template common/footer/footer.html ends here ### -->
     
  3. This means that all the content between these two tags, is contained within the file footer.html, which can be found at /common/footer/.
     
  4. Using these tags you can figure out which template, the content you wish to edit appears in, and the path to that template.
     

STEP 2: Determine whether you wish to edit the Text or the Structure

The SuperSite offers you two separate modes to make modifications to any HTML Template - Basic Text editing mode and Advanced HTML editing mode.

IMPORTANT
  1. The Basic Text editing mode allows quick editing/translation of the Textual Content of your SuperSite, and comes strongly recommended by us.
     
  2. The Advanced HTML editing mode is far more complex and is recommended for ADVANCED USERS only. This mode allows both text editing/translation as well as HTML Structure editing.
     
  3. Note:
    a. If you switch to the Basic Text editing mode after having saved changes in the Advanced HTML editing mode, then you would lose all changes made in the Advanced HTML editing mode. If you then start saving changes in the Basic Text editing mode and then again switch to the Advanced HTML editing mode, you would even lose the changes made in the Basic Text editing mode.

    b. If you have saved changes using the Basic Text editing mode and then switch to the Advanced HTML editing mode and save changes here too, then if you continue using the Advanced HTML editing mode, you would not lose the changes made in either of the modes.

    For example,

    i. If you saved changes to the Footer.html using the Basic Text editing mode and then switch to the Advanced HTML editing mode and again save some changes in this mode (Advanced HTML editing mode) too. Now if you were to switch to the Basic Text editing mode, then you would lose all changes saved in the Advanced HTML editing mode.

    ii. In continuation to the above example - if you had not switched back to the Basic Text editing mode and continued using the Advanced HTML editing mode, then you would not have lost modifications made through either of the modes.
  4. By default, a HTML file opens in the Basic Text editing mode if the file contains any text that can be translated; otherwise it would open in the Advanced HTML editing mode.
     
  5. If you save changes in a particular editing mode, then it becomes the default editing mode for that particular file, and the interface would automatically open in this edit mode thereon (for that particular file only).
     
  6. Irrespective of your Default Language SuperSite, the left-hand side box (Original text box) would always display text in English within any edit mode.
     
  7. While switching from the Basic Text editing mode to the Advanced HTML editing mode, the system confirms your action. Here you may select the checkbox Don't show me this warning for the next 30 days. If you select this checkbox and continue, then you will not be displayed this warning message until 30 days.
     
  8. Note: You may be prompted to edit/re-translate your SuperSite content, if
    a. you edited the content provided in your English Language SuperSite and then translated your SuperSite to another language, prior to May 1, 2007 6:00 AM GMT. Now if u want to edit this translated Language SuperSite content, you would be prompted to re-translate your SuperSite content.

    b. you did not edit the content provided in your English Language SuperSite but translated your English Language SuperSite to another language and selected any other Language SuperSite than English as the Default Language SuperSite, prior to May 1, 2007 6:00 AM GMT. Now if you want to edit the translated content, you would be prompted to re-translate your SuperSite content.

    c. the content of any HTML file is edited by myh0st.
    In the event that you are needed to edit/re-translate any HTML file due to any of the above reasons, the files that need to be reviewed -
    a. would be displayed on the right-hand side of your SuperSite Admin page (immediately upon login) under the heading Recently Modified by us,

    b. would appear with the Status as Modified by you This File needs your Attention while listing files.

    Upon opening this file (that needs to be edited/re-translated), you need to compare the content mentioned in the left-hand side box with the content  edited/translated by you in the right-hand side box and check the following -
    (i) If you perceive any editing/re-translation requirement -> just copy-paste the text from the left-hand side box to the right-hand side box besides it and edit/translate the text in the right-hand side box itself, and then click on the Save Changes button.

    (ii) If you perceive that there is no editing/re-translation required -> simply click on the Save Changes button.
    9.


2.1 Basic Text Editing Mode

If all you wish to do is to edit the text content within an HTML page, then you MUST use this tool. If you like the layout of the page as it is, but wish to change the text then follow the steps below -

  1. Login to the SuperSite/PartnerSite Admin Area. Click here to know how >>
     
  2. Under the My Languages SuperSite/PartnerSite section, click on Manage Site besides the Language SuperSite/PartnerSite, whose website content you wish to edit.
     
    IMPORTANT

    If you wish to translate your SuperSite/PartnerSite content to any other language than English, you need to do the following before performing the above instruction -
    a. first add a new Theme to your SuperSite/PartnerSite. Click here to know how to add a Theme >>

    b. then add a Language SuperSite/PartnerSite and associate it with this new Theme.     Click here to learn how to configure multiple language support for your SuperSite/PartnerSite >>

     

  3. Under the Edit/Translate Website Content section, click on the Edit Content button.
     
  4. Browse through the directory listing to the template, whose content you wish to modify.
     
  5. Some templates may in turn further contain other templates. You will be able to see this within the template itself. You may therefore have to edit within multiple templates.
     
  6. Click on the Edit link next to the template.
     
  7. Here you will see the Original Text inherited from the English Language SuperSite/PartnerSite on the left-hand side of the page and Your Modified Text in <your current selected Language SuperSite/PartnerSite> on the right-hand side of the page in a textbox. You can edit the content available in one or more textboxes (on the right-hand side) and click on the Save Changes button after completing the editing.
IMPORTANT
  1. The Basic Text Editing tool section solves two purposes - it allows you to translate your SuperSite/PartnerSite content as well as edit existing content in each Language SuperSite/PartnerSite.
    • If you have not added another Language SuperSite/PartnerSite, then the same Basic Text Editing tool, allows you to simply add/edit existing contextual text.
       
    • If you have already added another Language SuperSite/PartnerSite, then also this very same Basic Text Editing tool, lets you add/edit the translated contextual text.
       
  2. You can NOT remove any HTML tags ("<" ">") and all data within these tags. For example, if there is a HTML tag - <a href="content.php?action=show_agreements&requestfor=resellermasteragreement&from=agree_page"> mentioned within a textbox, then you can not choose to remove this tag.

    You can however, choose to change the placing of these HTML tags within the textbox and can add any text surrounding these.
     
  3. If you are not satisfied with the editing and wish to revert to the text displayed earlier, simply follow steps 3 to 6 above. There you may either copy the text individually from the left-hand side to the right-hand side textbox and click on Save Changes or simply click on the Reset to Default button to revert the content of all textboxes in that template.
     
  4. Once you edit the Textual Content of a file using the above tool, the File Status of such a file will change from Default to Modified by you. If a file that has been modified by you, is also updated by myh0st, then the Status would change to Modified by you  This File needs your Attention.

    Once you have edited a file, we would not be able to automatically update the content of the same when new content is added by us; therefore, you would have to synchronize the content yourself.     Click here to synchronize the Textual Content edited by you with any new content added by myh0st >>
     
    5.


2.2 Advanced HTML Editing Mode

If you wish to change the layout or positioning of any of the various elements in a page, or you wish to add your own elements in a page, you can achieve the same only through the Advanced HTML editing mode.

There is a stark difference between the "HTML Structure" and the "Textual Content", used in the SuperSite/PartnerSite Admin section.

HTML Template Structure - implies the way text and images are displayed within individual HTML pages. For example, the layout, the position, etc. of the elements.

Textual Content - is all the text that appears in paragraphs, lists, tables, forms, etc..

If you wish to only edit the text within the template, then please refer to the Basic Text editing mode explained above. If however, you wish to make changes to the HTML structure (code) and Textual content within the template, you need to use the Advanced HTML editing mode only.

IMPORTANT

As detailed above (in Step 2), you have to be very careful with switching between the Basic Text editing mode and the Advanced HTML editing mode. If you switch to the Basic Text editing mode, your changes made through the Advanced HTML editing mode are lost. It is recommended that you review all of the important points mentioned above before continuing further >>


 You can use the Advanced HTML editing mode as follows:

  1. Login to the SuperSite/PartnerSite Admin Area. Click here to know how >>
     
  2. Under the My Languages SuperSite/PartnerSite section, click on Manage Site besides the Language SuperSite/PartnerSite, whose website content you wish to edit.
     
    IMPORTANT

    If you wish to translate your SuperSite/PartnerSite content to any other language than English, you need to do the following before performing the above instruction -
    a. first add a new Theme to your SuperSite/PartnerSite. Click here to know how to add a Theme >>

    b. then add a Language SuperSite/PartnerSite and associate it with this new Theme. Click here to learn how to configure multiple language support for your SuperSite/PartnerSite >>
     

     

  3. Under the Edit/Translate Website Content section, click on the Edit Content button.
     
  4. Browse through the directory listing to the template, whose content you wish to modify.
     
  5. Some templates may in turn further contain other templates. You will be able to see this within the template itself. You may therefore have to edit within multiple templates.
     
  6. Click on the Edit link next to the template.
     
  7. Click on the Switch to Advanced HTML editing mode link besides the Basic Text Editor and then click on Yes to continue.
     
  8. Here you will see the Original Content on the left-hand side of the page and My Content on the right-hand side of the page in a textbox. You can edit the content available in the My Content textbox and then click on the Save Changes button.
     
    9.
IMPORTANT
  1. All style related attributes with regards to the display of any of the layout and positioning of elements is controlled through CSS files. Upon viewing the source of the HTML file, at the very top of the page you will notice several .css files being imported. Click here to find instructions on how to edit the CSS files in your SuperSite/PartnerSite >>
     
  2. Modifying the Header and Footer: You can follow the process outlined above to edit the header and footer HTML for your SuperSite/PartnerSite; the templates for these can be located with in the Header and Footer folders respectively within the Common folder. You can also replace the default header logo with the logo of your company. Click here to read how >>
     
  3. If you are not satisfied with the editing and wish to revert to the earlier content, simply click on Reset to Default from the Edit page, to restore the default content for that file.
     
  4. Once you edit an HTML page using the above tool, the File Status of such a file will change from Default to Modified by you. If a file that has been modified by you is also updated by myh0st, then the File Status would change to Modified by you  This File needs your Attention.
     
  5. Once you have edited a file, we would not be able to automatically update the structure of the same when new content is added by us; you would have to synchronize the HTML Structure yourself. Click here to synchronize the HTML structure edited by you with any new content added by myh0st >>
     
    6.
 

Created on:   Aug 15, 2006 2:02 PM  GMT
Last Updated on:   Jul 31, 2008 10:33 AM  GMT
 
Answer How do I Add/Edit a SuperSite/PartnerSite Theme or How do I edit the CSS, Images, Menu Style of my SuperSite/PartnerSite? 
Answer How do I configure Multiple Language support for the SuperSite/PartnerSite? 
Answer How do I edit the existing Textual Content and Paragraphs as well as Modify the HTML Structure of a page? 
Answer How do I edit existing Images of the SuperSite and PartnerSite? 
Answer How do I change CSS files in Supersite and PartnerSite? 
Answer How do I make changes to the JavaScript menu in the SuperSite and PartnerSite? 
Answer How can I Add/Edit my own HTML pages in the Supersite and PartnerSite? 
Answer How can I Add/Edit my own Images in the Supersite and PartnerSite? 
Answer How can I Download the Source (PSD) File of Images/Flash with Translatable Text, used in my SuperSite and PartnerSite? 
Answer How do I modify the links on the Static Bar on my SuperSite? 
Answer How can I remove the Resellers tab from my SuperSite? 
Answer How do I customize the Legal Agreements in SuperSite and PartnerSite? 
Answer How do I customize the Page Titles of the SuperSite and PartnerSite? 
Answer How do I add Meta Tags to my SuperSite and PartnerSite for better Search Engine Optimization? 
Answer How do I customize the Error Messages in the SuperSite and PartnerSite? 
Answer How can I modify the Contact Us page on my SuperSite? 
Answer How can I change the Other Payment Options on the final check out page of the SuperSite? 
Answer Keeping my Customized SuperSite/PartnerSite content in sync with any new content added by myh0st