Support Forum

Forum and subforum "preview"/listed info

GC Grind Club
Grind Club
Member

Hello :)

I would like to have such preview (marked) of forums and subforums. Can You help me please?

12 Answers

New Answer

MP Mr Papa
Mr Papa
Member

sorry, not sure I follow…  can you explain further what you mean by preview?  there are already tooltips, and widget/tags for displaying the most recent…

GC Grind Club
Grind Club
Member

I mean: adding title of last topic and icons under counters.

I have no idea how to do that

YS Yellow Swordfish
Yellow Swordfish
Member

I am still not sure quite what you mean I am afraid. Are you saying that your current installation of Simple:Press does not show this or look like this? If that is the case then what SP theme are you using please? If that is NOT the case then sorry – but we really will need some further explanation of what you want to achieve…

GC Grind Club
Grind Club
Member

Currently I’m using Unified 1.0.4 (with some changes in colours).

I would like to have: last/recent posts not under the counters of posts and themes, but next to it (next column?) – its marked with green lines.

And by the way, how i can move share button to line with rss ? (marked with green arrow) Is this possible so have not only share button here but also facebook etc. ?

And where I can hange icons marked with pink color?

GC Grind Club
Grind Club
Member

Plus: 

In this view I would like to change: last post (marked green) go to “third column?” (blue square)

Topic autor would be in first line where last post was, and uder that I want to display counters: posts and view. I want to completly delete time of  topic start (crossed with red).

Ofcourse like on main page I want to move Share button next to rss icon (orange arrow).

And here also: where I can cange those icons? (marked with light pink)

GC Grind Club
Grind Club
Member

I would be really thankfull for your help :) I was searching for those answers on forum, but I failed :(

YS Yellow Swordfish
Yellow Swordfish
Member

Ok – I understand. Well – Simple:Press forum pages are driven by templates just like WordPress themes so you can change things, move things about, switch icons all rather easily – and all of the functions that create the overall display all have various arguments and settings that will alter the way they work.

So have you looked at the templates and had a go at changing anything? You should take a look…

IK Ike
Ike
Member

Firstly I would suggest having a look at creating a theme in the Codex. It’s always a good place to start. Also I will add that the only way to relay these kind of instructions is under the assumption that you know at least the very basics of PHP and CSS or this might need to be done by someone who has.

In order to move your last post info over, you will need to create another column in your group view display. This is easily do-able but because it involves adding to the structure, it will take some work.

The general idea is, you have columns defined in unified.php such as:

div#spColGroup1, 

div#spColGroup2 etc.. 

and also the overlay files (such as blue, berries’n’cream, etc..) like:

$ColGroup_1[0]        = ‘6%’;

$ColGroup_2[0]        = ‘45%’;

 

You should be able to see from the template spGroupView.php that the information is put into 4 columns. 1st – Icon, 2nd – Title, 3rd – info, and 4th – status icons. You will need to create a 5th column that will go between the 3rd and 4th. You need to define this column in the overlay, and as the 4 already make up 100%, you will need to shorten the other(s). I’d suggest shortening column 3 as you are removing the longest part of that and moving it to your new column. You will then need to define this column in unified.php along with the others, with a call to the variable you just created in the overlay.

Finally, in your spGroupView.php you can then add the new column in-between the 3rd and 4th, and move the ‘sp_ForumIndexLastPost’ function into it. Remember when editing unified.php make sure you are only changing the desktop sections, NOT mobile. You can tell the difference as the desktop sections are defined under if($spDevice != ‘mobile’) {       (i.e is not mobile)

Sounds long winded, but it all makes sense in the long run. And might take a bit of tweaking to get exactly right.

The same principal applies to the second question you have, except this time you are not looking at spGroupView.php, but spForumView.php. It work’s exactly the same, except you now want to look at adding columns to the following- in unified.php:

div#spColForum1  

and in the overlay:

$ColForum_1[0]

and then you can add the 4th column to your spForumView.php

 

If you want to remove the date and or time displayed in the forum view, you can do that by looking in spForumView.php and finding the two functions sp_TopicIndexLastPost, and sp_TopicIndexFirstPost. You have an argument of nicedate, date, and time which if all set to 0 will not display.

You can move the ShareThis icon next to the RSS button by opening spGroupView.php, and spForumView.php respectively, and cutting the whole line including the function ‘sp_ShareThisForumTag’ and moving it underneath the sp_ForumHeaderRSSButton in the section above it.

The Icons can be changed by using the same name, in the images folder in your forum-themes/unified/. By default SP will look for a custom icon here, before going with the default. This applies to every icon throughout your forum.

I would suggest making your theme a child theme of unified once these changes are made, or the next time there is an update it will erase all changes made.

Hope this helps

GC Grind Club
Grind Club
Member

Thank You very much Ike!

Everything looks great now :-) Just the way I wanted.

 

Last quick question: do You know where I can find size of this: (marked green). I was looking quite long but I can’t find it.

And maby how I can put this star a litlle bit higher?

IK Ike
Ike
Member

Glad you got it how you want it :)

Do you use the inspector in your browser? It’s the best way of finding the class of what you want. Firefox for example, right click on the element you want to look at and click ‘inspect element’

I think what you are looking for is:

#spMainContainer .spRowDescription {

but you might want to specify as spRowDescription could be used elsewhere, so to be accurate:

#spMainContainer .spForumTopicSection .spRowDescription {

As for the star, this is controlled by the plugin CSS file. Unified uses spcss files which you can edit to override the default CSS, and you can find those in the unified/styles folder. You want to look at sp-rating.spcss.

Again, inspect the star and you should see it gets its styling from:

#spMainContainer .spTopicRatingStars img,

Again same as before, you can specify which star you want to move from which view (so to not move all of them) by creating a new CSS rule and adding the container that the star is in to the CSS using the appropriate hierarchy.