Topics & Posts modification

For support and discussion related to templates and themes in phpBB 3.3.
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Topics & Posts modification

Post by MortallCsAl3x »

Can someone help me to change the drawing from the display of topics on my theme

Now it looks like this : https://i.imgur.com/JFVWnFz.png

And I would like it to look like this : https://i.imgur.com/oAUJJbA.png

Board: https://www.worldcs.ro/forum
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 2003
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Topics & Posts modification

Post by Mannix_ »

What are those icons suppose to represent ?
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

Mannix_ wrote: Sat May 25, 2024 6:24 pm What are those icons suppose to represent ?
Total topics and total posts somting like theth
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 2003
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Topics & Posts modification

Post by Mannix_ »

in forumlist_body.html find

Code: Select all

<dd class="topics nex_index_topics">{forumrow.TOPICS} <br>{L_NEX_TOPICS}</dd>
and change to

Code: Select all

<dd class="nex_index_topics posts"><i class="fa-shield icon"></i>{forumrow.POSTS} </dd>
<dd class="topics nex_index_topics"><i class="fa-shield icon"></i>{forumrow.TOPICS} </dd>
then find and remove

Code: Select all

<span class="last-info">
							<!-- IF forumrow.U_UNAPPROVED_TOPICS -->
							<a href="{forumrow.U_UNAPPROVED_TOPICS}" title="{L_TOPICS_UNAPPROVED}">
								<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span
									class="sr-only">{L_TOPICS_UNAPPROVED}</span>
							</a>
							<!-- ELSEIF forumrow.U_UNAPPROVED_POSTS -->
							<a href="{forumrow.U_UNAPPROVED_POSTS}" title="{L_POSTS_UNAPPROVED_FORUM}">
								<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span
									class="sr-only">{L_POSTS_UNAPPROVED_FORUM}</span>
							</a>
							<!-- ENDIF -->
							<!-- IF forumrow.LAST_POST_TIME_RFC3339 -->
							<dfn>{L_LAST_POST}</dfn>
							<!-- IF forumrow.S_DISPLAY_SUBJECT -->
							<!-- EVENT forumlist_body_last_post_title_prepend -->
							<a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}"
								class="lastsubject">{forumrow.LAST_POST_SUBJECT_TRUNCATED}</a> <br />
							<!-- ENDIF -->
							{L_POST_BY_AUTHOR}
							<!-- EVENT forumlist_body_last_poster_username_prepend -->{forumrow.LAST_POSTER_FULL}<!-- EVENT forumlist_body_last_poster_username_append -->
							<!-- IF not S_IS_BOT -->
							<a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}">
								<span class="sr-only">{L_VIEW_LATEST_POST}</span>
							</a>
							<!-- ENDIF -->
							<br /><time datetime="{forumrow.LAST_POST_TIME_RFC3339}">{forumrow.LAST_POST_TIME}</time>
							<!-- ELSE -->

							{% if forumrow.U_UNAPPROVED_TOPICS %}
							{{ lang('TOPIC_UNAPPROVED_FORUM', forumrow.TOPICS) }}
							{% else %}
							{{ lang('NO_POSTS') }}
							{% endif %}
							<!-- ENDIF -->
						</span>
then add this to css

Code: Select all

ul.topiclist li.row .row-item dd {
    background: #323232;
    min-width: unset;
    padding-inline: 10px;
    padding-block: 6px;
}

ul.topiclist li.row .row-item dd:not(.lastpost) {
    padding-block: 18px;
    padding-inline: 5px;
}

ul.topiclist li.row .row-item dd:first-of-type {
    border-radius: 100vw 0 0 100vw;
    padding-inline-start: 20px;
}

ul.topiclist li.row .row-item dd:last-of-type {
    border-radius: 0 100vw 100vw 0;
}

ul.topiclist li.row .row-item dd i {
    margin-inline-end: 6px;
    font-size: 16px;
}
expected result
d8feed16a874.png
This however won't convert big numbers like 1200 to 1.2k
You do not have the required permissions to view the files attached to this post.
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
deninho32
Registered User
Posts: 239
Joined: Tue May 21, 2019 8:57 am

Re: Topics & Posts modification

Post by deninho32 »

This probably will.

viewtopic.php?t=2566181
phpBB 3.3.7 | PHP Version 7.4.33 | Milk Theme
User avatar
Mannix_
Registered User
Posts: 2003
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Topics & Posts modification

Post by Mannix_ »

Nice find deninho32 I totally forgot about this extension. If you gonna enable this extension just change {forumrow.POSTS} and {forumrow.TOPICS} to {{ short_number_ext(forumrow.POSTS) }} and {{ short_number_ext(forumrow.TOPICS) }}
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

Mannix_ wrote: Sun May 26, 2024 9:50 am in forumlist_body.html find

Code: Select all

<dd class="topics nex_index_topics">{forumrow.TOPICS} <br>{L_NEX_TOPICS}</dd>
and change to

Code: Select all

<dd class="nex_index_topics posts"><i class="fa-shield icon"></i>{forumrow.POSTS} </dd>
<dd class="topics nex_index_topics"><i class="fa-shield icon"></i>{forumrow.TOPICS} </dd>
then find and remove

Code: Select all

<span class="last-info">
							<!-- IF forumrow.U_UNAPPROVED_TOPICS -->
							<a href="{forumrow.U_UNAPPROVED_TOPICS}" title="{L_TOPICS_UNAPPROVED}">
								<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span
									class="sr-only">{L_TOPICS_UNAPPROVED}</span>
							</a>
							<!-- ELSEIF forumrow.U_UNAPPROVED_POSTS -->
							<a href="{forumrow.U_UNAPPROVED_POSTS}" title="{L_POSTS_UNAPPROVED_FORUM}">
								<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span
									class="sr-only">{L_POSTS_UNAPPROVED_FORUM}</span>
							</a>
							<!-- ENDIF -->
							<!-- IF forumrow.LAST_POST_TIME_RFC3339 -->
							<dfn>{L_LAST_POST}</dfn>
							<!-- IF forumrow.S_DISPLAY_SUBJECT -->
							<!-- EVENT forumlist_body_last_post_title_prepend -->
							<a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}"
								class="lastsubject">{forumrow.LAST_POST_SUBJECT_TRUNCATED}</a> <br />
							<!-- ENDIF -->
							{L_POST_BY_AUTHOR}
							<!-- EVENT forumlist_body_last_poster_username_prepend -->{forumrow.LAST_POSTER_FULL}<!-- EVENT forumlist_body_last_poster_username_append -->
							<!-- IF not S_IS_BOT -->
							<a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}">
								<span class="sr-only">{L_VIEW_LATEST_POST}</span>
							</a>
							<!-- ENDIF -->
							<br /><time datetime="{forumrow.LAST_POST_TIME_RFC3339}">{forumrow.LAST_POST_TIME}</time>
							<!-- ELSE -->

							{% if forumrow.U_UNAPPROVED_TOPICS %}
							{{ lang('TOPIC_UNAPPROVED_FORUM', forumrow.TOPICS) }}
							{% else %}
							{{ lang('NO_POSTS') }}
							{% endif %}
							<!-- ENDIF -->
						</span>
then add this to css

Code: Select all

ul.topiclist li.row .row-item dd {
    background: #323232;
    min-width: unset;
    padding-inline: 10px;
    padding-block: 6px;
}

ul.topiclist li.row .row-item dd:not(.lastpost) {
    padding-block: 18px;
    padding-inline: 5px;
}

ul.topiclist li.row .row-item dd:first-of-type {
    border-radius: 100vw 0 0 100vw;
    padding-inline-start: 20px;
}

ul.topiclist li.row .row-item dd:last-of-type {
    border-radius: 0 100vw 100vw 0;
}

ul.topiclist li.row .row-item dd i {
    margin-inline-end: 6px;
    font-size: 16px;
}
expected result
d8feed16a874.png

This however won't convert big numbers like 1200 to 1.2k
Perfect. I have tested but îs not look good with the skin.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

I want to do something like show my topics and posts, but the way I wanted, it doesn't seem right to me.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 2003
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Topics & Posts modification

Post by Mannix_ »

show a screenshot of how it looks like
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

Mannix_ wrote: Sun May 26, 2024 2:27 pm show a screenshot of how it looks like
Exactly like in your screenshot bro.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 2003
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Topics & Posts modification

Post by Mannix_ »

So what seems to be the problem??? I don't understand what is going on
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

Mannix_ wrote: Sun May 26, 2024 2:27 pm show a screenshot of how it looks like
https://i.imgur.com/aeQAalO.png LOOK!
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

Mannix_ wrote: Sun May 26, 2024 2:36 pm So what seems to be the problem??? I don't understand what is going on
it's not a problem, it just doesn't seem to fit
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
MortallCsAl3x
Registered User
Posts: 80
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Topics & Posts modification

Post by MortallCsAl3x »

Bro check i like somthing like this
https://i.imgur.com/IGo3YFK.png
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Kailey
Community Team Leader
Community Team Leader
Posts: 3886
Joined: Mon Sep 01, 2014 1:00 am
Location: sudo rm -rf /
Name: Kailey Snay

Re: Topics & Posts modification

Post by Kailey »

Unless you have new information pertinent to your request, we ask that you please wait six hours before bumping your topic. All team members and community members here are volunteers.
Kailey Snay - Community Team Leader
Knowledge Base | Documentation | Community rules
If you have any questions about the rules/customs of this website, feel free to send me a PM.

My little corner of the world | Administrator @ phpBB Modders

Return to “[3.3.x] Styles Support & Discussion”