Member Avatar for <M/>

Is there a possible way in customizing your personal facebook page? Not like a company page but your personal page?

Thanks

  • 3 Contributors
  • 7 Replies
  • 106 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by <M/>

Dani AI

Generated

Short answer: you can only change what Facebook itself lets you change for everyone (profile/cover photos, About sections, pinned content). The “completely different look” in the DeviantArt mockup is done with browser-side themes or scripts. Those techniques only change how Facebook appears in your browser — friends still see the normal Facebook UI.

If you want to recreate that DeviantArt-style theme on your own machine, use a trusted extension to apply custom CSS or a userscript. Good options are Stylus (open-source userstyle manager), Social Fixer (prebuilt Facebook tweaks), or a userscript manager such as Tampermonkey. Typical workflow with a CSS-based approach:

  1. Install the extension.
  2. Create a new style and scope it to facebook.com.
  3. Use browser developer tools (F12) to find page selectors.
  4. Paste/save the CSS and reload Facebook.

A minimal example to change the page background:

/* soft page background */
html, body {
  background: #f6f7f8 !important;
}

Notes and cautions: extensions that modify pages can access what you view, so install only well-reviewed or open-source tools. Facebook’s HTML and class names change frequently, so styles break and need updating. These changes are local only — to share a theme with others, publish the style (for example on GitHub or an extensions repository) and give instructions for installing it. Modifying Facebook serverside or trying to alter how others see their pages is not possible through a personal account; use Facebook’s official features or developer platform for multi-user integrations.

As suggested, code injection is the practical route; this adds a bit more procedural detail and safety guidance for ’s DeviantArt-style mockup and ’s curiosity. Useful tools: Stylus on GitHub, Social Fixer, Tampermonkey.

Recommended Answers

All 7 Replies

Member Avatar for Maria063

This is a good question. I am curious.

Member Avatar for JameB

Not sure what kind of customizations you want on Facebook but I've seen ways of injecting your own code in some existing websites' code and re-load the page with your custom code... so it sounds like it's possible - do some research!

Member Avatar for <M/>

I've been researching and researching, but I can't figure it out.... Maybe this is a question to ask facebook themselves?

Member Avatar for JameB

You still haven't told us anything! What type of customization you want? Do you want to change the timeline cover picture? Do you want to change your profile picture? Do you want your 'newsfeed' to be all about metal music or hockey or what??!

If you meant changing the colour or changing the place where the profile picture shows up, that's a little harder and you should refer to my first post.

Also, if you wanted to do the latter, Facebook will most likely not tell you how to do that for obvious reasons...

Member Avatar for <M/>

Here is an example of what I mean: Click Here

The general look is different... do you see what i mean?

Member Avatar for JameB

Oh yes, so what you need to do is inject your custom code when FB loads. Here is what I found from a quick Google search:

  1. http://userstyles.org/styles/browse/facebook
  2. http://userstyles.org/help/stylish

So these plugins will do that for you - you can search up more on "changing facebook designs" using Google and you will find a more detailed answer. Although I am not sure you will find a "tutorial", you'll have to learn on your own by looking at someone else's finished product...

Member Avatar for <M/>

This is interesting... i'll look into it :)

I'll update you if you figure out something :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.