Core - PixelExit.com [Deleted]

surfsup said:
1. How can I align the logo better? www.talkpestcontrol.com
2. I have a ad manager - but will a 728x90 leaderboard fit right of the Logo or no? (Cause I even tried putting a leaderboard below the nav and look how it floats over the sidebar...
3. Any options in the future to have a floating navbar/userbar?
Click to expand...

1. ) I would trim the extra space off the top and bottom of the logo, it'll be easier to adjust using #logo { line-height: #; } then.(it'll fixed the search bar too)

2.) A leaderboard is just to wide for a 990px wide forum, you'll need to have Style Properties -> General -> Page Width Controller set max-width at like 1050px.

3.) Yes we thought about adding it in not to long ago, hopefully we can come up with something.
 
Russ said:
1. ) I would trim the extra space off the top and bottom of the logo, it'll be easier to adjust using #logo { line-height: #; } then.(it'll fixed the search bar too)

2.) A leaderboard is just to wide for a 990px wide forum, you'll need to have Style Properties -> General -> Page Width Controller set max-width at like 1050px.

3.) Yes we thought about adding it in not to long ago, hopefully we can come up with something.
Click to expand...
Ok I took off the extra space - its now 100px height, - what did you mean by adjust using #logo etc? I went into the style properties and made the height of logo 100px.....is this right or no?

thanks!
 
surfsup said:
Ok I took off the extra space - its now 100px height, - what did you mean by adjust using #logo etc? I went into the style properties and made the height of logo 100px.....is this right or no?

thanks!
Click to expand...

For your specific style add this in extra.css

Code: 
#logoBlock #logo {
line-height: 120px;
}
#QuickSearch {
top: -6px;
}
 
Russ said:
For your specific style add this in extra.css

Code: 
#logoBlock #logo {
line-height: 120px;
}
#QuickSearch {
top: -6px;
}
Click to expand...
Ok i just added that to the 'extra.css' in Core template. But didnt look like it changed anything when I refresh?
 
Russ said:
Your logo adjust it's height, for that quicksearch code I gave you add a !important.
Click to expand...
I have it like this:

Code: 
}
#logoBlock #logo {
line-height: 120px;
}
#QuickSearch !important.{
top: -6px;
}
ive also tried:

Code: 
}
#logoBlock #logo {
line-height: 120px;
}
#QuickSearch {
top: -6px;
}
!important.

Still nada...?
 
Russ, not knowing JS myself, is there an easy way to expand this JS you have to include another expand?
Code: 
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandFooter").click(function() {
            $("#footerlists").slideToggle("slow");
        });
    });
</script>
I would like to do the same for the sidebar when it falls under, and as your script is already being inserted into the document head with the footer, then hey...

I was figuring on calling the sidebar expand .expandSidebar and I will assign the id #sidebarExpand to it.

Whilst I could replicate the above, I figure there must be a way to have the one function work for two instances?
 
Anthony Parsons said:
Russ, not knowing JS myself, is there an easy way to expand this JS you have to include another expand?
Code: 
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandFooter").click(function() {
            $("#footerlists").slideToggle("slow");
        });
    });
</script>
I would like to do the same for the sidebar when it falls under, and as your script is already being inserted into the document head with the footer, then hey...

I was figuring on calling the sidebar expand .expandSidebar and I will assign the id #sidebarExpand to it.

Whilst I could replicate the above, I figure there must be a way to have the one function work for two instances?
Click to expand...

We're working on a sidebar slider collapse if that helps you at all :D,

As for that code it's just a simple thing, .expandFooter is hidden in normal view, shows in responsive.

#footerlists is hidden in responsive, which when clicking .expandFooter shows #footerlists,

Hope that explains it.
 
So it is easier just to replicate the whole thing, or can that one function handle two different expand situations?

I don't know the exacts of writing JS, though would something like the below do the job?

Code: 
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandFooter", ".expandSidebar").click(function() {
            $("#footerlists", "#sidebarExpand").slideToggle("slow");
        });
    });
</script>
Instead of having in the head:

Code: 
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandFooter").click(function() {
            $("#footerlists").slideToggle("slow");
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandSidebar").click(function() {
            $("#sidebarExpand").slideToggle("slow");
        });
    });
</script>
 
Anthony Parsons said:
So it is easier just to replicate the whole thing, or can that one function handle two different expand situations?

I don't know the exacts of writing JS, though would something like the below do the job?

Code: 
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandFooter", ".expandSidebar").click(function() {
            $("#footerlists", "#sidebarExpand").slideToggle("slow");
        });
    });
</script>
Instead of having in the head:

Code: 
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandFooter").click(function() {
            $("#footerlists").slideToggle("slow");
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".expandSidebar").click(function() {
            $("#sidebarExpand").slideToggle("slow");
        });
    });
</script>
Click to expand...

That should work fine, my strong point is not javascript :D, we're primarily getting this stuff to work with XF cookies so it'll save the settings.
 
Thanks... I will play around with it. Yer... I do this stuff with CSS no problems, but JS is not something I'm strong with either. I usually pull it from somewhere that works and use it, if needed, otherwise avoid it myself.
 
BamaStangGuy said:
How can I get the drop down icon things to turn white in the navigation here: http://www.fordforumsonline.com/forums/ford-focus.15/
Click to expand...

Throw in this in extra.css:

Code: 
.navTabs .navTab.selected .arrowWidget {
background-position: -64px 0;
}

Also sorry I missed your last reply not sure how it slipped me.

For right now I'm going to call it "as-designed", there's additional padding/margin's for cosmetic reasons and it'll only show like that for anyone with the IP/Warn commands. I'll see if I can't tinker with it but with the sidebar enabled it's like working in responsive mode, the less space there is XF by default hides the date now.

I'll mess with it though.
 
You must log in or register to reply here.

Similar threads

Pixel Exit
Core - PixelExit.com [Paid]
2 3
Replies
40
Views
3K
Pixel Exit
Pixel Exit
Russ
IPBee - PixelExit.com
Replies
14
Views
3K
urivil
U
Top Bottom