Topics & Posts modification

[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

[Mannix_]

What are those icons suppose to represent ?

[MortallCsAl3x]

What are those icons suppose to represent ?

Total topics and total posts somting like theth

[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

[deninho32]

This probably will.

viewtopic.php?t=2566181

[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) }}

[MortallCsAl3x]

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.

[MortallCsAl3x]

I want to do something like show my topics and posts, but the way I wanted, it doesn't seem right to me.

[Mannix_]

show a screenshot of how it looks like

[MortallCsAl3x]

show a screenshot of how it looks like

Exactly like in your screenshot bro.

[Mannix_]

So what seems to be the problem??? I don't understand what is going on

[MortallCsAl3x]

show a screenshot of how it looks like

https://i.imgur.com/aeQAalO.png LOOK!

[MortallCsAl3x]

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

[MortallCsAl3x]

Bro check i like somthing like this
https://i.imgur.com/IGo3YFK.png

[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.