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.

Topics' View (Regular+Basic) Problem

View previous topic View next topic Go down

Solved Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 11:37 am

hi  bye 
i got a  problem with topics' view.
the topics' message normally appears like that


but when i press to change from regular to basic view and then back to regular the username,avatar etc dont appear in the right position. :S
why is this happening? i need to be like the first one Smile





Codes Used:

js

Code:
Codes Removed

css:
Code:
Codes Removed




Last edited by J0k3R^ on April 24th 2014, 2:18 pm; edited 2 times in total

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 11:47 am

Hi Very Happy

Please a link to your topic that has that function.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 11:48 am

all my topics got this function.
check here (u can view as guest)
http://myplanet.forumgreek.com/t39-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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 11:53 am

Hi Very Happy

Please add this in your stylesheet:

Code:
.pun .post .user {
margin-left: -15em !important;
}

You're original margin-left: -13em is what's causing this so I suggest replacing it then.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by SLGray on April 24th 2014, 11:54 am

Guests can not see that feature.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35606
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 11:54 am

@Pizza Boi wrote:Hi Very Happy

Please add this in your stylesheet:

Code:
.pun .post .user {
margin-left: -15em !important;
}

You're original margin-left: -13em is what's causing this so I suggest replacing it then.

Regards,
Pizza Boi

i found these codes at my css
should i remove them and add your?

Code:
.pun .post .user{overflow:visible;margin-left:-13em;width:12em}
    .pun .postmain{margin-left:168px}
    .postfoot{margin-left:-13em}

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 11:57 am

Hi Very Happy

This one: .pun .post .user{overflow:visible;margin-left:-13em;width:12em}

Just make -13em to -15em so you don't take up too much space Smile.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 12:14 pm

Code:
/*hover avatar topic msgs*/
£panda_selector_1397552076630_0_m_panda£{}
    .pun .post .user{overflow:visible;margin-left:-13em;width:12em}
    .pun .postmain{margin-left:168px}
    .postfoot{margin-left:-13em}
    .pun .post:hover{border-left:1px solid #359bed;margin-left:-1px}
.dropRight,.dropRight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .dropRight{z-index:10;position:relative;background:transparent;border:1px solid transparent;width:1px;margin-left:-3px;white-space:nowrap;transition:width .2s;-webkit-transition:width .2s;overflow:hidden;padding:10px 0 10px 13em !important}
    .dropRight:hover{background:#fff;width:542px;border-color:#359bed #359bed #359bed #FFF}
    .dropRight .poster-avatar{float:left;margin-left:-12em}
    .dropRight .poster-avatar a{background:url(http://i56.servimg.com/u/f56/18/59/49/93/noavat10.jpg) no-repeat center #FFF;border:1px solid #DDD;min-height:122px;display:block;width:132px}
    .dropRight .poster-avatar img{background:#FFF;min-height:122px;max-height:155px;width:130px;padding:5px}
    .dropRight .poster-info{white-space:normal;padding-right:10px;display:none;width:380px}
    .dropRight:hover .poster-info{display:block}
    .poster-info .poster-field{border:1px dashed #DDD;border-width:1px 0;margin:5px 0;padding:5px 0}
    .poster-info .poster-field p{line-height:20px;color:#999;width:180px;display:inline-block}
    .poster-info .poster-field p.status{font-style:italic;width:100%;color:#0085FF}
    .poster-info .poster-field p.status .label{font-weight:700}
    .poster-connect{display:inline-block;width:27px;height:16px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/icon_u11.gif) no-repeat transparent}
    .poster-connect img{background:#fff}
    .poster-rank{float:right;margin-top:-7px}
    .poster-link a{padding-right:13px}

my css has this code.. the code's title says /*hover avatar topic msgs*/ but nothing happens when i hover it.. i see its about positions in topics... should i remove it or keep it?

- i changed this -13em to -15em but i still have the problem...

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 12:19 pm

Hi Very Happy

This part of the CSS you gave:

Code:
.pun .post .user{overflow:visible;margin-left:-13em;width:12em}

Change it to:

Code:
.pun .post .user{overflow:visible !important;margin-left:-15em;width:12em}

It actually works and if you want proof, open your console (F12) on your keyboard (Try using chrome instead for easier input) and then add that code and see the effect when you click on it multiple times as it is working for me.

Make sure you declare important for each so it doesn't overlap with each other and possible to be on top of the CSS.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by Luffy on April 24th 2014, 12:20 pm

Υou only need to find this:
Code:
.pun .post .user{overflow:visible;margin-left:-13em;width:12em}

Remove and replace with this:
Code:
.pun .post .user{overflow:visible;margin-left:-15em;width:12em}






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 12:32 pm

okey, its working but the profile field has very big space





i want to be smaller like that:


thats why i was using: .pun .postmain{margin-left:168px}
but it doesnt look good with ur code Sad

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 12:36 pm

Hi Very Happy

Decrease the value or use negatives.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 12:39 pm

yeah, ive already tried to change the values, its obvious that i'd do it before to post  Laughing 
but no result, the stats (name, image etc) go more left almost touch the left border line

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 12:47 pm

Hi Very Happy

Hmmm... try changing the value to percentage value. For my view, everything is A-ok. It must be your screen resolution as it does not have a problem for me Smile.

Regards,
Pizza Boi


Last edited by Pizza Boi on April 24th 2014, 2:06 pm; edited 1 time in total

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 1:33 pm

okey, after 10 mins of trying to find the position i like most, i ended up with this code:
Code:
.pun .post .user{overflow:visible !important;margin-left:-15em;width:160px}
.pun .postmain{margin-left: 17%}

just something last to ask and i will mark it as solved.
now when i go to a topic the name, avatar etc are in the center, but when i change views and come back to regular, they go liiitle more right, which value should i change to be in the same position as the first time i view the topic?  blackeye

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 1:47 pm

Hi Very Happy

I'm not entirely sure since I don't see anything wrong but try adjusting it with this:

Code:
.pun .user .user-ident {
right: 5px !important;
position: relative;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 1:57 pm

what u dont understand? :/ 
when i open a topic looks like that


and when i change views it goes more right and getting bigger


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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 2:03 pm

Hi Very Happy

Oh, I spot your problem. You have 2 margin-left which is causing this. margin-left: -15em and margin-left: -17em. You have to choose which one you'll keep or declare !important in one of them so it doesn't override one another for the gap.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by J0k3R^ on April 24th 2014, 2:10 pm

THANK YOU...
finally *SOLVED*

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: Topics' View (Regular+Basic) Problem

Post by Pizza Boi on April 24th 2014, 2:12 pm

Hi Very Happy

Yes, finally I love you ...

The pizza's here! That'd be $2.99 Wink .

No problem~

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Topics' View (Regular+Basic) Problem

Post by SLGray on April 25th 2014, 12:59 am

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35606
Reputation : 2372
Language : English
Location : United States

http://fmthemes.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