MyBB Tutorials

Floating Image in Profile

Submitted by linkzy, , Thread ID: 53

Thread Closed
15-01-2015, 07:57 AM
#1
This is a very brief tutorial on how to add a floating image to your profile.

First up, download the Template Conditionals plugin.

Install it, as you would any other MyBB plugin.

Now, head to Templates > Your Theme > Member Templates > member_profile

After <body> add the following code, changing the URL to the image you want to use and changing YOUR ID to your ID:


Content locked
This content has been locked. Please login or register in order to unlock it.


now in global.css

PHP Code:
.vanity {
    
positionfixed;
    
bottom0px;
    
right0px;

| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Floating Image in Profile

This post was last modified: 20-01-2015, 02:55 PM by Tracy
#2
Thanks, this is what Cake has right?

This just puts it in the header, and it doesn't move.
[Image: SmallGlossyDeer-size_restricted.gif]

RE: Floating Image in Profile

#3
can you show an example?

RE: Floating Image in Profile

OP
#4
20-01-2015, 02:45 PM
Trill Wrote:
Thanks, this is what Cake has right?


This just puts it in the header, and it doesn't move.


It does works.
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Floating Image in Profile

#5
Releasing the tutorial for free, as OP is autistic and stealing my tutorials.

This is a very brief tutorial on how to add a floating image to your profile.

First up, download the Template Conditionals plugin.

Install it, as you would any other MyBB plugin.

Now, head to Templates > Your Theme > Member Templates > member_profile

After <body> add the following code, changing the URL to the image you want to use and changing YOUR ID to your ID:
Code:
<if $uid == YOUR ID then>
<img src="http://linktoyourimage.com/image.png" class="vanity" />
</if>

Now, add the following code to the end of your global.css file.
Code:
.vanity {
    position: fixed;
    bottom: 0px;
    right: 0px;
}
[Image: ZtDsXXv.png]

RE: Floating Image in Profile

OP
This post was last modified: 22-01-2015, 11:10 AM by linkzy
#6
22-01-2015, 06:56 AM
Unsuspicious Wrote:
Releasing the tutorial for free, as OP is autistic and stealing my tutorials.


This is a very brief tutorial on how to add a floating image to your profile.

First up, download the Template Conditionals plugin.

Install it, as you would any other MyBB plugin.

Now, head to Templates > Your Theme > Member Templates > member_profile

After <body> add the following code, changing the URL to the image you want to use and changing YOUR ID to your ID:

Code:
<if $uid == YOUR ID then>
<img src="http://linktoyourimage.com/image.png" class="vanity" />
</if>

Now, add the following code to the end of your global.css file.

Code:
.vanity {
  position: fixed;
  bottom: 0px;
  right: 0px;
}


Well i would have share them for free but leeching is not allowed here so yeah i used hide codes :3
and yeah this was a tut i recieved from linkz
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Floating Image in Profile

Warned
#7
22-01-2015, 06:56 AM
Unsuspicious Wrote:
Releasing the tutorial for free, as OP is autistic and stealing my tutorials.


This is a very brief tutorial on how to add a floating image to your profile.

First up, download the Template Conditionals plugin.

Install it, as you would any other MyBB plugin.

Now, head to Templates > Your Theme > Member Templates > member_profile

After <body> add the following code, changing the URL to the image you want to use and changing YOUR ID to your ID:

Code:
<if $uid == YOUR ID then>
<img src="http://linktoyourimage.com/image.png" class="vanity" />
</if>

Now, add the following code to the end of your global.css file.

Code:
.vanity {
  position: fixed;
  bottom: 0px;
  right: 0px;
}


:fp: Just :fp:

RE: Floating Image in Profile

#8
22-01-2015, 02:20 PM
Tom Wrote:
:fp: Just :fp:

Is there something wrong with releasing my own content for free? Or are you just increasing your post count by being an asshat?
[Image: ZtDsXXv.png]

RE: Floating Image in Profile

#9
22-01-2015, 02:23 PM
Unsuspicious Wrote:
22-01-2015, 02:20 PM
Tom Wrote:
:fp: Just :fp:

Is there something wrong with releasing my own content for free? Or are you just increasing your post count by being an asshat?


At least hide it, you're letting leechers get it for free.

RE: Floating Image in Profile

#10
22-01-2015, 06:56 AM
Unsuspicious Wrote:
-

Good tutorial.. remember to resize the image XD

Users browsing this thread: 3 Guest(s)