OGS Profile Formatting: Some Useful Tips

Let’s use this wiki-post to index them

  1. Starline
  2. yebellz
  3. Lys
  4. 💖 KoBa 💖
  5. psygo
  6. cixidetroy
  7. jlt
  8. 🐬⚔️🐬 🍩🥂🕯️🌱
  9. 🐬Sofiam🐬
  10. lykahb
3 Likes

In case this kind of thing bugs you:

Here’s a simple fix for your profile:

a[href="/leaderboards"] {
    display: none !important;
}

image

:wink:

4 Likes

@psygo could you please provide simple instructions to set a background image?
Is that done using CSS?

1 Like

You can always use the console to (a) see the external stylesheet, or check the elements individually to see interesting css.

E.g.

.container {
    max-width: none !important;
    background-image:url('https://raw.githubusercontent.com/FanaroEngineering/fanaro_sabaki_theme_collection/master/screenshots/bluish_purple.png');
}

from here I guess GitHub - FanaroEngineering/fanaro_sabaki_theme_collection: Fanaro's Sabaki Theme Collection.

3 Likes

i did

.container {
max-width: none !important;

background-image: url(‘link’);

}

in the css file.

4 Likes

i arrived to something i like :slight_smile:
music is singed by me and first time in css, i’m proud^^

css and html here : GitHub - cixidetroy/cixidetroy.github.io

2 Likes

hi i had got my web,but how to change things on it?

I don’t know how he highlighted the letters in ogs (when I hit the mouse). in
his profile

<embed src=" YouTubeVideoURL​"></embed>
It​ not​ work​ in​ my​ ogs​ profile​

Yes, seems normal to me that you can’t .

But​ it​ can​ use​ or​ not

Can not.

I’d like to add tips for putting an SVG on the profile. If you include an SVG with a regular img tag, the SVG interactive features and animations are not going to work. Putting the SVG straight into HTML works when you directly edit the DOM in the browser. But once you put it into the About content, it’s going to get filtered out and won’t appear on the page. I think that there are good security reasons for that. The solution is to use the embed tag:

<embed type="image/svg+xml" src="https://example.com/assets/image.svg"/>

Edit: my profile is haunted.

4 Likes

Just a question, where do you put these?

Well-done, I like that animation.

3 Likes

Go to your profile then under your profile picture click the “Edit” button, then scroll down and there will be an editable text box between your game graph and your active games.

1 Like

Thx BHydden

1 Like

i have a question about adding vedio.i have make it shared.but it appeares docs.google.com refuse the link