.TEXT Hacking....

While working on my blog's appearance, I ended-up doing quite a bit of hacking on the layout.  After receiving several posts, and emails asking how to make these changes, I figured I should post a few simple hacks to the .TEXT templates.  Most use CSS, but a few really bad hacks include some JavaScript.  Here are some examples:

Note: not all .TEXT templates have the same ID tags, or Html structure, so these statements may need to be modified.

Add background image to top via CSS:

#top {
       height : 100px;  /* adjust height to fit image */
       background-image : url(“http://myisp/mylogo.gif“);  /* url to your logo or image */
       background-repeat: no-repeat;  /* displays it as a non-repeating image */
}

Remove the “Contact” link via CSS:

#MyLinks1_ContactLink {
      position : absolute;
      left : -200px;  /* assumes link is on the left side */
}

Change the “My Links” heading text via JavaScript:

<script language="JavaScript">

     document.body.all["leftmenu"].all[0].innerText = "Weblog Info";

</script>

 

To implement these changes go to .TEXT Admin -> Options -> Configure

  • Copy/paste the CSS into the “Custom CSS Selectors” box.
  • Copy/paste the JavaScript into the “Static News/Announcements” box.

 

Obviously, any hacking can be dangerous to the health of your blog.  You have been warned!

 

Happy hacking!

 

2 Comments

  • If you want to remove the link, why not &quot;display: none&quot; or &quot;visibility: hidden&quot;?

  • I omitted those, because some of the existing stylesheets already have &quot;display : inline&quot; and &quot;display : block&quot; that often override your added style during the cascade.



    Truthfully, the &quot;visibility&quot; style probably would work in some places, but it takes additional work to avoid the gaps it would cause due to invisible tags that still affect the layout.



    There are really alot of ways to do these things, but this example was intended to be brief, and work on most .TEXT templates.

Comments have been disabled for this content.