How to change menuwrap

[Cacca]

Hi, webfriends!

On IpB 4.1 how to change the user bar? Or import from other themes?

Sorry, but.. This is very orrible with Not Rounded Photos xD

[Music Case]

or add this to your custom.css..

#elUserNav .ipsUserPhoto img {
    border-radius: 100%;
}

Tested on my board just now, also looks a lot nicer than the square thanks for the idea..

Edit

Add this to make the ''hover'' circle too otherwise it'l just be square.

#elUserNav a.ipsUserPhoto {
    border-radius: 100%;
}

 

Edited September 21, 2016 by Paulamonopoly

[xmark995]

Edit the HTML & CSS of the IPB theme in the admin cp, find the file "UserBar" it all should be in there.

Sorry about the vague instructions I currently cannot login to check.

[Cacca]

40 minutes ago, xmark995 said:

Modificare il codice HTML e CSS del tema IPB nel CP admin, trovare il file "UserBar" tutto dovrebbe essere lì.

Mi dispiace per le istruzioni vaghe che al momento non riesco ad accedere per controllare.

Yeah but, when i import new "Userbar" nothing change..

[Luca Munich]

You want only a rounded photo?

[Cacca]

On 17/9/2016 at 0:05 AM, Sara Schuller said:

You want only a rounded photo?

Yeah, i want rounded photos on the userbar on my theme, but only on userbar

[Luca Munich]

ACP > Themes > Your theme > Edit html > Core/Front/Global/UserBar

Now, find this line:

{template="userPhoto" group="global" app="core" params="\IPS\Member::loggedIn(), 'tiny'"}

 

 

And put a tag for this css:

.roundedphoto {
    border-radius: 100%;
}

 

[Cacca]

Give me this:c

 

[Luca Munich]

13 hours ago, Sara Schuller said:

And put a tag for this css:

Did you read this?

[Cacca]

On 19/9/2016 at 9:36 PM, Sara Schuller said:

ACP > Themes > Your theme > Edit html > Core/Front/Global/UserBar

Now, find this line:

{template="userPhoto" group="global" app="core" params="\IPS\Member::loggedIn(), 'tiny'"}

 

 

And put a tag for this css:

.roundedphoto {
    border-radius: 100%;
}

 

Into the CSS Mother? ({template: "userphoto"})

[Luca Munich]

<div class="roundedphoto">

"Your code"

</div>

 

<style>

.roundedphoto {

border-radius: 100%;

}

</style>

[Cacca]

Sorry but i don't understand x.x

Would you like enter in my forum and change the HTML of my theme?

[Luca Munich]

Do you have skype?

If yes, please add me: lucas.allexandre

[Cacca]

58 minutes ago, Sara Schuller said:

Do you have skype?

If yes, please add me: lucas.allexandre

Yeah i add you, i'm: apocalipse901

[Luca Munich]

Just now, Paulamonopoly said:

or add this to your custom.css..

#elUserNav .ipsUserPhoto img {
    border-radius: 100%;
}

Tested on my board just now, also looks a lot nicer than the square thanks for the idea

Yes, this code wil work better

[Cacca]

8 minutes ago, Paulamonopoly said:

or add this to your custom.css..

#elUserNav .ipsUserPhoto img {
    border-radius: 100%;
}

Tested on my board just now, also looks a lot nicer than the square thanks for the idea..

Edit

Add this to make the hover circle too otherwise it'l just be square.

#elUserNav a.ipsUserPhoto {
    border-radius: 100%;
}

 

Thank You! Has work! Thanks a lot for both :D