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.

Toggle topic view position problem

View previous topic View next topic Go down

Solved Toggle topic view position problem

Post by J0k3R^ on June 5th 2014, 8:17 pm

Hi, i have a problem with the topic view toggle (basic + regular).
Its working fine but when i toggle both views the position of the .user is getting changed and the width is bigger :S
u can check it here: [url=fmplanet.forumgreek.com/t139-topic]fmplanet.forumgreek.com/t139-topic[/url]

what i mean: 



Codes Used:

JS
Code:
$(document).ready(function($) {
                $('div.main-head.clearfix:first p.h2').prepend('<div class="topicViewIcons">
                <a id="topicViewRegular" title="Κανονική Προβολή" class="active"><img src="http://i72.servimg.com/u/f72/18/07/42/17/spacer10.gif" alt=""></a>
                <a id="topicViewBasic" title="Βασική Προβολή"><img src="http://i72.servimg.com/u/f72/18/07/42/17/spacer10.gif" alt=""></a>
                </div>');
                $("#topicViewBasic").click(function(){
                    $(".pun .post .user").hide("user");
                    $(".postmain").css('margin-left','0px');
                    $(".postfoot").css('margin-left','0px');
                    $("#topicViewRegular").removeClass("active");
                    jQuery(this).addClass('active');
                    $("div.main-content.topic").addClass("basicTopicView");
                  });
                $("#topicViewRegular").click(function(){
                    $(".pun .post .user").show("user");
                    $(".postmain").css('margin-left','17em');
                    $(".postfoot").css('margin-left','-17em');
                    $("#topicViewBasic").removeClass("active");
                    jQuery(this).addClass('active');
                    $("div.main-content.topic").removeClass("basicTopicView");
                  });
                });

CSS

Code:
.topicViewIcons {
            overflow: hidden;
            position: relative;
            padding-bottom: 1px;
            margin: -3px 10px -5px 0;
            float: left;
            }
            .topicViewIcons a {
            cursor: pointer;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            float: left;
            width: 22px;
            height: 22px;
            text-decoration: none;
            text-align: center;
            outline: none;
            margin-right: 5px;
            opacity: 0.6;
            }
            .topicViewIcons a:hover {
              background:url("http://i72.servimg.com/u/f72/18/07/42/17/trans110.png") repeat;
              background:rgba(0,0,0,0.1);
              opacity:0.8
            }
            .topicViewIcons #topicViewRegular.active img {
            background-position: 0 -16px;
            }
            .topicViewIcons a.active {
            background: url("http://i72.servimg.com/u/f72/18/07/42/17/trans510.png") repeat;
            background: rgba(0,0,0,0.5);
            -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
            -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
            box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
            opacity: 1;
            }
            .topicViewIcons #topicViewRegular img {
            background-position: 0 0;
            }
            .topicViewIcons img {
            opacity: 1!important;
            vertical-align: top;
            margin-top: 4px;
            width: 16px;
            height: 16px;
            background: url("http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png") no-repeat;
            }
            .topicViewIcons #topicViewBasic.active img {
            background-position: -16px -16px;
            }£panda_selector_1393980212481_19_m_panda£{margin-left:10 !important;}
            .basicTopicView .postmain .postfoot {
              margin: 0;
  }£panda_selector_1393980212481_23_m_panda£{display:none}



Last edited by J0k3R^ on June 11th 2014, 4:25 pm; edited 1 time 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: Toggle topic view position problem

Post by J0k3R^ on June 6th 2014, 7:31 pm

Bump

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: Toggle topic view position problem

Post by @Mark on June 7th 2014, 11:43 am

You still experiencing the problem? Working fine with me?  Smile 

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Toggle topic view position problem

Post by J0k3R^ on June 7th 2014, 12:40 pm

Yes Mark, i still got this problem,
could u check it on my forum?
try this link fmplanet.forumgreek.com/t139-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: Toggle topic view position problem

Post by J0k3R^ on June 8th 2014, 5:57 pm

BUMP

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: Toggle topic view position problem

Post by SLGray on June 8th 2014, 7:48 pm

Have you ask for help on the forum where you get the codes?


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


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toggle topic view position problem

Post by J0k3R^ on June 8th 2014, 8:11 pm

nope but i will do if its not solved here.
and thats why i put the codes i used, to help me and check if i should change/add something in these codes 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: Toggle topic view position problem

Post by @Mark on June 8th 2014, 9:30 pm

Checked it using Chrome and Firefox, seems to work fine with me? Weird.  :/ 

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Toggle topic view position problem

Post by J0k3R^ on June 9th 2014, 8:16 am

Mark did u check at the 'thanked' post?

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: Toggle topic view position problem

Post by J0k3R^ on June 11th 2014, 12:14 pm

i've actually removed toggle topic view from my forum because i think its needless.
u can lock this topic guys 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: Toggle topic view position problem

Post by Ange Tuteur on June 11th 2014, 4:54 pm

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