13 replies to this topic

[otykarol]

Hello,
I recently started to use IP.Board and I'm positively suprised of it's capabilities. I'm trying to learn it, but with lack of good documentation it's a pretty hard way. With that in mind, I have a few questions to people who are more experienced than me.

I'm using IP.Board 3.2.3 with IP.Content 2.2.2.

1) At the moment I'm trying to achieve the following goal:
- On my home page I'd like to display 10 highest rated articles and after that, 10 newest articles (they could double with highest rated, no matter)
- I'd like to customize the first displayed article so that it shows a wide picture with a big title (similar to first page of a newspaper)

What I did so far:
- I've tried to use feed from blocks feature, but it shows only article titles, with no content nor images.
- I've also looked into Articles Archives Template, but to limit number of displayed articles, I'd have to use some kind of "for" loop, which isn't mentioned in the - IP.Board documentation. Anyways, I'm not keen with PHP and I'm starting to wonder if I'm supposed to dig so deeply to achieve so simple goal?
- I'm thinking if it could be some option of the {parse articles} command, but I can't find any documentation of that.

So how can I customize article listing to achieve my goals?

I've managed to do that by using $record variables from template help when creating block.

2) I've installed then "Spectrum" skin and I really like the idea of floating header bar. I'm wondering - is it possible to move that feature into some other skin, by copying some fragment of code? Anyone knows where should I look for that?

3) I'd like to customize my navigation bar so that:
- On the left side of the bar there would be the logo of my page and after that dropdown menu with the article categories/subcategories (the links from that menu are supposed to lead to the frontpage of category/subcategory)
- On the right side of the bar there would be IP.Board applications of my choosing (for example: Forums, Gallery, etc.)

What I did so far:
- I've installed ProMenu (version 1.0.1) which allowed me to use the dropdown menu. So I'm able to put the categories on the left side of the top bar.

Problem is that I don't know how to put menu items on the right side of the top bar, while other items would stay on the left side.
Can anyone point me in the good direction? Where should I look?

Best wishes,
Karol

[Broni]

Can you post a link to your site?

[otykarol]

No, it's local because of development stage. I can answer any questions though.

I have one more question: is there any way to change the rating system of articles (in IP.Content) from 0-5 stars to like/no-like?

[Broni]

Well, I need to se live page in order to look at the code.

[otykarol]

Okay, I've installed that on live demo:
http://a2134.demo.in...r.com/index.php

[Broni]

Quote

#primary_nav {


float: left;
font-size: 11px;
}

Replace "left" with "right".

[otykarol]

Thanks for your answer. Though I think you didn't understand what I meant. I've managed to solve it by myself :) (i'm still learning css styles)
I would like to split items in the navigation bar, so that some of them would be on left side and some of them on right.
Take a look at my site now. I've created second css style (called #primary_nav2) and I've changed "float" attribute to right.

So "#primary_nav" contains now: Test Category
And "#primary_nav2" contains now: Forums, Members Pages

And it works :)
SOLVED

EDIT:
It's strange - it looks ok only when I click on the "Test Category" and "Pages". If I click on Forums or Members, the layout is messed up. I'll have to investigate it.

EDIT2: Strange - it started to work, but I didn't changed anything.

[Broni]

For some reason I can't see your custom skin now.

[otykarol]

What about now?

It's strange. Now when I click on Pages, it's not working as supposed to.

[Broni]

No. Your custom skin is not listed under "Change theme".

[otykarol]

It was about permissions. Everything works fine now. Thanks.

[Broni]

Cool :)

[otykarol]

Floating header bar:

In CSS (for ex. in #branding) edit:

#branding {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;

Next, move body element down:

body {
   padding-top: 120px;
}

[Broni]

:)