• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

[8wayRun.Com] XenPorta (Portal)

Status
Not open for further replies.
Untitled-1.webp

So I've installed XenPorta, as well as the Flexile style, and I want a frontpage that looks something like the picture. I want to make each news post a seperate square, remove the outer square, some stuff like that. Where do I access these kinds of options? Is it related to the style or this add-on? Do I have to know css?

I'm obviously a total nublet with both Xenforo and everything about it, but was just hoping to get a helpful push in the right direction!

Oh, and I want to get rid of the breadcrumb on the frontpage as well.

edit: Is it possible to cut off the page, including the header, at the sides and add a bg? Like in picture number 2.
Untitled-2 copy.webp
 
Ahteh said:
View attachment 9816

So I've installed XenPorta, as well as the Flexile style, and I want a frontpage that looks something like the picture. I want to make each news post a seperate square, remove the outer square, some stuff like that. Where do I access these kinds of options? Is it related to the style or this add-on? Do I have to know css?

I'm obviously a total nublet with both Xenforo and everything about it, but was just hoping to get a helpful push in the right direction!

Oh, and I want to get rid of the breadcrumb on the frontpage as well.

edit: Is it possible to cut off the page, including the header, at the sides and add a bg? Like in picture number 2.
View attachment 9817
Click to expand...
you need to edit the templates prefaced by 'EWR'. all jaxals templates are "EWRporta"
 
Ahteh said:
any good guides on that?
Click to expand...
not specific to these templates, no.

Ahteh said:
And can the layout of the second picture be done by modifying templates?
Click to expand...
afaik, you dont need to edit templates to do that. there is a 'fixed width' option somewhere, and a place to specify a bg image as well.

(set width) AppearanceStyles > Style Property Groups > Style Properties: General > Page Width Controller
(set bg image) AppearanceStyles > Style Property Groups > Style Properties: General >Body
 
Alright, thanks.

I was playing around with the templates. Which one specifies the layout of the frontpage? I thought it'd be EWRporta_Portal, but it doesn't seem to be connected.

 
edited the above post.
EWRporta_Block_RecentNews controls the news block. you may need to use a new div to achieve that effect.
 
Ahteh said:
Alright, thanks.

I was playing around with the templates. Which one specifies the layout of the frontpage? I thought it'd be EWRporta_Portal, but it doesn't seem to be connected.
Click to expand...
try this:
open EWRporta_Block_RecentNews and replace the following bits of code:

the top of the template:
Code: 
<xen:require css="message_user_info.css" />

<xen:require css="bb_code.css" />

    <xen:foreach loop="$RecentNews" value="$news">
        <div class="sectionMain"><article>

the bottom of the template (nothing should remain after this):
Code: 
        </article>
        </div>
    </xen:foreach>

if you stuff it up you can just revert the template to restore the original.
 
Thanks a lot, I'll be testing all this! Is that really the right template though? While I do want to make some minor changes to the news module, I also want to edit the box it's in, which is still there if I disable the news module.

About the width settings, that only affects the page content. I want to cut off the header and navigation bar as well. Or well, the whole site, really.

Oh, and how do I center page content? atm it's just pushed to the left.
 
Ahteh said:
Thanks a lot, I'll be testing all this!

About the width settings, that only affects the page content. I want to cut off the header and navigation bar as well. Or well, the whole site, really.

Oh, and how do I center page content? atm it's just pushed to the left.
Click to expand...
this is waaaay off topic btw. you should start a new thread!


the header and navigation are set, but there is a header div at the top that stretches the entire width that you may be looking at.

go into Header and Navigation > Header
open the background colour picker then tick off 'clear value' then press OK.
 
Yeah, I will. I should probably just jump into a Q&A thread or something, so much stuff I'm lost with.

Ninja edited my post before I saw yours, I'll repost: Is that really the right template though? While I do want to make some minor changes to the news module, I also want to edit the box it's in, which is still there if I disable the news module.

EDIT: I realised that the box I'm talking about is the same one that's on the forum page. How do I edit the XenPorta page without affecting the others?
 
Ahteh said:
Yeah, I will. I should probably just jump into a Q&A thread or something, so much stuff I'm lost with.

Ninja edited my post before I saw yours, I'll repost: Is that really the right template though? While I do want to make some minor changes to the news module, I also want to edit the box it's in, which is still there if I disable the news module.

EDIT: I realised that the box I'm talking about is the same one that's on the forum page. How do I edit the XenPorta page without affecting the others?
Click to expand...
the porta_portal template manages the overall page, but to change specifics, like how news looks (splitting the news into individual divs for example) you must edit the porta_block templates or whatnot.
 
If I want to make changes in the PAGE_CONTAINER template that only affect the XenPorta page and not the forum, what's the code for that?

For example, I want to remove the breadcrumb from the main page.
 
I posted this in another thread, but not sure it's the right forum, so I'll just go ahead. Already asked a few of these but anyway:

this is what my frontpage looks like now:



What I want to achieve is something like this:

'


So anyway, I have a number of questions regarding this:

1. In the second picture there's no breadcrumb. How do I remove it without removing it from other pages such as the forum? I'

2. How do I apply the same type of div to the news posts as the side-bar modules? I tried just pasting the same <div=> thing into the News template, but didn't get the result I wanted.

3. There are a number of squares, kinda confused me for a while. Anyway, I want to get rid of the square that connects to the breadcrumb and surrounds the news posts, and keep the one that surrounds all the modules. I'm kinda lost as to which square belongs to which template. Something that's also pretty weird is that the top breadcrumb is part of the square that surrounds the news, while the bottom one is part of the larger square. I also want to add some space above the newspost inside the outer square, but I assume that's not very complicated.

4. Atm all my content is on the left of the browser. How do I center the webpage?

5. This isn't really related to the above images, but anyway: Is there anyway to cut off the header/nav/body and add a background to the sides? As illustrated in the sexy layout below:

 
Ahteh said:
I posted this in another thread, but not sure it's the right forum, so I'll just go ahead. Already asked a few of these but anyway:

this is what my frontpage looks like now:



What I want to achieve is something like this:

'

So anyway, I have a number of questions regarding this:

1. In the second picture there's no breadcrumb. How do I remove it without removing it from other pages such as the forum? I'

2. How do I apply the same type of div to the news posts as the side-bar modules? I tried just pasting the same <div=> thing into the News template, but didn't get the result I wanted.

3. There are a number of squares, kinda confused me for a while. Anyway, I want to get rid of the square that connects to the breadcrumb and surrounds the news posts, and keep the one that surrounds all the modules. I'm kinda lost as to which square belongs to which template. Something that's also pretty weird is that the top breadcrumb is part of the square that surrounds the news, while the bottom one is part of the larger square. I also want to add some space above the newspost inside the outer square, but I assume that's not very complicated.

4. Atm all my content is on the left of the browser. How do I center the webpage?

5. This isn't really related to the above images, but anyway: Is there anyway to cut off the header/nav/body and add a background to the sides? As illustrated in the sexy layout below:

Click to expand...

All of what you are asking is easily done.
I would use the TOP and/or BOTTOM area for your main content and then the RIGHT area for your "sidebar"
I would leave LEFT and CENTER empty.
As for the formatting...
This is explained here:
http://xenforo.com/community/threads/8wayrun-com-xenporta-module-add-ons.7611/#post-120476
You may need to "export" the XML and modify the:
HTML: 
<div class="section">
    <div class="secondaryContent">
HTML: 
<div class="sectionMain">
    <div class="subHeading"></div>
    <div class="primaryContent"></div>
    <div class="secondaryContent"></div>
    <div class="sectionFooter"></div>
</div>
Changing out the ...Content Divs to achieve the block look you are wanting.
 
Cory Booth said:
I would use the TOP and/or BOTTOM area for your main content and then the RIGHT area for your "sidebar"
I would leave LEFT and CENTER empty.
Click to expand...

I'm not sure which problem you're referring to here? Thanks for the formatting stuff tho.

EDIT: I'm also not 100% on how to change the looks of the news divs. Modify it in the module template?
 
Ahteh said:
I'm not sure which problem you're referring to here? Thanks for the formatting stuff tho.

EDIT: I'm also not 100% on how to change the looks of the news divs. Modify it in the module template?
Click to expand...

If you are trying change the look of a "module" then yes, in the XML - how you enclose the elements will determine if - for example, the Title is in a Orange ribbon or the entire block is outlined with a border.
As for the breadcrumbs, I'll let Jaxel step in on that as it might not be possible without some core system edits.
 
Cory Booth said:
As for the breadcrumbs, I'll let Jaxel step in on that as it might not be possible without some core system edits.
Click to expand...
I can not give support for custom skins... even if its the skin I am using myself. I can only give support for the default skin, and such an edit on the default skin would look very odd.
 
http://bukkit.org/

This website does what I want to achieve. So I assume it's possible?

And to clarify question 2, I basically want each newspost to look like the sidebar modules, like the above website has it.
 
[8wayRun.Com] XenPorta (Portal) v1.2.3 CHANGELOG
  • Maintenance release fixes small little coding errors and template fixes.
  • Portal page has now been canonicalized... important if you use the index router.
  • Identifier has been added for my upcoming logo randomizer mod.
 
Ahteh said:
http://bukkit.org/

This website does what I want to achieve. So I assume it's possible?

And to clarify question 2, I basically want each newspost to look like the sidebar modules, like the above website has it.
Click to expand...
All he did was remove all style elements from .sectionMain, and then make .subHeading look like .sidebar h3
 
Status
Not open for further replies.

Similar threads

vanthoi1991
error add on XenPorta (Portal)
Replies
1
Views
642
Jake Bunce
Jake Bunce
Back
Top Bottom