Some Prompt Here
Cross
How'd You Do That? Posted 6 months ago
digg
delicious
stumble
reddit

I am, by no means, a code expert. I don't take care of the code stuff on my blog (http://www.secretagentmama.com/blog). I leave that stuff to Secret Agent Papa (a/k/a Michael). But, I have mastered fixing up my profile on Myspace. That bit right there has helped me figure out how to get stuff going here at the Buzz.

User khenney made it really easy by posting some CSS code for us to use, to customize our profiles. I figured out that I could use a pre-made layout (I go with Myspace oryours.net) by extracting the background portion of the code. I just copy and paste the whole code into my Word Pad, and then I take out the portion that I want to use.

For example, here's khenney's code for the Rocky Mountain theme:
http://www.quartzmtn.com/cre8buzz/profile-themes/rockies/code.txt

This is the portion of the code where I do some cutting and pasting:

body* {
background:#4C8AD3 url(http://www.quartzmtn.com/cre8buzz/profile-themes/rockies/back.jpg) no-repeat fixed center top;
color: #333333 !important;
*}

You have to make sure you replace it just perfectly. If not, it won't work. This is the part you paste in:

body* {
background-color: 4787a1;
background-image:url(http://i106.photobucket.com/albums/m241/heathercapri/msoy1/rectangles_blue-2.gif);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
*}

You can get all fancy and start changing up the font colors, but then you have to know the HTML code for that. Google "HTML Color Codes" and you'll find some tutorials. That's how I did it. Just read some tutorials on it, and tried it. Trial and error. Lots of error, mind you.

The code goes first, then you can play around with the layout of your Buzz page.

These are the tags for the sections of your profile:
<cre8Buzz-my-friends />
<cre8Buzz-my-video />
<cre8Buzz-my-audio />
<cre8Buzz-my-blogs />
<cre8Buzz-contact-me />
<cre8Buzz-about-me />
<cre8Buzz-recently-visited-by />
<cre8Buzz-my-photo-gallery />
<cre8Buzz-my-comments />
<cre8Buzz-my-link-gallery />
<cre8Buzz-personal-profile />

You can place them in either the right, left or main portion. In addition to moving these around, you can also include HTML in there. That's where Twitter badges, Music players, and other stuff that you want to use comes in.

This is what my code looks like for my Buzz page (minus the asterisk marks):

<*div id="right_sidebar">

<*cre8Buzz-personal-profile />
<*cre8Buzz-about-me />

<center><div style="width:176px;text-align:center"><embed src="http://twitter.com/flash/twitterbadge.swf" flashvars="color1=3355443&type=user&id=8912892" quality="high" width="176" height="176" name="twitterbadge" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><*a style="font-size: 10px; color: #333333; text-decoration: none" href="http://twitter.com/secretagentmama">follow secretagentmama at http://twitter.com</a></div><br>

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:250px;"><embed style="width:250px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.musicplaylist.net/mc/> menu="false" quality="high" width="250" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.musicplaylist.net><img src=http://www.musicplaylist.net/mc/images/create_regular.jpg border=0></a><a href=http://www.musicplaylist.net/standalone/15077832 target=blank><img src=http://www.musicplaylist.net/mc/images/launchregular.jpg border=0></a><*a href=http://www.musicplaylist.net/download/15077832><img src=http://www.musicplaylist.net/mc/images/get_regular.jpg border=0></a> </div></center><br>

<*cre8Buzz-my-friends />

</*div>

<*div id="main">
<*cre8Buzz-my-link-blogs />
<*cre8Buzz-my-link-gallery />
<*cre8Buzz-my-blogs />
<*cre8Buzz-my-comments />

</*div>

<*div id="left_sidebar">
<*cre8Buzz-contact-me />
<*cre8Buzz-my-photo-gallery />
<*cre8Buzz-my-video />
<*cre8Buzz-recently-visited-by />

</*div>




It's daunting when you look at it, but once you start playing around, you start to learn a bit. Code's not that hard, once you know what you are doing. Again, there are tons of great tutorials out there on the net. And, people like me.. I'm willing to help anyone that needs it! Just Buzz Me!


Recent Comments

Img_0526
mariewalt said (6 months ago)
*headdesk* I'm just going to go cry in a corner for now. *sniffle* I need html for dummies. Thanks
Dsc02330
MadameMeow said (6 months ago)
OH yay! I did it! And it only took me about two minutes after looking at this, and then realizing what I could do! Thank you!!!
Rick20astley20commitments_large
Mr Lady said (6 months ago)
Guess who's my heeeee-rooooooo?
Avatar_1_small
inWorship said (6 months ago)
Very Cool! I will spend some time with the over the next couple of days and see what I can come up with. Thanks!

Please login to comment.

Back