[GUIDE] CSS customisation on faceinvader

Find all sorts of guides created by our community here. Includes guides such as drug use, roleplaying different types of characters, weapons etc.
Forum rules
The guides you see here have been unofficially created by the players, for the players. LSRP cannot be held responsible for the accuracy of any of the content you see here.
Post Reply
User avatar
Orren_Diamond
Mafia
Mafia
Posts: 675
Joined: Mon Jun 30, 2014 7:40 pm

[GUIDE] CSS customisation on faceinvader

Post by Orren_Diamond » Thu May 25, 2017 10:16 am

CSS on faceinvader
Image


Hello, in this guide, I am going to show you how to deeply edit and customise your faceinvader profil, allowing you to have more choices, and be potentially more accurate with it. To do this, follow the instructions below. Furthermore, questions or concerns will be answered. Please post a reply with concerns rather than pming. Good luck.

What's faceinvader? Faceinvader is the new social media website of Los Santos whose name was inspired by Facebook and LifeInvader [...] read more on the following link https://forum.ls-rp.com/viewtopic.php?f=63&t=619456

Images are in spoilers where necessary and they will be referred to in this guide.

At first glance, your profil looks like this (open spoiler)
Spoiler: show
Image
If you haven't had the opportunity to browse the whole website and its options, well, actually, there is an option/method which allows us to make CSS adjustment on our profil. Please, follow the pictures below.

A.
Spoiler: show
Image
B.
Spoiler: show
Image
C.
Spoiler: show
Image
D.
Spoiler: show
Image

Finally you end up on a white field as you can see on the final picture with a message "Add your own CSS code above to give your profile a more personalized look." So now, the white filed gotta be filled with CSS codes. Let's per exemple say, you want to try a background color change.

The background color of a page is set like this:
* You can choose any color. Color name must be correctly written.

Code: Select all

body {
    background-color: lightblue; 
}
Result
Spoiler: show
Image
Let's try a background-image change.
So, it goes like this:

Code: Select all

body {
    background-image: url("[URL OF THE IMAGE HERE]");
}
More specific, I'm going to choose a background image for my profil ;

Code: Select all

body {
    background-image: url("http://i.imgur.com/24yXFA2.jpg");
}
Result
Spoiler: show
Image
However if you want to try/learn more about the CSS, or to try complicated things with your profil, my inbox is always open. Enjoy.
Last edited by Orren_Diamond on Thu May 25, 2017 11:41 am, edited 2 times in total.

User avatar
almightydean
Mafia
Mafia
Posts: 312
Joined: Wed Dec 10, 2014 12:34 am
Ingame name: Jared Williams

Re: [GUIDE] CSS customisation on faceinvader

Post by almightydean » Thu May 25, 2017 10:38 am

legend

User avatar
Mecovy
Wannabe Don
Wannabe Don
Posts: 3880
Joined: Sun Jan 13, 2013 9:28 am
Ingame name: Harriet Trudeau
Location: Winchester, United Kingdom

Re: [GUIDE] CSS customisation on faceinvader

Post by Mecovy » Thu May 25, 2017 11:10 am

Thank You, im not the only one playing with CSS I see
Image

El Fabians last words of love towards me.

User avatar
alex4oo
- Bronze Member -
- Bronze Member -
Posts: 1698
Joined: Sat Jun 16, 2012 8:28 pm
Ingame name: Yang and Settlemire

Re: [GUIDE] CSS customisation on faceinvader

Post by alex4oo » Thu May 25, 2017 11:39 am

sick
Goodbye.

User avatar
hold my gat
Wannabe Don
Wannabe Don
Posts: 922
Joined: Sat Dec 12, 2015 11:30 pm
Ingame name: Lil Smurf

Re: [GUIDE] CSS customisation on faceinvader

Post by hold my gat » Thu May 25, 2017 1:32 pm

lit thanks for this, this helped me too much hah

User avatar
Orren_Diamond
Mafia
Mafia
Posts: 675
Joined: Mon Jun 30, 2014 7:40 pm

Re: [GUIDE] CSS customisation on faceinvader

Post by Orren_Diamond » Thu May 25, 2017 2:42 pm

thanks everyone
i've received questions on how we add a .gif background
gif: A lossless format for image files that supports both animated and static images.

there you go

Code: Select all

body {
    background:  url(URL HERE) no-repeat center center fixed; 
  background-size: cover;
}

User avatar
Gandalf
Wannabe Don
Wannabe Don
Posts: 857
Joined: Tue Sep 11, 2007 3:47 pm
Location: |✡|

Re: [GUIDE] CSS customisation on faceinvader

Post by Gandalf » Thu May 25, 2017 3:58 pm

Thank you

User avatar
HunteRxHunteR
Gangster
Gangster
Posts: 47
Joined: Thu Mar 09, 2017 12:30 pm

Re: [GUIDE] CSS customisation on faceinvader

Post by HunteRxHunteR » Thu May 25, 2017 8:21 pm

I have a question. How do I stop my feed from being flooded with just "Blah blah is now friends with So and So"? And How do I stop people from seeing who I've just made friends with on my page?
Image

User avatar
BDH
Wannabe Don
Wannabe Don
Posts: 957
Joined: Sat Jul 20, 2013 12:03 pm
Ingame name: Beckett

Re: [GUIDE] CSS customisation on faceinvader

Post by BDH » Thu May 25, 2017 9:01 pm

HunteRxHunteR wrote:I have a question. How do I stop my feed from being flooded with just "Blah blah is now friends with So and So"? And How do I stop people from seeing who I've just made friends with on my page?
privacy settings. under the cog in the top right

User avatar
Kesha
Mafia
Mafia
Posts: 563
Joined: Thu Jan 02, 2014 1:03 pm
Location: RABAT DC

Re: [GUIDE] CSS customisation on faceinvader

Post by Kesha » Sat May 27, 2017 3:03 pm

Thanks!

User avatar
TecNines
Wannabe Don
Wannabe Don
Posts: 862
Joined: Sun Dec 13, 2015 4:37 pm
Ingame name: Roleplay instructor
Location: canada

Re: [GUIDE] CSS customisation on faceinvader

Post by TecNines » Sat Jun 03, 2017 7:36 pm

helpful

User avatar
HunteRxHunteR
Gangster
Gangster
Posts: 47
Joined: Thu Mar 09, 2017 12:30 pm

Re: [GUIDE] CSS customisation on faceinvader

Post by HunteRxHunteR » Thu Jun 15, 2017 8:22 am

BDH wrote:
Thu May 25, 2017 9:01 pm
HunteRxHunteR wrote:I have a question. How do I stop my feed from being flooded with just "Blah blah is now friends with So and So"? And How do I stop people from seeing who I've just made friends with on my page?
privacy settings. under the cog in the top right
Thanks!

Anyone know how to change page fonts and name box size and color?
Image

Biskit
- Silver Member -
- Silver Member -
Posts: 680
Joined: Mon Dec 03, 2012 7:43 am
Ingame name: Darion_Prince

Re: [GUIDE] CSS customisation on faceinvader

Post by Biskit » Thu Dec 21, 2017 6:44 am

This is a good guide, I remember two years ago when I found out about css codes on a new website I joined not related to LS-RP or Grand Theft Auto. So actually having these minor css scripts and examples will help people who are interested get quickly involved into css coding.
Thumbs up to you my man! :)

Post Reply

Return to “Player-Created Guides”

Who is online

Users browsing this forum: No registered users and 4 guests