Profile cover

[Lucas]

I found it very cool that option here in FP which the user chooses a profile cover. I would like to know of other developers how to deploy it in my forum (which is phpBB, even localhost).
I have little knowledge of php, however.

Someone would have an initial code base that is? It would be of great help.

 

[John]

To my knowledge, FP is the only forum that has it on phpBB. I don't even know of any other places that're making it. phpBBB 3.1 MODs are way behind currently.

 

[Cosmic]

The FP profile covers are actually built into our theme rather than an extension, so it wasn't that difficult to implement. Basically, I created a custom profile field so the user could enter a link to their image, then added some CSS into the theme to show the image. There's some example code inside the view profile template that shows how to fetch the value of a profile field to include in the template

 

[Lucas]

Hello John and Matt, good night! 🙂

Part of the custom profile field is really easy - have had similar experience to create a user title to field appears above the avatar similar to IPB, in phpbb.

But on the CSS, it is very difficult. I do not know how to begin to create the profile cover 🙁

In phpBB has an extension in development it offers, but still half buggy and offers other features that I think are unnecessary, only the profile cover care.

 

[Lucas]

I'm trying to do with the few tips from Matt but it 's difficult. 🙁

The image does not appear, instead only the link.

 

[Lucas]

I'm racking my face, I can not do it. Somebody help me.

Created the profile field, grabbed the value and added that in memberlist_view.html

<!-- IF postrow.S_PROFILE_CAPA --><div class="capadefundotoday" style="background-image:url(
{postrow.PROFILE_SUBTITLE_VALUE}
);"></div><!-- ENDIF -->

but it does not work

 

[MasterA]

I'm racking my face, I can not do it. Somebody help me.

Created the profile field, grabbed the value and added that in memberlist_view.html

<!-- IF postrow.S_PROFILE_CAPA --><div class="capadefundotoday" style="background-image:url(
{postrow.PROFILE_SUBTITLE_VALUE}
);"></div><!-- ENDIF -->

but it does not work

I think Matt will be able to help you with this.

 

[Lucas]

I'm racking my face, I can not do it. Somebody help me.

Created the profile field, grabbed the value and added that in memberlist_view.html

<!-- IF postrow.S_PROFILE_CAPA --><div class="capadefundotoday" style="background-image:url(
{postrow.PROFILE_SUBTITLE_VALUE}
);"></div><!-- ENDIF -->

but it does not work

I think Matt will be able to help you with this.

Hello!

How can I talk to him?
I did not find the profile 🙁

 

[Migi]

I'm racking my face, I can not do it. Somebody help me.

Created the profile field, grabbed the value and added that in memberlist_view.html

<!-- IF postrow.S_PROFILE_CAPA --><div class="capadefundotoday" style="background-image:url(
{postrow.PROFILE_SUBTITLE_VALUE}
);"></div><!-- ENDIF -->

but it does not work

I think Matt will be able to help you with this.

Hello!

How can I talk to him?
I did not find the profile 🙁

Matt is the user [user]Penguinn[/user] you see above. 🙂

 

[Gizmo]

I think that if someone could put it into an extension and release it on phpbb a lot of people would end up using it.

 

[tonnyrichard1597]

It is so easy, i thank yiu should manage your time to learn it yourself 😀

 

[Lucas]

It is so easy, i thank yiu should manage your time to learn it yourself 😀

I already tried several ways but I could not 🙁

 

[Lucas]

It is so easy, i thank yiu should manage your time to learn it yourself 😀

It's so easy

Please help me

 

[Cosmic]

Ah, looks like you also need an extension.

Here's the code in the template:

<!-- IF S_PROFILE_BACKGROUND -->
<div class="fp-profile-background-image" style="background-image:url({PROFILE_BACKGROUND_VALUE_RAW});"></div>
<!-- ENDIF -->

CSS:

.fp-profile-background-image {
	height:300px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

And here's the extension:


Upload it to /ext/cosmic/rawfield

The extension can be used/distributed under the MIT License. 🙂

Note that this should only show the cover above the profile. The FP profile page is very heavily modified, and a lot of those other changes are separate.

 

[Lucas]

Ah, looks like you also need an extension.

Here's the code in the template:

<!-- IF S_PROFILE_BACKGROUND -->
<div class="fp-profile-background-image" style="background-image:url({PROFILE_BACKGROUND_VALUE_RAW});"></div>
<!-- ENDIF -->

CSS:

.fp-profile-background-image {
	height:300px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

And here's the extension:


Upload it to /ext/cosmic/rawfield

The extension can be used/distributed under the MIT License. 🙂

Note that this should only show the cover above the profile. The FP profile page is very heavily modified, and a lot of those other changes are separate.

Perfect, Penguin! Thank you and I'm sorry the insistence 🙂