The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Change Design of Topic "User" Class

View previous topic View next topic Go down

Solved Change Design of Topic "User" Class

Post by J0k3R^ on December 5th 2014, 6:19 pm

Hi. i would like to change the design of "user" class in topics and make it look similar to the following image:



(avatar surrounded by a bigger frame + profile fields too but different color)

I saw it from a non-forumotion forum but i think its possible to make something similar.
http://yttalk.com/threads/important-channel-link-update.150771/

Hope u help me out. : )

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by Ange Tuteur on December 5th 2014, 6:28 pm

Hi,

Could you provide the URL of your forum ?

Thanks

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by J0k3R^ on December 5th 2014, 6:38 pm

sure Smile
its http://fmplanet.forumgreek.com/
and here's a test topic:http://fmplanet.forumgreek.com/t314-topic

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by Ange Tuteur on December 6th 2014, 8:34 pm

Add this to your CSS :
Display > Colors > CSS stylesheet
Code:
.pun .post .user {
  width:175px;
  background:url('yourimage.gif');
  border:1px solid #CCC;
  border-radius:3px;
  margin:10px 0px 10px -195px !important;
}
.pun .user .user-info + br { display:none }
.pun .user .user-info {
  background:#EEE;
  width:100%;
  margin:0;
  padding:3px;
}

Replace yourimage.gif by the URL of your image.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by J0k3R^ on December 6th 2014, 9:03 pm

Hm not exactly bro.
i tried their image for example to see if it will work (http://yttalk.com/images/snowflakes.jpg)
but it didnt.
also, the #eee background shouldnt it be in the red lines i pointed out in the pic?


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by Ange Tuteur on December 6th 2014, 9:05 pm

Try now :
Code:
.pun .post .user {
  width:175px;
  background:url('http://yttalk.com/images/snowflakes.jpg') !important;
  border:1px solid #CCC;
  border-radius:3px;
  margin:10px 0px 10px -195px !important;
}
.pun .user .user-info + br { display:none }
.pun .user .user-info {
  background:#EEE;
  width:100% !important;
  margin:0 !important;
  padding:3px !important;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by J0k3R^ on December 6th 2014, 9:37 pm

Thank u very much!Smile


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Change Design of Topic "User" Class

Post by Ange Tuteur on December 6th 2014, 9:39 pm

You're welcome

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum