MyBB Tutorials

Floating Image in Profile

Submitted by linkzy, , Thread ID: 53

Thread Closed
linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
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

Tracy
Senior Member
Level:
0
Reputation:
78
Posts:
585
Likes:
74
Credits:
49
20-01-2015, 02:45 PM
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

Blowjob
Closed Account
Level:
0
Reputation:
26
Posts:
2.16K
Likes:
189
Credits:
2.53K
20-01-2015, 03:05 PM
#3
can you show an example?

RE: Floating Image in Profile

linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
OP
20-01-2015, 03:08 PM
#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

cute
Married to Yuun
Vixen
Level:
4
Reputation:
50
Posts:
523
Likes:
92
Credits:
1.09K
22-01-2015, 06:56 AM
#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

linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
OP
22-01-2015, 11:09 AM
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

Tom
Tom yum soup <3
Prime
Level:
0
Reputation:
45
Posts:
1.51K
Likes:
97
Credits:
1.62K
22-01-2015, 02:20 PM
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

cute
Married to Yuun
Vixen
Level:
4
Reputation:
50
Posts:
523
Likes:
92
Credits:
1.09K
22-01-2015, 02:23 PM
#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

Tom
Tom yum soup <3
Prime
Level:
0
Reputation:
45
Posts:
1.51K
Likes:
97
Credits:
1.62K
22-01-2015, 02:41 PM
#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

Blowjob
Closed Account
Level:
0
Reputation:
26
Posts:
2.16K
Likes:
189
Credits:
2.53K
22-01-2015, 03:25 PM
#10
22-01-2015, 06:56 AM
Unsuspicious Wrote:
-

Good tutorial.. remember to resize the image XD

Users browsing this thread: 1 Guest(s)