By portait on

It would be great if drupal had a facebook style profile. I think that facebook and myspace have very nice profile layout which gives the user a better browsing and community experience.

I think that a lot of drupal users already have nice profile styles at their websites but why is the core profile garland theme not being adopted to a more stylish look and feel? :)
It would be great to see some nicer profile css templates here. ;)

⋅ Categories: Drupal 5.x

Comments

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

I'm working on the profile page for my site. When I get it done, I plan on doing a detailed write up of how to do it. You can see it here:

[Removed old broken link that people are still following]

I'm still working on it, so I don't guarantee it will look right at any given moment. ;)

Michelle

misty3’s picture

misty3 commented

Thats brilliant
and very very nice !
Probably one cannot ask for more !

Best regards

portait’s picture

portait commented

Wow, looks so much better than the original garland profile theme. I am looking forward getting to know more about your style. :)

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

I hope to have a full write up sometime this week, but in the mean time...

* The theme isn't Garland. It's modified Zen.
* The node itself is a usernode with CCK added.
* I used views for the recent posts and the buddylist.
* The guestbook at the bottom (which I'm still working on theming) is the guestbook module.
* I used the panels module for the layout since I suck at CSS layout.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

portait’s picture

portait commented

Thanks for the info, Michelle. :)

STyL3’s picture

STyL3 commented

very very nice idea...can't wait for the write-up!

i'm actually working on a similar project for my local community.

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

My husband had surgery Friday and I've had my hands full. I haven't had a lot of computer time. I'll write it up soon as I can.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

portait’s picture

portait commented

Michelle, I hope that your husbands surgery was successful.

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

The surgery went fine but the doctor's claim that he'd be up and around by Monday was way off. I also have a toddler to take care of so I'm only getting the computer in bits and pieces when there's a little downtime, which isn't conducive to writing a tutorial. Hopefully I'll be able to do it this weekend or early next week.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

portait’s picture

portait commented

Michelle, take your time. I think that you got more important things to do than writing a tutorial for us. ;)

STyL3’s picture

STyL3 commented

not a problem. life is a bit more important than a write-up...lol.

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

You guys are sweet :)

Things seem to be settling down a bit around here. I'm getting more than 2 mins at a time on the computer. I've started going over some thoughts on the tutorial in my head and hope to at least get a decent start on it soon.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

portait’s picture

portait commented

You guys are sweet :)

Thank you Michelle. :) We know that you'll do the right thing. ;)
Wish you a wonderful & sunny day. :)

teamrob’s picture

teamrob commented

I'll help out if you dont have the time, if you can send me a rough draft or some very simple notes I will take the time to document them and screenshot them for a full on instructional guide, let me know.

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

Forgot about this post, sorry. It's basically done. I just need to fix a couple things from the comments and get it in the handbook. I'll be doing that in the next couple days.

http://shellmultimedia.com/tutorials/user-profiles

Michelle

--------------------------------------
My site: http://shellmultimedia.com

[Edit Aug 13: Updated link]

netranger’s picture

netranger commented

Nice can't wait.

teamrob’s picture

teamrob commented

Tagging this, looks nice and would like to read it.

nishitdas’s picture

nishitdas commented

Bookmarked

Thanks Michelle for the nice work .

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

Glad people are getting use out of it.

Michelle

--------------------------------------
My site: http://shellmultimedia.com

sumoanand’s picture

sumoanand commented

check this profile page made using drupal

http://ifood.tv/monica

Regards,
Sumoanand

nishitdas’s picture

nishitdas commented

Hey anand

That looks really great
Could you tell us the secrets

which module you have used for the images/pics

sumoanand’s picture

sumoanand commented

Hi Nita,

We have done nothing special.
Just written all the php code in user_profile.tpl.php file

Regards,
Sumoanand
ifood.tv - Food Video Community

mib1976’s picture

mib1976 commented

this profile looks very nice. i´m trying to build the same feature but i
don´t know how. can you descripe how to build this. What for profile
modules has you installed. nodeprofile or the normal profile add-on?

sorry for my english, not my first language.

thank you in advance

sumoanand’s picture

sumoanand commented

As of now we are not using nodeprofile module but are planning to use that to connect it with views.
To achieve this, in nodeprofile.tpl.php identify the $user->uid & run somequeries for that user & display the corresponding data on the profile page.

gurukripa’s picture

gurukripa commented

pls share how u did this...
it wld be nice if u cld do a small tutorial for us...

the community will thank u a lot for it...kindly share ur user profile page..and search page..

gurukripa’s picture

gurukripa commented

can u share ur user_profile.tpl.php file with us..so we can see how u have accomplished such a nice thing...

this will help the drupal community grow..and do better...

jacauc’s picture

jacauc commented

subscribing

andrewblack’s picture

andrewblack commented

can you have a book like tutorial how to build like your site, it's beautiful site. Tab and snapshot in buddy list how you make it? thanks

andrewblack’s picture

andrewblack commented

http://www.ifood.tv/connect_with_your_friends_) is it modul or you build script for your own?

dakku’s picture

dakku commented

I had made something similar for my site. Although I didnt use the facebook style or usernode module:

www.themes4urmobilephone.com/user/dakku

gurukripa’s picture

gurukripa commented

can u share how u have done this :)

specially interested in the buddies photos on the page..

dakku’s picture

dakku commented

This was done using the hook_user.

1) basically I wrote a module that created a lot of custom snipets, each one of the snipets were then added to the user object using the user_hook. Each snipet was basically a local functuion which queried the database and compiled the html.
2) using the template overide in the template.php I could assign a custom template for the profile view.
3) Buddylist: another lookup in the database to get list of buddies, load up each buddy (user_load()) to get to the avatar image. I then wrote another module that uses GD to resize all images, so each user image was passed through GD resize. You can use the built in image functions for sizing (see image.module for examples)

Sorry, my explanation is a little vague, but it should point you in the right direction..

gurukripa’s picture

gurukripa commented

nice things..i used a template override too..and have copied some snippets from the handbooks to make customisations...

if u cld have a small tutorial of the steps u took with the code..it wld help everyone...u cld even put it on the same page with the other snippets.
thanks

dakku’s picture

dakku commented

sorry dupe post

omnyx’s picture

omnyx commented

+1 for sumoanand and dakku showing us their magic in the form of a tutorial...
it'd be greatly appreciated!

to anand: where exactly is the user_profile.tpl.php file? please give us some hints on how to navigate within it. Thanks!

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

Not quite the same as theirs, but I have a tutorial... http://shellmultimedia.com/tutorials/user-profiles

Michelle

--------------------------------------
My site: http://shellmultimedia.com

jacauc’s picture

jacauc commented

Well, here's another example...
Not facebook like, but customized:
http://www.dieinter.net/user/jacauc

omnyx’s picture

omnyx commented

thanks Michelle - your tutorial is great. I can't wait for 'take 3' :)
One question - i'm new to drupal so what exactly is the advantage of using node-profile module over profile-module? Also, you mentioned the tutorial is to get 'exactly the setup you got'. I'm wondering how hard it would be to tweak things a bit and, for example have buddylist section bigger (so it fits more pictures of buddies) or kick some stuff out?

thanks!

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

This just bumped up in my tracker and I see I never answered this. Probably way too late now but I wanted to apologize and say I wasn't ignoring you.

Michelle

--------------------------------------
See my Drupal articles and tutorials or come check out life in the Coulee Region.

yngens’s picture

yngens commented

subscribe

teradaya’s picture

teradaya commented

subscribing

rich86’s picture

rich86 commented

sub

thomasmuirhead’s picture

thomasmuirhead commented

Just thought some of you might want to check out Michelle's Advanced Profile module and the site she is testing it on: http://socnet.shellmultimedia.com/

real profiles have arrived on drupal

michelle’s picture

michelle
she/her
Primary language English
Location Wisconsin, USA
commented

... but I just joined up to Facebook yesterday to check it out and advprofile isn't even in the same league. LOL

Michelle

--------------------------------------
See my Drupal articles and tutorials or come check out life in the Coulee Region.

pcs305’s picture

pcs305 commented

Great work! Thanks Michelle