Category Archives: Beginners Web Design

I hate the new FaceBook layout and home page

Facebooks growth has been record breaking, recently in an attempt to take advantage of the popularity of Twitter’s micro blog market they have made some major changes to the sites interface.

These changes have not been taken well by a very vocal and dissatisfied community

read more I hate the new facebook layout


Ten resouces for Bloggers and Online writers

new blog post -efficient monetized blogging
Ten tricks for monetizing your blog and online writing

How to go back to Profile 1.0 Myspace


After yesterdays announcement many Myspacers are attempting to create their profiles in 2.0.

But, many of us have spent hours if not days using the previous format to get exactly the design we wanted.

Worried that you may have lost your old space?

Dont be, after selecting “upgrade to profile 2.0” the myspace server will still save your old page for 90 days.

While in the new edit module, viewable in the screenshot below select “Go Back” this probably confuses all of us as we are used to “going back” a page, but in this case selecting that will bring up
the next screenshot

You will see a link that says “switch back to 1.0”

Thats it!

According to Myspace:

* Profile 2.0 gives you granular control over privacy, and enhanced customization options.
* Hide your comments, friends, age, last login, and more.
* Make parts of your profile visible to specific groups of friends (friend categories).
* New themes to style your page without any knowledge of HTML or pasting codes.
* Profile 2.0 loads faster and has a sleeker, more modern look.

Remember, you can always go back to your current profile if you don’t like it. Enjoy!

So dont worry, here is a screenshot of the new design module in case you havent tried it yet.


Its only been out a couple of hours at the time of this post, it seems at this time to be a great tool for those who never took the time to learn the html and css required for the old Profile 1.0 but with a perfunctory inspection, I still havent figured out where to enter my html and content and quite frankly the layout and theme generator is no better than the third party ones we are already used to.

Anyone familiar with facebook will be completely accustomed to the add module features and the drag and drop ordering.

You can enter your own CSS and the layout generator allows you enter a background and place it also features for text color and the like, but how do I insert my flash video or ebay widgets and other code?

Well that was a mystery to me until I gave up, apparently the new dashboard you see after first upgrading isnt your only edit view. After you publish your new layout and go back to your home page (not your profile page) the edit profile link leads to the exact same 5 box – about me, who id like to meet, music etc. So there still is a location for entering html (A question Ive seen on the net already)

But remember you can not enter CSS (Cascading style sheets) anywhere except for the module called CSS

In my case Ill keep 1.0 as I have learned to edit and design it any way I please, the screenshots I posted come from my test page that I use to display clients designs before they are approved

Ill keep you posted.

feel free to add my personal myspace page:

Joshua Sunforged on Myspace

or read my other blogs:

Contact me with your thoughts. The first ten people to send a link of their newly designed Profile 2.0 myspace pages will be showcased here via screenshots and links. Either post a comment or contact me at

If you still need help here is a video tutorial on how to roll back to Myspace Profile 1.0

In conclusion my advice is breath! Yes its different but its still myspace after 10-20 minutes of fooling around with the options, you will understand.

In case you do decide to keep your Myspace 2.0 profile, pre-made layouts do already exist here are some examples


Below is a link for professional designers and CSS professionals to explore and share ideas about the new Profile 2.0 style. This should be a great resource after some time passes allowing them to work and learn the new style

Not specifically for 2.0 but the best layout styles and codes your going to find regardless of edition, div and flash based templates and resources

Myspace launches Profile 2.0


Profile 2.0 Launch – check it out 🙂
Category: MySpace

At midnight we launched Profile 2.0. (You’ll see the link for it on your Edit Profile page and in the profile menu drop down ‘Customize Profile’.) Almost everything we add to MySpace comes from the feedback I receive from users. The new profile 2.0 is based on requests I’ve received for several years about what users want. We did beta test launches of 2.0 to smaller groups around the world. Now it’s ready for everyone!

For many of you, however, I know that change is no fun. If you like your profile the way it is right now, don’t upgrade. If you’re feeling adventurous and want to try something new, give it a try. You can always go back. (Just click the ‘Go Back’ link in the top right of the editor page.) Unfortunately, 2.0 is not available to IE6 users. The advanced features of the editor just can’t work with IE6. It’s also not yet available for musician, filmmaker or comedian profiles.

Why Upgrade to 2.0?

Now of course there’s plenty of reasons to upgrade. I hope you all do, because the new profile is faster, more customizable, and offers more privacy. Profile 2.0 retains the flexibility in customization people have come to expect from MySpace. You are capable of doing almost ANYTHING with this new profile–you can still take over your entire page and basically create your own website, ignoring the structure and basic styles that we offer. So if you really like your current profile style but want to try the new features of 2.0, you will, with some effort, be albe to get a style that resembles your old page. It’s not the same as before, though, so it’s going to take some exploring.

There are four big ideas with profile 2.0:

Privacy. Profile 2.0 is designed to give you granular privacy control — you can hide or show parts of your profile, rather than making the whole profile public or private. Maybe you only want your top friends to be able to see your calendar? Or maybe you only want your work friends to see what other companies you’ve worked at? With Profile 2.0 you can use your friend categories as privacy switches. (If you haven’t created a friend category, get with the program! 🙂 We launched them almost a year ago. Just go to the friends page.)  Many users have asked for the ability to hide their last login date or age, and profile 2.0 now has that option. You can also hide entire elements of your profile. If you don’t want anyone to see your comments or friends list, you can make them private, while leaving the rest of your profile public or friends only, or viewable to a specific friend category.

Speed. The new profile loads faster than profile 1.0. You can also modify each module for faster load time, like displaying only 5 or 10 comments instead of 50. It’s also faster to edit and style because you edit information while looking at your profile rather than going to a separate edit screen. It’s faster to style by picking themes right within the editor. You dont need to go to a layout site, since we will have many internal themes. (Note: We are only launching with a few themes, but plan to incorporate many more.) You can hide sections without using special codes, so you don’t need to search the web for special MySpace hacks.

Customization. You can now drag and drop any module on your profile to any location. You can also use basic templates to change the columns and basic ‘containers’ that hold each module. You can even have a single open box to make your profile freeform, or to hold any HTML you’d like to input. Applying color, font and background changes is built-in, and you won’t have to use profile layouts sites unless you want to. We still allow users to completely take over their profile and have created a specific CSS box for users to input themes and layouts from third party sites.

Web Standards. The new profile is fully W3C compliant. It allows profile creators much more granular control by giving names to more objects. We still expect the third party layout market to flourish and will still allow users to use themes from layout sites. When you go to third party sites, look for layouts marked ‘profile 2.0’ because the classic layouts won’t work on the new profile.) (Note: The header and footer of every MySpace page is not fully compliant, but we’ll be working towards changing that, and it should have no impact on your profile style.)

Feel free to post your thoughts/feedback on this blog. Making the feedback public will allow everyone to benefit. Enjoy!

What About My Old Layout?

Old style (1.0) layouts will not work with 2.0. That does not mean you can’t have background images, styles and customized profile layouts. It just means that all the theme/layout templates you copy & paste into your profile are going to have to be designed for the 2.0 version of the profile. On the new profile you must put your CSS in the CSS box (we don’t allow it to go in any other field). We will continue to add our own custom themes. but we’re still counting on all the creative people out there who’ve made profile layouts in the past to continue to design templates for the world to use. We are not trying to replace the theme / layout sites, just updating our underlying profile design.

P.S. No, we are not forcing people to switch to this profile, and don’t intend to any time soon (it’d be years before we did that). I know some people are happy with MySpace just the way it is.

Seems Myspace is finally getting design friendly.

An actual module dedicated to CSS ! An almost fully web compliant page ! Varying privacy levels, this seems excellent, to bad I redesigned my page yesterday.

Add a Favicon to your web page!

I am currently redesigning the website. As a fun feature I decided to create my own favicon.

A favicon is the image that appears next to the URL bar in your Browser – some very recognizable ones would be the Google “G” the Gmail – envelope and the Craigslist Peace symbol.

In addition to appearing in the URL bar it can be associated with favorites and bookmarks to quickly find the URL from a big list from its recognizable icon.

The process is actually very easy. One selects an image editing program creates a canvas that is 16 X 16 pixels and gets to designing, this is very small, so a limited palette is suggested.

Once a suitable design is completed save the design as “favicon.ico” and upload to your index files via your ftp client, Now, the browser will display your image when someone is viewing your page. Pretty cool!

The icon can also be associated with any bookmarks or favorites that your viewers make by using a little bit of code and placing between the head tags of your page..

This is the code:

<link rel=”shortcut icon” href=”favicon.ico” >

Of course if you are not capable of creating your own favicon from scratch here is an auto generator its very cool and easy to use. I experimented with 20 or so images before deciding to just create my image from scratch.

Favicon Generator and Validator

View the favicon in action notice its in the URL bar and in the tab. The Sunforged Site