Core questions

[RobParker]

I've just installed the latest version of Core that's built on XenBase and really loving the customisation options. I just have a few questions.

Core is a child of XenBase now. Should I make my edits in Core or in XenBase? I assume Core..? Is that still correct if I make a child of Core to make my edits in?

e.g.
XenBase
Core (child of XenBase)
My Style (child of Core)

That'd mean when there's a new release that I overwrite both XenBase and Core, right? Is there a correct order to do that in?

I know you said you were working on some documentation but for now I just had a couple of quick queries/comments.

With the membercard CSS, when I tick to enable it, it messes up my membercards. It seems as if the default options when it's enabled aren't correct. Is this a bug or what you'd expect?

Also there seems to be a lot of grey on grey in places, e.g. the Inbox text here. Not sure if that's intentional or not?

I was also wondering, does xenbase include an option for moving the search box? I've had a quick look through but couldn't see anything.

Ideally I'd like to move it up into the blue sub-nav area.

Thanks

 

[Russ]

RobParker it goes in extra.CSS assuming you have 1.2 installed

As for the ad I suppose you could try ad_header and float the ad to the left, I'm out right now but if you can't figure it out I'll try to mess with it when I get home

 

[RobParker]

RobParker it goes in extra.CSS assuming you have 1.2 installed

As for the ad I suppose you could try ad_header and float the ad to the left, I'm out right now but if you can't figure it out I'll try to mess with it when I get home

I have beta1 installed, not updated to the latest beta yet. It doesn't seem to do anything though...

I'm not sure I explained about the ad very well. I'm planning on trying one of the new 970px wide google ads so it'll be full width, between the logo and the notice container (which I've moved up).

 

[RobParker]

For the advert, this is what I have at the minute:

I did this by changing the following into header template:

<xen:hook name="header">
<div id="header">
    <xen:include template="navigation" />
    <xen:include template="logo_block" />
        <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
    <img src="/images/advert_placeholder.png" style="display:block; width:970px; height:90px;overflow: hidden; margin: auto; padding-bottom:5px;" title="Advert" />
 </div>
</xen:hook>

I can't figure out how to add a gap between the notice and the advert though (and there's maybe a much better way of doing it!).

 

[RobParker]

I spend ages trying to figure something out and as soon as I give up and post here I solve it

headerproxy needed the height increasing.

 

[RobParker]

At the minute it's just the responsiveness I can't get to work with the notices as it doesn't seem to do anything.

Might that be because the rest of the style isn't responsive so the resolution can't go low enough?

Basically, is the resolution it grabs the physical browser window size or the window size including the area hidden by the scrollbar?

Edit: Nope, didn't work on the default style either.

 

[Russ]

At the minute it's just the responsiveness I can't get to work with the notices as it doesn't seem to do anything.

Might that be because the rest of the style isn't responsive so the resolution can't go low enough?

Basically, is the resolution it grabs the physical browser window size or the window size including the area hidden by the scrollbar?

Edit: Nope, didn't work on the default style either.

I'll need to play with the code today and see what I can come up with. I'll get back to you on this one quick, sorry about that.

 

[RobParker]

No worries. I realise I'm seriously bugging you at the minute and this kind of support for what is almost a free style is ridiculously good on your part

 

[Russ]

No worries. I realise I'm seriously bugging you at the minute and this kind of support for what is almost a free style is ridiculously good on your part

Haha I love doing this stuff, to be fair I use to provide a ton of free support on XenForo for the first 2 years, only recently got into the actual market so I'm more than happy to do this sort of stuff.

 

[RobParker]

Not sure if this is a bug or if I broke something

On most pages the navbar looks like this

but on the alerts page it looks like this

Something's causing the secondary navbar to be pushed to the right.

 

[Russ]

Not sure if this is a bug or if I broke something

On most pages the navbar looks like this

View attachment 220

but on the alerts page it looks like this
View attachment 221

Something's causing the secondary navbar to be pushed to the right.

It's a bug with a newer version of XF, it's fixed for the next version.

 

[RobParker]

Which element in the style property controls this? I want to set the background colour but can't seem to find it in the style properties.
.navTabs .navTab.selected .tabLinks {
background: url("styles/core/xenforo/sources/darkblue/navbg.png") repeat-x scroll 0 0 #000000;
border-radius: 0 0 5px 5px;
height: 37px;
top: 46px;
}

Is this right? It's hardcoded in core_header.css?

.navTabs .navTab.selected .tabLinks
{
background: url("@imagePath/xenforo/sources/@corecolor/navbg.png") repeat-x #000000;
top: 46px;
border-radius: 0px 0px 5px 5px;
height: 37px;
width: @pageWidth.width;
}

 

[RobParker]

Next question (sorry!)

I've tried putting an Adsense ad into my header like so:

<xen:hook name="header">
<div id="header">
    <xen:include template="navigation" />
    <xen:include template="logo_block" />

    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
        
    <div style="display:block; margin: auto; padding-bottom:5px;">
    <script type="text/javascript">
    google_ad_client = "ca-pub-xxxxxxxx";
    width = document.documentElement.clientWidth;
        google_ad_slot = "xxxxx";
        google_ad_width = 970;
       google_ad_height = 90;
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

</div>
</xen:hook>

But it's stuck on the left and not centred. Any idea how to centre it? What I'd like to do is use the responsive adsense code so I can't just hardcode a margin value in to centre it...

 

[RobParker]

This might be useful. The Adsense ads launch in an iframe inside the div. I'm hoping that I can just position the outside div...

 

[RobParker]

Bah, text-align: center was all I needed?

 

[Russ]

Which element in the style property controls this? I want to set the background colour but can't seem to find it in the style properties.
.navTabs .navTab.selected .tabLinks {
background: url("styles/core/xenforo/sources/darkblue/navbg.png") repeat-x scroll 0 0 #000000;
border-radius: 0 0 5px 5px;
height: 37px;
top: 46px;
}

Is this right? It's hardcoded in core_header.css?

.navTabs .navTab.selected .tabLinks
{
background: url("@imagePath/xenforo/sources/@corecolor/navbg.png") repeat-x #000000;
top: 46px;
border-radius: 0px 0px 5px 5px;
height: 37px;
width: @pageWidth.width;
}

Yep it is, I need to move it to the framework now that you mentioned it

 

[RobParker]

I've just noticed what when you get alerts you get the red balloon on the Alerts text but also on your Username text. It looks a bit strange having it on both. Is this a Core thing or an XF1.2 thing? I don't see it happening on xf.com.

 

[Steve]

It is a bug of sorts with how 1.2 and the framework. We'll get a fix out for it soon.

 

[RobParker]

What's the style property for the background behind my name at the top right here?

On hover the background is blue as I've selected but when the mouse comes off it it turns grey and I can't figure out which property that is.

 

[Russ]

Strange I adjusted in the latest version because I know you reported it last time:

However you should be able to use:

.navTabs .navTab.PopupOpen .navLink
{
color: #000;
}

Might need an !Important.