Link to the theme (https://custom.simplemachines.org/index.php?theme=3003)
(https://custom.simplemachines.org/index.php?action=download;theme=3003;attach=282820;image;thumb)
(https://smftricks.com/logos/logo.png) (https://smftricks.com/)
Free & Premium Themes for SMF
(https://img.shields.io/github/v/release/SMFTricks/NameX.svg?style=flat&logo=github&color=green) (https://github.com/SMFTricks/NameX) (https://img.shields.io/badge/License-MIT-248049) (https://img.shields.io/badge/SMF-2.1-3f73a0) (https://img.shields.io/badge/Color%20Variants-Yes-6041a3) (https://img.shields.io/badge/Dark%20Mode-Yes-4d827f) (https://img.shields.io/badge/RLT%20Support-Yes-bf9d73)
Preview:
(https://raw.githubusercontent.com/SMFTricks/NameX/main/_assets/preview.gif)
Demo Online (http://demo21.smftricks.com/index.php?theme=4)
☑️ Features- FontAwesome
- Social Networks
- Logo URL
- Forum Width
- Separate sticky topics
- Avatars
- Boards
- Topics
- Online Users
- Recent Posts
- Memberlist
- Menu Customization
- Disable Menu Icons
- Add Log out, Log in and Sign up buttons
- Remove Specific Menu
- Community Button for Grouping
- Select CDN for Fonts
📦 InstallationIt is installed as a traditional SMF Theme for SMF 2.1.x, just grab the latest release of the package and go to:
Admin > Configuration > Themes and Layout > Install a New Theme > From an Archive > Select File > Upload.
You can find detailed instructions and/or more documentation about the process in Installation - How do I install a theme (https://wiki.simplemachines.org/smf/Installation_-_How_do_I_install_a_theme).
🌐 LocalizationTranslations are all based off the
Theme Customs (https://github.com/SMFTricks/Theme-Customs) strings, and you can contribute directly on
Crowdin (https://crowdin.com/project/smf-theme-customs).
🔨 ChangelogReview the changes and patches from the different releases/versions of the package in the Changelog (https://github.com/SMFTricks/NameX/blob/main/CHANGELOG.md)
This is a beautiful theme. Great work :).
Nice theme :o
But how to change "NameX" logo with Forum title?
Güzel tema, elinize sağlık.
Quote from: Speed King on August 06, 2022, 05:47:57 AMNice theme :o
But how to change "NameX" logo with Forum title?
You'd have to set a logo url in the theme settings.
I gotta say, for a light theme, this is pretty awesome! Lots of handy little changes or tricks.
There is a problem with code blocks - the code text is not wrapped:
Click => (https://i.postimg.cc/872Zc2jz/2022-08-08.png) (https://postimg.cc/872Zc2jz)
Try new package. Update the css/custom/app.css file and let me know.
Thanks, now code block layout is OK :)
Click => (https://i.postimg.cc/sv8kP0vt/2022-08-08-1.png) (https://postimg.cc/sv8kP0vt)
Just testing the theme, and I get this error on the message index..
'xxxxxx_smftest.meml.avatar' isn't in GROUP BY
File: /home/xxxxxx/domains/fjr-club.nl/public_html/test/Sources/MessageIndex.php
Line: 361
Version Information:
Forum version: SMF 2.1.2 (more detailed)
Current SMF version: SMF 2.1.2
GD version: 2.2.5
MySQL engine: MariaDB
MySQL version: 10.5.15-MariaDB-cll-lve-log
SMF file based caching: 2.1.2
SQLite3 database based caching: 3.26.0
PHP: 7.4.30 (more detailed)
Server version: Apache
That should be a combination of various things since the theme is evidently not using queries.
Could you provide more details about this issue? Mods installed, topics or posts from guests, etc?
That's a really nice theme, congrats!
Quote from: Diego Andrés on August 08, 2022, 07:58:30 AMThat should be a combination of various things since the theme is evidently not using queries.
Could you provide more details about this issue? Mods installed, topics or posts from guests, etc?
It is a test forum that is direct copy of my productive forum, number of mods, different themes. All themes work ok, except this one, so it is something this theme does / uses differetnly from standard...
But here you go...
Mod Name Version
Remove "Last Edit" 1.1
Simple Audio Video Embedder 7.0
Sticky Topics Order FJR 0.6
Automatic Attachment Rotation (and Resize) 6.16
Thumbnail Topic Mod 4.2
FJR-club Menu-opties 1.3
Alternate User Posting 2.1.1
Quick Reply Attachments Button 1.0
TinyPortal 2.2.3
Spiders Don't Increase Topic Views 2.0
EU Cookie SMF2.1 2.1
AJAX Recent Topics for SMF2.1 2.1
Message Bookmarks 0.9.2
Thumbnail Topic Mod 4.1
Forum Width Setting 1.2
Mod Version Checker 1.1
Stupid bouncy BBC 2.1.9
Redis Cache 1.0
Unlimited Attachments Permission 1.1
Message Bookmarks 0.9.3
Users Online Today 2.1.2
Downloads System 3.0.13
It's the avatars setting, which is a default in SMF but most themes aren't implementing it.
And it's an issue with the Thumbnail Topic Mod, I'll flag it over there.
Have posted an update to the thumbnail topic mod that hopefully will help.
A very nice, modern theme. Great work. Thanks. :)
Is it possible to increase font size for Replies/Views column in Unread Topics index?
Click => (https://i.postimg.cc/TLhn5XN5/2022-08-19-1.png) (https://postimg.cc/TLhn5XN5)
Mmmm that's a nice catch.
Replace this in css/customs/app.css
/* MessageIndex */
#topic_header {
border-radius: 4px;
}
#topic_header .board_stats,
#topic_container .board_stats {
text-align: right;
margin-right: 15px;
}
#topic_container .board_stats p strong {
font-size: initial;
}
#topic_container .board_stats p {
font-size: 0.68em;
}
#topic_container .lastpost {
display: flex;
align-items: center;
gap: 10px;
padding: 5px 10px;
}
#topic_container .lastpost a.avatar,
#topic_container .lastpost img.avatar_dot {
display: flex;
align-items: flex-end;
}
#topic_container .lastpost img.avatar_dot {
width: 40px;
height: 40px;
}
#topic_container .lastpost,
#topic_header .lastpost {
width: 22%;
}
#topic_container .up_contain {
min-height: 30px;
}
#topic_container .up_contain:first-child {
border-radius: 0;
}
#topic_container .info p {
font-size: 0.9em;
}
/* MessageIndex */
#messageindex #topic_header {
border-radius: 4px;
}
#messageindex #topic_header .board_stats,
#messageindex #topic_container .board_stats {
text-align: right;
margin-right: 15px;
}
#messageindex #topic_container .board_stats p strong {
font-size: initial;
}
#messageindex #topic_container .board_stats p {
font-size: 0.68em;
}
#messageindex #topic_container .lastpost {
display: flex;
align-items: center;
gap: 10px;
padding: 5px 10px;
}
#messageindex #topic_container .lastpost a.avatar,
#messageindex #topic_container .lastpost img.avatar_dot {
display: flex;
align-items: flex-end;
}
#messageindex #topic_container .lastpost img.avatar_dot {
width: 40px;
height: 40px;
}
#messageindex #topic_container .lastpost,
#messageindex #topic_header .lastpost {
width: 22%;
}
#messageindex #topic_container .up_contain {
min-height: 30px;
}
#messageindex #topic_container .up_contain:first-child {
border-radius: 0;
}
#messageindex #topic_container .info p {
font-size: 0.9em;
}
Will fix it in the package later
Thanks, now font size is OK :)
Click => (https://i.postimg.cc/VJXVN2dF/2022-08-20.png) (https://postimg.cc/VJXVN2dF)
This is a nice theme, great work!
I noticed something peculiar with some of the CSS regarding borders (possibly for tabular display?).
At first I saw it on a few of my mods so I checked some of SMF's default templates which showed the same result. I don't think this is the intended effect but I may be wrong.
An example of my report would be navigating to the SMF admin news template.
The attachment/image shows the border issue.
This is on a test installation with no mods and only this theme installed/enabled.
The double border on titles is intended in some places, just to provide more context on the section title for tables.
@Diego Andrés Is there an easy way to change the colors in this theme? I like the current green color, but I would like to add a slightly different green color in the header, I would like to change this whole long green bar to a different green along with the other color so that the green blends with the dark. I mean something like this:
(https://i.imgur.com/lL1NAlv.png)
I want to implement this color here:
(https://i.imgur.com/5ZXcYJl.png)
And I would also like to implement such a grandient in the category bar.
Yes I made it so that it's relatively "easy".
Let me get to my computer later and I can provide you some instructions.
Do you want to keep the same green variant or add a new variant?
I want to keep the current green variant, but on this bar at the top instead of the bright green I want to enter the green color as on the category bar. And I would like this green color to have a gradient applied, such a slight blending of green and dark color, e.g. black.
Goodmorning Diego,
First of all; We think your theme is awesome!
But we do have one question: We've made a change in the index.template, but it doesn't show on mobile devides. Does the Theme call for the mobile devices from another source?
Kind regards,
Chris
Shouldn't be an issue.
Where did you put this code?
Hello Diego,
I put the code directly after the <head>, it works on desktop, but not on mobile.
Regards,
Chris
What code, do you have a link?
I can't give any specific advice by just guessing what your issue would be.
1.0.4 - 16 September 2022
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed gender icons.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Overwrite style issue with Light Portal.
1.0.6 - 23 October 2022
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added option to choose 'Auto' for mode selection.
1.0.5 - 16 October 2022
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues with buttonlist alignment.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated FontAwesome to v6.2.0
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated Coloris to v0.16.2
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated icons.css file.
Hello, thanks for the amazing theme :)
2 things, if I may:
1) where was the "Added option to choose 'Auto' for mode selection." added and how? I customized 1.0.5 and can't really write it off at the moment.
2) Tiny bug in /css/custom/icons.css, you're missing .fa-people::before, for content: "\f0c0"; in Members declaration, which causes groups icon to be missing in the profile dropdown (top left).
It's under the color settings, default mode = auto. And the same for the user in their profile.
I thought this would be the best option, so if users are still allowed to select a mode, they're not "stuck" with either.
Of course, it's a compromise on the toggle because you can't toggle 3 options. Might add something to select options instead, as an alternative.
But basically if they manually save "auto" in their profile, this mode is locked unless they toggle again to dark or light.
Feedback is welcome, or course.
Thanks for the icon report, will check on it.
Quote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PM1) where was the "Added option to choose 'Auto' for mode selection." added and how? I customized 1.0.5 and can't really write it off at the moment.
If you meant on how to update it yourself, you can just replace the files in themecustoms and dark.js
You can also check this commit (https://github.com/SMFTricks/NameX/commit/e29e9a1fc55e7054891033b829a17059dabbb6d8) to see in more detail.
Quote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PMin Members declaration, which causes groups icon to be missing in the profile dropdown (top left).
I'll still add this in an update, but not sure what I'm looking at. Where is it missing exactly?
1.0.7 - 25 October 2022
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed RTL issues.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added missing icon for members.
Quote from: Diego Andrés on October 25, 2022, 07:39:01 PMQuote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PM1) where was the "Added option to choose 'Auto' for mode selection." added and how? I customized 1.0.5 and can't really write it off at the moment.
If you meant on how to update it yourself, you can just replace the files in themecustoms and dark.js
You can also check this commit (https://github.com/SMFTricks/NameX/commit/e29e9a1fc55e7054891033b829a17059dabbb6d8) to see in more detail.
Yes I ended up doing exactly that and updated it manually.
Quote from: Diego Andrés on October 25, 2022, 07:39:01 PMQuote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PMin Members declaration, which causes groups icon to be missing in the profile dropdown (top left).
I'll still add this in an update, but not sure what I'm looking at. Where is it missing exactly?
Attached :) It appeared after I added the code there, which you added as well with the last version. Thanks for the prompt response! (Recent Topics is my own doing).
groups.jpg
1.0.8 - 31 October 2022
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated icons.css file.
It includes quiz and shop icon along with some minimal improvements removing duplicated selectors or joined selectors targeting same icon.
@Diego Andrés I have TinyPortal installed, so the forum is in the Forum tab and there is no icon here. I want to add an icon, please can you help me?
On the site fontawesome.com/icons I found an icon with this code:
f086
Included it in latest update
1.0.9 - 06 November 2022
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues when changing member options from the admin.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added TinyPortal forum icon to the icons file.
You can change the code in icons.css, search for
\f07c
Diego, thanks for adding the icon for the Forum tab. The icon you added is fine.
I am testing Light Portal and noticed that NameX has this icon for the Forum tab:
(https://i.imgur.com/v1zBst9.png)
When I clicked on this icon via Inspect element, this is the reference:
<span class="main_icons im_on"></span>
You added this icon?
EzPortal adds its own little icon to the Forum tab:
(https://i.imgur.com/UxwrcMT.png)
You know why I added a mention of the icons on these portals, as it might be worth adding the same icon for LP, EzPortal, that you added for TinyPortal. This is just a small suggestion. :D And these three portal add-ons are TOP 3 for SMF 2.1
I wouldn't know about it, it's just that the portal mods are using different icons, not that I'm defining different for each.
It'd seem LP is using main_icons.im_icon, while EZP is not adding a class, is just inserting the icon image, and TP is using something else too, but using the main_icons class.
Not much can be done.
I understand, thanks for the clarification. :)
We really love your theme. Its so great that we can set the width of the forum!
I hope you can help us adjust 2 things.
On the topic-list:
Is it possible to not change the color of a closed topic to dark grey but leave it white?
In a topic:
Is it possible to reduce the fontsize.
- css/custom/app.css
#topic_container .windowbg.locked {
background: var(--status-locked-bg);
}#topic_container .windowbg.locked {
background: var(--windowbg-bg);
}
- css/custom/app.css
Search for this selector .post_wrapper .postarea .post and you'll find the font-size, which you can tweak.
Tnx for the quick reply. Im gonna process what you told me. :)
PS) That worked like a charm. Tnx again!
One more question. Now that we have resized topic font to 95%, we have a slight problem with the signature.
The font size of the signature is now the same size as the message so it seems the the signature is part of the message. Can I reduce the fontsize of the signature also, so that the difference between message and signature is clear again.
I included an example
It's not affected by that afaik.
You could just add another rule at the end of the file and change it:
.post_wrapper .signature { font-size: 10px; }
That worked! Tnx again. :)
This theme looks cool . I'm impressed. Thank you for the serving.
Hi
@Diego Andrés When I want to update the forum from 2.1.2 to 2.1.3, I get an error during the update and these from NameX also appeared:
(https://i.imgur.com/dd6FFpv.png)
./Themes/NameX/Themes.template.php
1.
Code (Find) Select Expand
* @version 2.1.0
Code (Replace) Select Expand
* @version 2.1.32.
Code (Find) Select Expand
echo ' name="', !empty($setting['default']) ? 'default_' : '', 'options[', $setting['id'], ']" id="', $setting['id'], '" value="', $setting['value'], '"', $setting['type'] == 'number' ? ' size="5"' : (empty($setting['size']) ? ' size="40"' : ' size="' . $setting['size'] . '"'), '>
Code (Replace) Select Expand
echo ' name="', !empty($setting['default']) ? 'default_' : '', 'options[', $setting['id'], ']" id="options_', $setting['id'], '" value="', $setting['value'], '"', $setting['type'] == 'number' ? '' : (empty($setting['size']) ? ' size="40"' : ' size="' . $setting['size'] . '"'), '>./Themes/NameX/index.template.php
Code (Find) Select Expand
<a href="', $scripturl, '?action=profile"', !empty($context['self_profile']) ? ' class="active"' : '', ' id="profile_menu_top" onclick="return false;">';
Code (Replace) Select Expand
<a href="', $scripturl, '?action=profile"', !empty($context['self_profile']) ? ' class="active"' : '', ' id="profile_menu_top">';Should I make the change manually or just check the box and agree to the update?
(https://i.imgur.com/5TWSf7z.png)
It's normal it's how we set up the patch, template updates are skippable unless they are absolutely necessary like security fixes or complementary changes to specific bugs, those aren't. That's why it says 'Ignore Errors'.
Certain changes from the patch were already on this theme long before, it's how I discovered some of them.
As a side note, the theme package was updated earlier to accommodate 2.1.3, no relevant changes for the changelog.
Thank you for your message. I made these changes to the files manually.
Added new package with some fixes for Theme Customs.
No changelog as there are no relevant changes for the theme itself.
A great theme, thanks!
Unfortunately I noticed that, even at the login screen, it is loading google fonts from remote servers.
This is a big issue at the moment in Germany, as it is (might be) apparently not GDPR compliant.
Is there any easy way around this,for a SMF newbie?
It's only 1 font which should be easy to host locally.
The original theme does not load any remote fonts, so it's our fallback for now.
I'll look into it, and add some options for it.
Done 8)
Package is now a bit heavier because this theme uses 2 fonts.
1.1.0 - 29 November 2022
- (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Select CDN Source for fonts, scripts and libraries.
I noticed that after installing a theme via Themes and Layout > Install a New Theme > From an archive, the version of the theme is displayed next to the theme name.
(https://i.imgur.com/59jYCYq.png)
I didn't notice this after installing other themes using this method, so I wanted to share it with you
@Diego Andrés
It's normal, SMF uses the name of the package when uploading themes. Might or might not be a bug, SMF 2.0 did the same.
I have a detail with the icons
https://imgur.com/55p7dZq
https://imgur.io/tm19dST
Don't think that's necessarily a theme issue?
How would you reproduce the issue? Did you cause it with some settings, mods or other file edits?
merhama teşekkürler tema için
Bu numaralandırmayı css kullanmadan kaldırmak istiyorum
ayrıca top 10 istatistik mod var mı en günceli bu temaya uygun ?
Remove it from Themes/default/Display.template.php
', !empty($message['counter']) ? '<span class="page_number floatright">#' . $message['counter'] . '</span>' : '', '
@rezz - please use English if possible. Thanks.
I've already run your post through a translator so no need to post what you said.
Quote from: Steve on December 26, 2022, 07:15:01 AM@rezz - please use English if possible. Thanks.
I've already run your post through a translator so no need to post what you said.
Ben türküm neden ingilizce konuşmamı istiyorsunuz (: Paylaşımınız global - özelden sizin dilinizi konuşabilirim
Other languages are allowed in themes and mods support topics if the author speaks it, I do not know Turkish so please use English.
as requested here: Click! (https://www.simplemachines.org/community/index.php?topic=581386.msg4142308#msg4142308)
2 questions, the whole name (bookmarks) in topic view
and the missing icon in the main menu.
btw great theme, only struggeling with multiple mods on colours because dark and light settings
I added a new file with the updated icon.
Replace the new file from css/custom/icons.css and it should fix your issue.
That's the only bit of issue for the theme part?
Afaik the mod does not put text next to the icon.
You can add it by editing Sources/Class-MessageBookmarks.php
$buttons = array(
'mb_add' => array(
'label' => $add_label,
'javascript' => ' title="' . $txt['mb_add_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=add;topic=' . $context['current_topic'] . ';msg=' . $output['id'],
'show' => empty($message['bookmark_id'])
),
'mb_remove' => array(
'label' => $del_label,
'javascript' => ' title="' . $txt['mb_remove_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=del;item=' . $message['bookmark_id'] . ';' . $context['session_var'] . '=' . $context['session_id'],
'show' => !empty($message['bookmark_id'])
)
);$buttons = array(
'mb_add' => array(
'label' => $add_label . ' ' . $txt['mb_add_bookmark'],
'javascript' => ' title="' . $txt['mb_add_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=add;topic=' . $context['current_topic'] . ';msg=' . $output['id'],
'show' => empty($message['bookmark_id'])
),
'mb_remove' => array(
'label' => $del_label . ' ' . $txt['mb_remove_bookmark'],
'javascript' => ' title="' . $txt['mb_remove_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=del;item=' . $message['bookmark_id'] . ';' . $context['session_var'] . '=' . $context['session_id'],
'show' => !empty($message['bookmark_id'])
)
);
very small changes but makes it so much better!
thanks for looking in and come up with the changes, I wish I was better in this.
The only thing what I don't really like is how the sub boards are displayed, I think it should be shift to the right so it's really a child of the main board to start with.
2023-01-06 11_49_36-STC Vrije Vogels - Forumindex and 3 more pages - Work - Microsoft� Edge.png
This looks pretty cool, and we might end up switching to this theme in our upcoming forum update, if we can't get our other theme updated to be 2.1.x compatible 8)
A question on the footer... we currently have some FA icons that link to associated places off-site
Does this theme have the ability to replicate that?
Also, how granular can you make the different background color options? Asking b/c we have a specific shade of green in our logo that we re-use in a lot of places and it would be nice to coordinate the forums with that, too.
The theme already has an option for social networks. I added some social links to the demo so they are now visible there.
Currently it does not have a steam field.
It has theme variants so you can just use the green variant and disable color selection.
Additionally, you can tweak colors in the theme_colors file to adjust your prefered HSL, or choose a slightly different green. Though this can be a bit tricky and definitely requires a bit of CSS knowledge.
Quote from: Diego Andrés on January 22, 2023, 03:16:23 PMThe theme already has an option for social networks. I added some social links to the demo so they are now visible there.
Currently it does not have a steam field.
I hadn't installed on our QA server before asking. I'm playing w/ it now :)
While there's no Steam field, is there an option to self-define a field and then apply the icon / link manually?
Quote from: Diego Andrés on January 22, 2023, 03:16:23 PMIt has theme variants so you can just use the green variant and disable color selection.
I've played w/ that, I'm not sure that's quite what I'm after. It certainly is easy for someone who is OK w/ that color, though!
Quote from: Diego Andrés on January 22, 2023, 03:16:23 PMAdditionally, you can tweak colors in the theme_colors file to adjust your prefered HSL, or choose a slightly different green. Though this can be a bit tricky and definitely requires a bit of CSS knowledge.
So I have
some rudimentary CSS knowledge, but it's mostly around typography, and not much else.
The color we're working with is HSL 108/16.9/54.7
if there's a way to use that as the accent color overlaid on the dark theme, similar to the blue in the attached shot, that would great.
Screenshot 2023-01-22 at 15.52.47.png
What I didn't see was an obvious place to put it in the files, but I was likely looking in the wrong place.
I haven't yet changed out the logo, but I know how to do that one :)
Fuller context:
We're coming up on some necessary upgrades to our forums, which are 4-1/2 years old. Rather than just continuing to apply duct-tape to old code, I'm fine with upgrading everything we can to the latest SMF build and replace those mods/themes that are now out of date.
We're fortunate that we have a clone of our forums to use as a QA server, so I want to get everything as "set" as I can before I ask some of the forum members to poke around the 'new' version of the site for feedback.
What that means is that I've got a target look-&-feel I'm aiming for that's not 100% recreating the old site, but can't also be 100% new, either.
Thanks for indulging some off-the-wall questions :)
I'll see about adding Steam, it has to be added manually.
Quote from: bayonetbrant on January 22, 2023, 03:53:49 PMif there's a way to use that as the accent color overlaid on the dark theme, similar to the blue in the attached shot, that would great.
Well there's no 'direct' way of doing it per say, mostly is just the hue that is defined for each color. Green variant is currently using 115, so you'd just change it to 108 in the variants.css file, specifically for the green variant.
But the rest of the colors would definitely need to be tweaked individually by trial and error, or using the inspector tool in the browser.
thanks. I'm playing around with it some now. I'm not 100% sure we're upgrading to where we would have to put htis theme in place, but it's a very nice-looking one if we get to that point.
Diego, I'm wondering if it's easy to set the social media buttons to appear in the top right of the theme. What do you think about it?
(https://i.imgur.com/hteY3nu.png)
I think the social media buttons will be more visible at the top, but I also want to keep the social media buttons at the bottom.
Where exactly?
I think the place I showed in the screenshot is appropriate:
(https://i.imgur.com/TPwb8xa.jpg)
And if you are planning to add a Steam button, I saw a request to add this button, it would look like this:
(https://i.imgur.com/3anuhBk.jpg)
First of all, congrats. This is one of the best looking SMF themes.
Couple of questions:
1. What is the "hamburger" menu button supposed to do? It does nothing here.
2. Is it possible to have a dark background for the text entry field when dark mode is enabled?
The main thing that I don't like are all the different font styles. Like, if you just open a topic you see text elements with 7 or so different font sizes, colors, weights, italics... it's too much and it looks amateurish. I remember reading some graphic design guidelines that said you shouldn't have too many different fonts or text styles and now I see why.
And the same for some other graphic elements, like the "Go Down" button and the page number button have a different size/style/alignment, it looks a bit weird.
But to be fair, this is not just a problem with this theme, it's a problem with SMF in general, including the default theme.
Quote from: jsx on January 25, 2023, 06:32:22 AMI think the place I showed in the screenshot is appropriate:
And if you are planning to add a Steam button, I saw a request to add this button, it would look like this:
It might be there already, I don't remember if I attached a new package but the changes are on GitHub.
I'm still adding a few more thinking LinkedIn, and perhaps something else.
For the socials on top I'll provide you some instructions soon.
Quote from: hottakes on January 30, 2023, 04:52:56 PMCouple of questions:
1. What is the "hamburger" menu button supposed to do? It does nothing here.
2. Is it possible to have a dark background for the text entry field when dark mode is enabled?
Could you attach screenshots so I understand the context of your questions?
The hamburger menu should do whatever SMF is doing, I don't recall "adding" anything extra. Is this a bug with the theme?
I'll look into your font comments. However this is indeed pretty much a curve variation, would be great to have it into consideration for SMF itself.
If dark mode (the moon icon) is enabled for the theme, the reply text field background is still white. Unless "source view" is enabled for the reply, then the background is dark.
namex dark mode.png
The "hamburger menu" (three horizontal stripes icon) seems to be a JS toggle button, but it doesn't do anything. I don't see it in most SMF themes.
Quote from: Diego Andrés on January 30, 2023, 05:13:22 PMFor the socials on top I'll provide you some instructions soon.
Great, then I'm waiting. :)
Quote from: hottakes on January 31, 2023, 03:42:07 AMIf dark mode (the moon icon) is enabled for the theme, the reply text field background is still white. Unless "source view" is enabled for the reply, then the background is dark.
namex dark mode.png
This is not doable at this time, it is an SMF/sceditor limitation where it only allows to load a single css file.
I could load any file I wanted, but styles are split in multiple files, including variants and dark.
I will log it on GitHub and perhaps it could be looked into in the future.
Thanks. Another place where the dark theme has a small problem is the registration form. After you type the username and then move to the email field there's light text on light background:
namex dark theme registration.png
And what about that "hamburger menu" button? I saw that it's also there on your forum (smftricks.com).
It's not a big problem, but if it doesn't do anything I think it's better to remove it.
I'll look into the registration form.
I still don't see the issue with the hamburger menu, or I'm not sure what you mean.
Perhaps you are referring to the link tree/breadcrumbs?
If so, in mobile (perhaps tablet too, can't recall), this button will expand the rest of the navigation.
Great theme :) In my opinion one of the best here.
However I have a few suggestions about it.
1. I think you should consider changing the way of showing sub-boards:
(https://i.imgur.com/J6UDW9G.png)
In my opinion they look strange, completely separated from the main boards.
It would better to have sth similiar to this:
(https://i.imgur.com/69qfCXq.png)
2.
@jsx is right as far as social buttons are concerned. They would look great at the top.
3. Perhaps, it would be possible to replace these words like messages etc. (next to numbers) with icons?
I mean this
(https://i.imgur.com/gn7psji.png)
Into sth like this
(https://i.imgur.com/vmeWbO3.png)
In my opinion it looks better and it's more practical :)
These are only my suggestions :)
However, I have also one question.
When I use a light version with a set light image background, is it possible in dark version to automatically replace it with a set colour or different image while turning it on?
Quote from: bod22 on February 02, 2023, 11:01:41 AMWhen I use a light version with a set light image background, is it possible in dark version to automatically replace it with a set colour or different image while turning it on?
How did you add it?
Yes you can change it when switching mode. Add the background in
css/custom/theme_colors.css/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);Change the value of the var with your background.
And for the dark mode you edit
dark.css and search for
--body-bg: and apply a different background for it.
Thanks! I haven't done it yet :) I'm talking about future but it's good to know that it's possible.
What do you think about my other suggestions?
I don't think I'll be making changes to the theme at this point.
However, I'm okay providing assistance in accomplishing certain things.
Hopefully this weekend I'll be able to provide some instructions for some of the requests.
Additionally, I think I'll add a 'dummy' file to the structure so that people can add their custom css changes in a file, without having to search for them on every update.
Quote from: Diego Andrés on February 02, 2023, 08:35:24 AMPerhaps you are referring to the link tree/breadcrumbs?
If so, in mobile (perhaps tablet too, can't recall), this button will expand the rest of the navigation.
That's it, yes. Okay, at least it has a function. :D
Speaking of mobile: it made me realize that many elements are too big. For example, it looks like there's an entire empty line above the text in a post.
The "Started by..." text below the topic title is also too big. If it's possible to remove it with CSS, I'll just do that (if someone wants that information they can look at the first post).
1.1.1 - 02 February 2023
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Fixed font size and spacing in posts.
- (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Added new socials (Steam, Tiktok, LinkedIn, GitHub).
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed small layout issues.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed input background in registration form.
Nice. I think the poster area should also have slightly smaller fonts, for example .poster {font-size: 0.8rem;} looks better IMO. And the topic title text could be smaller too.
But I don't want to annoy you too much with all the details.
What is the correct way to make such changes? Edit app.css?
I'm a noob and I don't want to break something.
And is there a safe way to remove or hide the "Go Down" and "Go Up" buttons?
Yes in app.css it could be the best place because it's loaded after index.css (default theme because I don't include one).
There's no setting to disable the buttons.
You might be able to do it with just css, try with this:
a.button:is([href="#bot"], #bot) {
display: none;
}
I added the thing I mentioned earlier.
1.1.2 - 03 February 2023
- (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Load a custom_edits.css file for users to keep their edits safe from updates.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issue with pagination styles not loading in some instances.
So now you can create a file in css/custom/custom_edits.css and overwrite/add styles without losing them when you update the theme or similar.
Quote from: jsx on January 24, 2023, 11:35:23 AMDiego, I'm wondering if it's easy to set the social media buttons to appear in the top right of the theme. What do you think about it?
(https://i.imgur.com/hteY3nu.png)
I think the social media buttons will be more visible at the top, but I also want to keep the social media buttons at the bottom.
index.template.php</h1>';
// Theme Variants
themecustoms_search();
echo '
</div>Don't mind the comment, it's wrong but I don't think I care :D
</h1>
<div class="right-block">';
// socials
themecustoms_socials();
// Theme Variants
themecustoms_search();
echo '
</div>
</div>And then you can add this at the end of the app.css file, or on the newly loaded file custom_edits.css
#header {
position: relative;
}
#header::after {
display: none;
}
header .right-block {
display: flex;
align-self: flex-start;
flex-direction: column;
padding-block: 0.75em;
}
header .custom_search {
position: absolute;
top: unset;
bottom: -1px;
}
@media (max-width: 767px) {
#header {
position: relative;
gap: 20px;
}
header .social_icons {
flex-wrap: wrap;
}
header .right-block {
align-self: center;
}
header .custom_search {
top: calc(100% + 22px);
right: 0;
}
}
@Diego Andrés Thanks a lot for providing the solution. Can I reposition these buttons to be here?
(https://i.imgur.com/edtV09J.png)
In the given code, these buttons are displayed lower in the header.
(https://i.imgur.com/AW08Va3.png)
Feature idea: Social Media entries for user-defined URLs, with either an icon/image or just a text link.
So that you could add links to websites like 'Official Blog' or 'Status Page', for example.
I'm trying to make .poster a bit narrower to have more space for other elements on the right (.postarea and .moderatorbar). I can add max-width to .poster, but there's still a gap between it and the rest. Is there a simple solution?
The area is a grid, you have to adjust the grid too.
This should do it.
.post_wrapper {
grid-template-columns: auto 1fr;
}
Excellent, thanks. That, with:
.post_wrapper .poster {
width: 120px;
}worked for me and it seems to be compatible with resizing/mobile.
Quote from: hottakes on February 05, 2023, 03:17:10 PMworked for me and it seems to be compatible with resizing/mobile.
That's great.
It should've been auto since the beginning but oh well, not really a common thing to change :D
Quote from: jsx on February 04, 2023, 04:51:22 AM@Diego Andrés
Thanks a lot for providing the solution. Can I reposition these buttons to be here?
(https://i.imgur.com/edtV09J.png)
I'll see about this soon
Hello
@Diego Andrés Have you checked if it can be changed? :)
With very long topic titles the resizing is a bit off at some widths. Some elements (Replies/Views, Last post) get shifted:
namex long topic title.png
I see the issue.
Will try to fix it this week.
Thanks.
Quote from: jsx on February 04, 2023, 04:51:22 AMThanks a lot for providing the solution. Can I reposition these buttons to be here?
(https://i.imgur.com/edtV09J.png)
index.template.phpfunction template_theme_userarea()
{
global $context, $scripturl, $maintenance, $txt;function template_theme_userarea()
{
global $context, $scripturl, $maintenance, $txt, $settings;// Add the color selection
template_theme_colorpicker();// Add the color selection
template_theme_colorpicker();
echo '<li', (!empty($settings['disable_user_variant']) ? ' style="flex-grow: 1"' : ''), '>
', themecustoms_socials(), '</li>';
Quote from: hottakes on February 20, 2023, 03:08:34 PMWith very long topic titles the resizing is a bit off at some widths. Some elements (Replies/Views, Last post) get shifted:
[url="https://www.simplemachines.org/community/index.php?action=dlattach;attach=285769;type=preview;file"]namex long topic title.png[/url]
1.1.3 - 20 February 2023
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed socials not wrapping on mobile.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed topic list issues.
List of changes (https://github.com/SMFTricks/NameX/compare/v1.1.2...v1.1.3)
@Diego Andrés Thanks for giving me this solution. Thank you for your help. :)
In the previous post you gave me that solution and now these social buttons display twice so my question is which code should I remove to get rid of these buttons from header? (green background).
(https://i.imgur.com/21DWaNM.png)
https://www.simplemachines.org/community/index.php?topic=583206.msg4144746#msg4144746
I'd assume old one you changed in the previous page, revert those changes.
I reverted these changes and it's fine now. Thanks!
I noticed that when a report to the moderator is open, the top checkbox in the report is in a different position than the bottom one.
(https://i.imgur.com/sgRM0PU.png)
I haven't checked this issue.
Where exactly is it happening?
You must go to the Reported Posts tab in the post that is being reported.
Alright I'll have a look, never visited/used that tab before 8)
.buttonlist.floatright {
justify-content: flex-end;
}
I'll upload a new package later.
Thanks for the quick response even though it's a minor bug. :)
1.2.0 - 26 February 2023
- (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Added 'community' button and options.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated coloris to the latest version.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed minor layout issues.
Quote from: Diego Andrés on February 26, 2023, 07:08:36 PM1.2.0 - 26 February 2023
- (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Added 'community' button and options.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated coloris to the latest version.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed minor layout issues.
Any way to mark down the edits, for those who have a lot of work done on the theme?
Would be greatly appreciated. This theme is awesome!
Yes you can find them here (https://github.com/SMFTricks/NameX/compare/v1.1.3...v1.2)
For the coloris files (coloris.css and coloris.js) you can just replace them completely.
And the same for the themecustoms folder.
Essentially, you just need to update the app.css file, /languages folder, and css/custom/icons.css file (language and icons you could replace them completely too if you didn't change them).
Quote from: Diego Andrés on February 26, 2023, 07:21:35 PMYes you can find them here (https://github.com/SMFTricks/NameX/compare/v1.1.3...v1.2)
For the coloris files (coloris.css and coloris.js) you can just replace them completely.
And the same for the themecustoms folder.
Essentially, you just need to update the app.css file, /languages folder, and css/custom/icons.css file (language and icons you could replace them completely too if you didn't change them).
I have done what needed to be done, and found I got it right after all. :)
1.2.1 - 27 February 2023
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues with online list when avatars are disabled.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed background color of popups.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added more support for closing popups with keyboard.
List of changes (https://github.com/SMFTricks/NameX/compare/v1.2...v1.2.1)
I updated the theme to version 1.2.1, and I don't know if it depends on this, but I see that some icons that I added don't display on the bar.
/* Ultimate Menu */
.main_icons.um_button_1::before { content: "\47"; }
.main_icons.um_button_7::before { content: "\f086"; }
/* Recent Topics */
.main_icons.recenttopics::before { content: "\f277"; }
This icon is displayed for the Forum tab: f086 and this icon should be displayed: f07c
https://fontawesome.com/icons
Which bar?
Also, verify that the class is the same using the browser inspector tool. In some cases it could be 'fa fa-action', which would be something like .fa-um_button_1::before, not sure if it changed somehow.
Edit: I tested it and that's exactly what you should do. I'm not sure if it was main_icons before, at all. You could keep both just in case.
e.g.
/* Ultimate Menu */
.main_icons.um_button_1::before, .fa-m_button_1::before { content: "\47"; }
.main_icons.um_button_7::before, .fa-um_button_7::before { content: "\f086"; }
Likely the last update for the month of February :laugh:
1.2.2 - 28 February 2023
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues when selecting variants in profile.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed problems when editing the menu using Ultimate Menu (https://custom.simplemachines.org/index.php?mod=3674).
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Show 'community' as the active item when there's an active children action.
List of changes (https://github.com/SMFTricks/NameX/compare/v1.2.1...v1.2.2)
You can freely replace the affected files.
The following remains valid, nothing was reverted to the (supposedly) original behavior.
Quote from: Diego Andrés on February 27, 2023, 05:15:10 PMEdit: I tested it and that's exactly what you should do. I'm not sure if it was main_icons before, at all. You could keep both just in case.
e.g.
/* Ultimate Menu */
.main_icons.um_button_1::before, .fa-m_button_1::before { content: "\47"; }
.main_icons.um_button_7::before, .fa-um_button_7::before { content: "\f086"; }
The Ultimate Menu fix refers to something entirely different I discovered, which is not a bug or issue but I just wanted to throw it under the carpet for good measure.
Quote from: Diego Andrés on February 27, 2023, 10:08:56 PMLikely the last update for the month of February
You still have about 18 hours. :P
Quote from: Steve on February 28, 2023, 07:18:18 AMYou still have about 18 hours. :P
(https://www.deadmanknows.site/images/dk_like2.png)
Hi Diego, sorry to be a bother but I need some info whenever you have a minute.
I'm going through this madness: https://github.com/SMFTricks/NameX/compare/v1.0.7...v1.2.2 due to already present customization.
Is it enough to add all the new files and manually edit what is listed on there or do I also need to make db changes? If so, could you tell me which ones?
The bottom line is I'm prepping a production forum and it's just a test for now, but it's already got plenty of customization done on the theme plus mods installed, so it is not an option to just install the new one, meaning I have to update it manually, but I wonder whether it would be fine after all the effort, given it's quite the task.
Thanks in advance.
AFAIK, themes don't have database changes. You should not have to worry about that.
Like DeadMan says, Themes don't make any db changes.
You can completely replace files and folders if you didn't make changes to files.
So if you customized something, my guess is that you'd only need to be careful with those that you changed, like app.css and such.
Edit: I also forgot to mention. From those changes you listed, some are from smf patches so likely you'll find things that you already have if you applied the patch to your theme as well. Or maybe not, just double check. But like my previous statement, maybe these files were never modified by you or mods, so you could just replace them with the updated one.
Went through all of the diffs, that was... Something ;D
Still need to rename the folder and re-route it but yeah. It's gonna be tricky to get the order of things just right, as the production is on 2.0.19 still, with mod installs that make db changes the order I do things really matters, and the theme is one of the biggest parts since it's like the first thing I have to install, meaning I'll most likely install stock 1.2.2 theme version, install all mods on top of it (regardless of errors, if any) and then just replace all files with everything modded.
Thank you by the way :)
Quote from: Diego Andrés on February 27, 2023, 05:15:10 PMWhich bar?
I meant this menu bar:
(https://i.imgur.com/8xxW9t2.png)
/* Ultimate Menu */
.main_icons.um_button_1::before { content: "\47"; }
.main_icons.um_button_7::before { content: "\f086"; }
/* Recent Topics */
.main_icons.recenttopics::before { content: "\f277"; }This code not too long ago worked properly.
And currently these icons do not display:
(https://i.imgur.com/XLkkKwB.png)
But when I enter to the Ultimate Menu settings, the icons are displayed on the bar:
(https://i.imgur.com/fTdyZiH.png)
Notice that the Gallery icon does not display, and the Gallery tab is not added via the Ultimate Menu. The Gallery icon displays correctly in the default theme. The Gallery icon is added to the NameX theme.
There's never been a gallery icon in the css.
You can add before I do.
/* Gallery */
.main_icons.media::before,
.fa-media::before,
.main_icons.gallery::before,
.fa-gallery::before {
content: "\f87c";
}
Edit: I added them to the package. The icons.css can be updated/replaced.
FYI, I think you could add your custom icons to the custom_edits.css file so you can always completely replace the icons.css file.
Quote from: Diego Andrés on February 28, 2023, 10:40:28 PMThere's never been a gallery icon in the css.
I know, but during the installation of the SMF Gallery Pro mod, the icon from this gallery is added to the theme.
Quote from: Diego Andrés on February 27, 2023, 05:15:10 PMIn some cases it could be 'fa fa-action', which would be something like .fa-um_button_1::before, not sure if it changed somehow.
The code .fa-um_button_1 works correctly. Thanks for the tip.
Code to display icons in buttons created in Ultimate Menu:
/* Ultimate Menu */
.main_icons.um_button_1::before,
.fa-um_button_1::before {
content: "\47";
}
.main_icons.um_button_7::before,
.fa-um_button_7::before {
content: "\f086";
}Code to display Recent Topics icon:
/* Recent Topics */
.main_icons.media::before,
.fa-media::before,
.main_icons.recenttopics::before,
.fa-recenttopics::before {
content: "\f277";
}Based on your Gallery icon code. :)
Only one thing I don't understand, I don't know why this icon is displayed on my forum: f086 for the Forum button, since this icon is added for this button: f07c - What do you think Diego?
/* Boards */
.main_icons.boards::before,
.large_admin_menu_icon.boards::before,
.menu_icon.fa-forum::before,
.main_icons.menu_tpforum::before,
.fa-forum::before {
content: "\f07c";
}
Quote from: Diego Andrés on February 28, 2023, 10:40:28 PMThere's never been a gallery icon in the css.
You can add before I do.
What about an Arcade icon? I looked at font awesome but they have so many and I don't know what style you used for the others.
Quote from: Steve on March 01, 2023, 07:35:28 AMWhat about an Arcade icon? I looked at font awesome but they have so many and I don't know what style you used for the others.
Will have a look later.
Quote from: jsx on March 01, 2023, 05:04:12 AMOnly one thing I don't understand, I don't know why this icon is displayed on my forum: f086 for the Forum button, since this icon is added for this button: f07c - What do you think Diego?
Likely TP is adding its own selector to add the icon.
Added icons for arcade and battle.
Updated fontawesome to v6.3.0
No changelog.
Quote from: Diego Andrés on March 01, 2023, 09:34:20 AMLikely TP is adding its own selector to add the icon.
You're right. The code for this icon is in tp-style.css
/* font awesome icons for FA themes*/
.fa-forum:before {
content: "\f086"; }Diego, I have one more question. In SMF 2.1 there are colored icons in the menu, just look at the default SMF 2.1 theme. If I wanted to implement such colored icons to NameX, how do I do it? On fontawesome they are only in black.
Quote from: jsx on March 02, 2023, 04:36:42 AMDiego, I have one more question. In SMF 2.1 there are colored icons in the menu, just look at the default SMF 2.1 theme. If I wanted to implement such colored icons to NameX, how do I do it? On fontawesome they are only in black.
It's essentially a font so you can change the color like regular text.
#main_menu li i.fa::before, #main_menu li span.main_icons::before {
color: red;
}
Have to make a couple edits to get the Users Online Today (https://custom.simplemachines.org/index.php?mod=217) (by SMFPacks.com) mod to show correctly with the modified info center.
icons.css
/* Info Center icons */
.fa-recent_posts::before,
.main_icons.recent_posts::before {
content: "\f550";
}
.fa-online_users::before {
content: "\f500";
}
/* Profile Account */
/* Info Center icons */
.fa-recent_posts::before,
.main_icons.recent_posts::before {
content: "\f550";
}
.fa-online_users::before {
content: "\f500";
}
.fa-uot_users_online_current_day::before {
content: "\f0c0";
}
/* Profile Account */
UsersOnlineToday.template.php
<div class="sub_bar">
<h4 class="subbg">
<span class="main_icons people"></span> ', $txt['uot_users_online_'.$modSettings['uot_setting_period']], '
</h4>
</div>
<div class="sub_bar">
<h4 class="subbg">', $txt['uot_users_online_'.$modSettings['uot_setting_period']], '
</h4>
</div>
@Diego Andrés, is there a way to do custom board icons?
I have my own images I'd like to use, but the way the board inde template is set up, I have no idea how I'd change to use them.
You can add/load your own function/s to the boardindex.template file.
/**
* Outputs the board icon for a standard board.
*
* @param array $board Current board information.
*/
function template_bi_board_icon($board)
{
global $context, $scripturl;
echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class="board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}
/**
* Outputs the board icon for a redirect.
*
* @param array $board Current board information.
*/
function template_bi_redirect_icon($board)
{
global $context, $scripturl;
echo '
<a href="', $board['href'], '" class="board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}
Those are from the default theme, you can adjust them to whatever you need.
If you don't want to change the redirect icon, you can omit that function.
@Diego Andrés, I tried putting that into the file, and depending on where, I can add image URL to it and have it show, but then it shows both my image and the theme's image.
Also, I have on, off and redirect images.
How looks when add code:
Board_Icon_1.png
How want it to look:
Board_Icon_2.png
You have to remove the css for the others too.
Try this:
.board_icon a.board_on::before, .board_icon a.board_off::before {
content: "";
display: none;
}
This will show the off image I have, but I need it to show the on image when there's new posts.
All 3 of my images are separate images.
Also, it somehow messes up the tabbed categories I have.
Too bad could not just replace the images via css.
I found a way to do it with just css:
.board_icon a.board_on::before {
content: url(https://domain.tld/images/on.png) !important;
visibility: visible;
}
.board_icon a.board_off::before {
content: url(https://domain.tld/images/off.png) !important;
visibility: visible;
}
.board_icon a.board_redirect::before {
content: url(https://domain.tld/images/redirect.png) !important;
visibility: visible;
}
You just have to adjust them accordingly.
The default css is adding the image in the anchor, not the pseudoelement.
.board_icon a {
background-image: none;
display: inline;
color: var(--boardicons-txt-color);
}You'd have to edit this, or overwrite it again (in the custom_edits.css file).
.board_icon a {
background-image: url();
}And remove the pseudo element
.board_icon a::before {
content: "";
display: none;
}
But care for the classes for each, such as board_redirect, board_on, board_off
I think my css way actually works. (still in shock over that...)
Quote from: Diego Andrés on March 04, 2023, 11:59:54 AMcustom_edits.css
I've searched the latest package and still have not found this file.
Could you please post it and let me know if it goes into css or css/custom ?
Quote from: DeadMan... on March 05, 2023, 04:29:51 PMI've searched the latest package and still have not found this file.
Could you please post it and let me know if it goes into css or css/custom ?
You add/create it yourself :P
The theme will load it for you, nothing else to do.
It should be added into /css/custom/
custom_edits.cssBe aware that it doesn't load after the icons file, only the main css file. It's mainly meant to overwrite stuff from the main file or for... well, custom_edits :laugh:
However, you can still add custom icons there to avoid editing the icons.css file.
Quote from: Diego Andrés on March 02, 2023, 10:34:25 AMIt's essentially a font so you can change the color like regular text.
Diego, I meant graphic icons.
(https://static.simplemachinesweb.com/smf/smsite/images/icons/main_icons_sprite.png)
You'd have to overwrite each of them back to their default state, according to the styles they have in the index.css for main_icons class.
If you want all of them back just delete the icons.css file (but it might break other icons too).
@Diego Andrés Is there a way to have Recently updated topics displayed in the info center instead of recent posts?
Not without a mod, it's just using the default info center
Is there a way to change the color of the part above the menu under the logo?
Thanks
What part would that be? Are you referring to the background?
I'm referring to answer number #21
Edit any relevant css file to change it.
app.css you can hardcode the background in #header
theme_colors.css to change the variables
variants.css to change the variables for specific colors such as green, blue, etc.
I give the solution for those who need it:
smf/Themes/NameX_v1.2.2/css/custom
Search
/* Header */
/* Background */
--header-bg: hsl(var(--primary-color-hue), 60%, 90%);
/* Border */
--header-border-color: hsl(var(--primary-color-hue), 45%, 80%);
Replace
/* Header */
/* Background */
--header-bg: #569550;
/* Border */
--header-border-color: hsl(var(--primary-color-hue), 45%, 80%);
PS
I think this option should be the default because it's nicer if the header is the same color as the navbar.
Some notes on that:
- The file is theme_colors.css
- The correct way of doing it would be editing the variable in variants.css for green.
- This will break the color scheme for color variants.
Quote from: Diego Andrés on April 23, 2023, 09:50:17 AMSome notes on that:
- The file is theme_colors.css
- The correct way of doing it would be editing the variable in variants.css for green.
- This will break the color scheme for color variants.
Unless, they add it to custom_edits.css and do something like this:
#header {
background: #569550!important;
border-color: #569550)!important;
}Would have to change the colors to what want.
Still breaks the color scheme, user wants to change the green color only, should do so from the variants file.
PS: This only matters if users are allowed to change the color.
I see a widget for lite/dark on the demo, but it's not in the current package. Looking for a dark theme.
Both NameX and Repulse have a dark/light mode which you can set up from admin > current theme.
There are also some dark themes and a few others with dark/light mode, type dark mode in the filter in the cust site.
Got it, thanks Diego.
Diego thank you for this amazing theme! It is a fantastic looking theme, and I'm really impressed with all the support you provide.
One question as I'm getting into it...what is the purpose/value of this checkbox?
Use JavaScript to change the color:
This will change the variant of the theme using JavaScript and auto-update for the profile.
I am not sure why one would check it.
Quote from: user58389239 on May 11, 2023, 06:14:37 PMOne question as I'm getting into it...what is the purpose/value of this checkbox?
Use JavaScript to change the color:
This will change the variant of the theme using JavaScript and auto-update for the profile.
I am not sure why one would check it.
The variants are integrated into the theme using the SMF in-built variants system.
Enabling the use of javascript for changing the color, will allow the users to change color without leaving the page and it will still save the changes to their profile.
Hi Diego!
It's really a great theme you made there. But for somehow I have this problem with my custom logo. I entered the logo path and verything works fine on the index and admin sites. But when I click on any threat in any board the logo is replaced with the alternate text. I checked the path with the developer tool from crome. The path is correct.
I tried these in a test enviroment I recently have made a large upgrade vom 2.019 to 2.1.3 so I'am still testing.
Do you have any hints for me.
Could you leave the link to your site and/or some screenshots of this issue?
It looks like this.
The logo disappear when I go from the index to any board.
mcmuroni, what URL are you using for your logo image?
If your site is using https then you have to make sure the url path for the image is also https.
Oh man I'm such an idiot! Sometimes by trying to solve a problem the thinking goses complicated. It wasn't the https but your sugesstions pushed me in the right direction. Problem solved. thanks a lot.
Hi,
I'd like to add my own color variant, or change one of the existing color variants to my own. Can you please provide instructions to do this? I tried adding it or changing it on variants.css but It doesn't show up in the color picker tab.
If you are already adding the color in the variants css, all you are missing is to add the variant in NameX/themecustoms/Init.php
public static function variants(array &$variants) : void
{
$variants = [
'red',
'green',
'blue',
'yellow',
'purple',
'pink',
];
}
Also you might want to add the text string in: NameX/languages/ThemeCustoms/main.english.php
Something like this: $txt['variant_color'] = 'Color';
Diego,
Amazing, that did the trick, thank you!
One other question...can you tell me how I could override the background color on this "Stats" section? It's using the header background color, I would like it to be its own:
In css/custom/app.css
#info_center_blocks #block-forum_stats div span.totals
Change the variable in here:
background: var(--header-bg);
Although, the theme could get updated in the future, so I recommend adding custom edits in a new file (it will be autoloaded), in NameX/css/custom/custom_edits.css.
I suppose windowbg might do the trick for you?
#info_center_blocks #block-forum_stats div span.totals {
background: var(--windowbg-bg);
}
Diego, you are amazing! Thank you so much for your incredibly fast support. That did the trick.
Thanks also for your tip about putting custom edits in a new file. I haven't been doing that but I will move them there.
Two more questions for you, if you don't mind:
1. If I've made changes to theme_colors.css should I try and move those to the custom_edits.css?
2. I'm trying to figure out how to change the color of sticky topics that are also locked. I see the setting for sticky topics, which doesn't seem to affect it if it's also locked. (In other words I want sticky color to take precedence over locked color)
1- Might or might not work. But do try and let me know ;D.
2- I've posted about this somewhere... I'll look it up later, or re-do the code changes it during the weekend.
Found it in the comment history here, you are right. Here is the code that worked for me:
#topic_container .windowbg.sticky {
background: CHANGE-THIS;
}
How do I change the background color for the login button only? I see there is a CSS class li.button_login but I'm not sure how to change it in the custom_edits.css. I tried a couple things but it wasn't working right.
It would be this:
#top_info > li.button_login
Brilliant, thanks for the quick reply!
Is the sceditor-popup controlled by the NameX theme or is that a default thing?
On our old theme, when you clicked "More" for more Smileys/Emojis, it would open a new window. In the new theme, it opens a modal, and confusingly the "Close" button isn't visible, so I'm not sure a user would know how to get out of it. (You have to scroll down in the modal to see the close button).
Can you tell me either 1) Can I make it a pop-up instead of a Modal and/or 2) Can I move the "Close" button to the top?
I've attached a couple screenshots to show what I'm referring to
It's the default behavior by SMF, comes from the default theme.
You're right that it seems wonky and busted... Might be worth reviewing it's current behavior again.
Quote from: user58389239 on May 30, 2023, 06:47:08 PMIs the sceditor-popup controlled by the NameX theme or is that a default thing?
On our old theme, when you clicked "More" for more Smileys/Emojis, it would open a new window. In the new theme, it opens a modal, and confusingly the "Close" button isn't visible, so I'm not sure a user would know how to get out of it. (You have to scroll down in the modal to see the close button).
Can you tell me either 1) Can I make it a pop-up instead of a Modal and/or 2) Can I move the "Close" button to the top?
I've attached a couple screenshots to show what I'm referring to
I hate it so much I sent a PR in an attempt to fix it:
https://github.com/SimpleMachines/SMF/pull/7762
If you want to test it with the default theme and NameX it would be helpful.
You can see the edits here: https://github.com/SimpleMachines/SMF/pull/7762/files
Wow, that's awesome! I will test out your changes on our dev site.
Diego,
I changed one of the theme toggles to a custom one of my own name. When I copied my theme from dev to production, for some reason I'm getting this error in the error log. Do you have any idea what might be causing it? I must have not copied over some reference to my custom toggle:
/home/..../Themes/NameX_v1.2.2/index.template.php (Line 345)
2: Undefined array key "variant_custom"
That would be a text string missing, did you remember do add it?
Yep you were right ...issued that on prod. Fixed now!
Two questions on this theme as I've begun using it more on production:
1. I noticed there is very little difference for Bold in the body copy. See the screenshot attached below. Is there a recommendation to get Bold to look more...well...Bold?
2. This is fairly niche, but when replying to a PM, notice that the PM you are replying to is missing any sort of padding. What code would improve this? See screenshot PM-Reply-Padding.
I'll have a look later this week.
They do seem like general issues so I might include them in next week update if that's the case.
This would improve #1
strong, b {
font-weight: 900;
}
This will work for #2
#personal_messages #postmodify ~ div.windowbg {
padding: 15px;
}
Will be included in the new package next week.
1.2.3 - 10 June 2023
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) SMF 2.1.4 patch updates.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed local font face.
You rock, thanks Diego!
For those who have the 'Downloads' and 'SMFQuiz' mod the file to edit for the fa-icons is as follows:
all.min.css
find
.fa-forumbee:before{content:"\f211"}
add after
.fa-downloads:before {content: "\f019"}.fa-SMFQuiz:before {content: "\f059"}
if you only want one or the other then remove what you don't want.
If you need to add another icon to the menu for another mod find the icon you want at https://fontawesome.com/icons then change the {content: "\f059"} to the name/number for the icon.
Remember to replace the 'SMFQuiz' with the name of the mod your adding the icon for.
There is also an error with the page layout on the hooks pages Diego.
If you look at the attached you'll see that the right side of the hooks window expands past the main content section
Quote from: Dave J on June 18, 2023, 09:06:16 AMThere is also an error with the page layout on the hooks pages Diego.
If you look at the attached you'll see that the right side of the hooks window expands past the main content section
Cannot reproduce, probably caused by some other mod, likely a portal.
Quote from: Diego Andrés on June 18, 2023, 01:04:28 PMQuote from: Dave J on June 18, 2023, 09:06:16 AMThere is also an error with the page layout on the hooks pages Diego.
If you look at the attached you'll see that the right side of the hooks window expands past the main content section
Cannot reproduce, probably caused by some other mod, likely a portal.
Thanks Diego
I'll check itbout tomorrow
I have now installed a fresh 2.1.4 site. I added this theme to it. There are no packages installed. No post except the standard SMF welcome post.
Site info is
PHP Version 7.4.33
database.png
In the 'clean install 2.1.4.png' image you can again see the over run.
This also happens in Admin>Maintenance>Server Settings>PHP Info, see attached image for that too.
As I had to install SMF from scratch your account login at the testing site is now gone. If you want to have a look for yourself let me know so I can set you up with an admin account again.
Can confirm the above by the way, it's just a giant <table>.
At
@Ninja ZX-10RR:
[offtopic]Ninja! How are you dude? Haven't seen you in ages![/offtopic]
Tested on a new forum and still don't see any issue, would maybe need some more details like resolution.
It could be a similar issue to this: https://github.com/SimpleMachines/SMF/issues/7278
You could do this also:
table#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}
Quote from: Diego Andrés on June 19, 2023, 08:08:47 PMTested on a new forum and still don't see any issue, would maybe need some more details like resolution.
It could be a similar issue to this: https://github.com/SimpleMachines/SMF/issues/7278
You could do this also:
table#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}
I've just checked this on my tablet and it still does it.
I'm going to PM you with log in details for the test site so you can see for yourself
Quote from: Diego Andrés on June 19, 2023, 08:08:47 PMtable#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}
This fixed it on your test site.
You can add it to NameX/css/custom/custom_edits.css.
I'll submit a PR on Github for SMF itself.
Quote from: Diego Andrés on June 20, 2023, 08:21:14 PMQuote from: Diego Andrés on June 19, 2023, 08:08:47 PMtable#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}
This fixed it on your test site.
You can add it to NameX/css/custom/custom_edits.css.
I'll submit a PR on Github for SMF itself.
Thanks Diego
Diego,
I don't have a 'custom_edits.css' in any of my sites. I also downloaded the version from here and that file is not in that either
You need to create this file. It is intended to keep you from editing the main css file of the theme so that updating the theme would require minimal effort.
Quote from: Steve on June 19, 2023, 06:08:24 PMAt @Ninja ZX-10RR:
[offtopic]Ninja! How are you dude? Haven't seen you in ages![/offtopic]
Ye this site and all... Been very busy with SMF nonetheless, helping a couple of big boards.
Many things changed, both for the better and for worse, heh. I can't even mention, I may ask current PM to remove me from crappy membergroup one day if I am bothered enough, had it for like 7/8 years.
@Diego yeah it makes it a lot better but it doesn't fix it being a giant table :P It will still be too big at some point :P
Thanks for cool theme!
My users noticed a problem with like/unlike thumbs/texts, both disappears after clicking and comes visible only after refreshing page.
There are also problem with admin center "Administration Center" text in mobile view. It disappears behind quick search. Maybe those could go to a different rows when screen narrows enough.
oh, and when dark is activated, line between signature and post could be more visible and maybe signature font could be a bit smaller.
smf version 2.1.4
php version 7.2.24
Thanks!
Quote from: HendriXXX on June 21, 2023, 02:35:08 PMMy users noticed a problem with like/unlike thumbs/texts, both disappears after clicking and comes visible only after refreshing page.
Could be a JS issue you have with something else conflicting?
Quote from: HendriXXX on June 21, 2023, 02:35:08 PMThere are also problem with admin center "Administration Center" text in mobile view. It disappears behind quick search. Maybe those could go to a different rows when screen narrows enough.
Maybe, will have a look when I have time.
Quote from: HendriXXX on June 21, 2023, 02:35:08 PMoh, and when dark is activated, line between signature and post could be more visible and maybe signature font could be a bit smaller.
It's not too bright for light or dark, they look about the same for me. And the font is already very small on 0.9em;
You could make it smaller with this:
.signature {
font-size: 0.75em;
}
Quote from: Diego Andrés on June 21, 2023, 03:34:01 PMCould be a JS issue you have with something else conflicting?
It happens my win pc (firefox,edge), android tablet (chrome) and android phone (firefox,chrome). Behaviour is exactly same for all..
I have no mods installed in smf.
But, thanks anyway for your response..
- Updated icons.css and coloris (js & css).
- Minor changes that won't affect theme at all.
No changelog.
I just noticed that the News I put into the News Fader box in my Admin area is not showing on the NameX theme. Am I doing something wrong or is there a way to fix this? If the news box doesn't show up, we won't be able to use this theme.
You need to enable the News fader in Admin > Theme Settings.
That fixed it. THANK you, Diego!
Is there a way to change the avatars in this theme from oval/round shapes to a square or rectangular shape? All of the people frequenting my forum are people connected with books and although the ovals are great for faces of people, book covers do not fit at all into ovals!
To preserve your changes in case of a theme update, create a new file in Themes/NameX/css/custom/custom_edits.css
And then add the following:
:root {
--avatar-border-radius: 0;
}
Quote from: Diego Andrés on July 14, 2023, 10:53:44 PMTo preserve your changes in case of a theme update, create a new file in Themes/NameX/css/custom/custom_edits.css
And then add the following:
:root {
--avatar-border-radius: 0;
}
Will this change the avatar shapes from oval to rectangular? And is there any way someone from SimpleMachines can make this change for me? It was one thing to change just a color number in the code of the forum, it's something else entirely to insert entirely new code into it.
I am DANGEROUS when I play around in codes! (All I know is that I'm able to break sites severely when fooling around in codes. I once took down an entire server for three days trying to "fix" something on my website in the codes!)
Sure, open a ticket and I can do it later.
I have a little problem...
The "No new messages" icon is not displayed... What is this error due to?
Happens to me on mobile devices
I wouldn't know.
Can you share the URL of the forum to see the issue?
1.2.4 - 31 July 2023
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Improved stats pie colors.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Improved displaying users online in info center.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added aria-label for social icons.
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.3...v1.2.4)
As always, you only need to manually update the files that you edited (based on the changes above), any other files can be safely replaced, specially the
themecustoms folder.
Thanks Diego. :)
Errrrrh... Stock forum, 1.2.4, theme settings don't show up and if you click the icon alongside the theme header to edit them, HARD white page with:
Parse error: syntax error, unexpected 'array' (T_ARRAY), expecting function (T_FUNCTION) or const (T_CONST) in /Themes/NameX_v1.2.4/themecustoms/Settings/Main.php on line 19Doesn't happen on 1.2.3. I don't feel too good on updating now... I wanted to test a bug on 1.2.3 that doesn't let forum owner to have dark (green, in my case) as default color, it was selected but always show up light version instead.
I'll check both issues, thanks
I just updated the package, should fix the issue with the errors. I forgot to test on other php versions.
Just update the themecustoms folder and it should be fine.
As for the color issue, I couldn't reproduce, if I disable color selection and set a default color it stays like that, even if I disable the mode selection too.
Fix confirmed for the theme settings page, thanks!
Still an issue with the color.
Default theme variant green,
Default theme dark mode
Enable user mode selection.
(everything else unchecked... But doesn't even seem to matter?)
Expected default dark green, result default light green.
I get the same on 1.2.3 and 1.2.4 on 2 different installations and servers. It will be pain to update the 1.2.3 one ;D It's like a 1.0.5 or something like that, updated manually, that's why I test on the vanilla one as well.
According to the description, that only works when the mode is locked.
Not sure if that's something I'd change but I could look into it at some point.
Quote from: Ninja ZX-10RR on August 02, 2023, 09:46:50 PMExpected default dark green, result default light green.
Ahh you see I found the 'issue', I caused this by making it very flexible and robust :laugh:
Since this is also a member option, allowing the users to select a mode will take the value from the user options.
And by default guests would have... light mode!
To change it treat it as a regular forum option for members and go to
Member Options >
Configure guest and new user options for this theme >
Theme Mode
Quote from: Diego Andrés on August 02, 2023, 10:52:35 PMQuote from: Ninja ZX-10RR on August 02, 2023, 09:46:50 PMExpected default dark green, result default light green.
Ahh you see I found the 'issue', I caused this by making it very flexible and robust :laugh:
Since this is also a member option, allowing the users to select a mode will take the value from the user options.
And by default guests would have... light mode!
To change it treat it as a regular forum option for members and go to Member Options > Configure guest and new user options for this theme > Theme Mode
Aha! True ;D Thanks :D I didn't think of changing it off there but it does indeed change it from that menu!
Now to update my version... Yeah nah, tomorrow ::)
Hello. I'm currently using Fa mod to change board icons, and works fine with default theme, but looks like this with another themes. Do you think it has anything to do with the theme?
(https://i.imgur.com/pCGlztw.png)
Add to NameX/css/custom/custom_edits.css (if it doesn't exist, create one).
.boardindex_table div.up_contain:not(.b_board, .b_redirect) .board_icon a::before { display:none;}
Quote from: Diego Andrés on August 05, 2023, 06:04:00 PMAdd to NameX/css/custom/custom_edits.css (if it doesn't exist, create one).
.boardindex_table div.up_contain:not(.b_board, .b_redirect) .board_icon a::before { display:none;}
Wow, thank you so much, now looks fine, have a good day! ;)
1.2.5 - 05 August 2023
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixes for styles in wysiwyg mode.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Improved styling for some sceditor elements.
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.4...v1.2.5)
Amazing theme, especially for free!
Question: Is it possible to change the hover colour of the "active" button. For example, the "REPLY" button:
(https://i.ibb.co/t3BGvcC/Screenshot.png)
In the above case, the Add poll, Mark Unread, Print, and Notify buttons do change colour when hovering, but the "Reply" button does not.
Any help would be appreciated!
Thanks!
I just don't see any reason to add a hover status to the active button.
You can add it in NameX/css/custom/custom_edits.css
.buttonlist a.active:is(:hover, :focus) {
color: {color};
}
Thank you very much, Diego!
I also like the ability to have custom_edits.css
Fantastic work, and thank you again for the very fast response.
First of all, many thanks for this nice theme! We really like it.
As admin I've several questions but let's start with the first one.
In my profile I can choose an existing avatar but when I try to upload one I'm getting this message:
An error has occurred - attach_timeout
I can't find the problem.
Quote from: Mandarin on August 26, 2023, 03:10:56 AMIn my profile I can choose an existing avatar but when I try to upload one I'm getting this message:
An error has occurred - attach_timeout
I can't find the problem.
I have been a member here for a long time but I could not recover my password because the email address in my profile no longer exists. So I created a new account, I can't edit my posts yet, so I quote.
I solved the problem above. I had to change a setting in the admin options. I'm still discovering, sorry.
So here is the next question. I enabled dark/light mode but I disabled the choice of colors. Indeed, I would like my own colors for 1 dark and for 1 light choice. How to change the color of each thing individually? Background, bar, etc. Could you please tell me the step by step procedure?
I read this whole thread but I don't really understand.
Quote from: Mandarin on August 26, 2023, 06:23:30 AMSo here is the next question. I enabled dark/light mode but I disabled the choice of colors. Indeed, I would like my own colors for 1 dark and for 1 light choice. How to change the color of each thing individually? Background, bar, etc. Could you please tell me the step by step procedure?
There is no setting for this.
You'll have to edit theme_colors.css to modify your colors, and dark.css to modify the colors on dark mode.
Quote from: Diego Andrés on August 26, 2023, 11:13:00 AMThere is no setting for this.
You'll have to edit theme_colors.css to modify your colors, and dark.css to modify the colors on dark mode.
I know there is no setting for this. I'll see what I can do in these 2 files, thank you.
Another one: in the footer we have "Forum Stats" and "Users Online". By default the first one is displayed and we have to click to have the second. I would like the opposite, how can I do that please?
In NameX/scripts/custom/main.js
$( '#info_center_blocks').tabs();$( '#info_center_blocks').tabs({
active: 1,
});
Though you must be careful because if you enable/add more things, the order might change.
For instance, with recent posts and calendar, users online would be 3.
Quote from: Diego Andrés on August 26, 2023, 09:37:36 PMIn NameX/scripts/custom/main.js
Thanks, I did that. Users online is now displayed at first.
Quote from: Diego Andrés on August 26, 2023, 09:37:36 PMThough you must be careful because if you enable/add more things, the order might change.
For instance, with recent posts and calendar, users online would be 3.
What do you mean exactly?
Diego, how to have a different logo in dark and light mode?
Quote from: Mandarin on August 27, 2023, 04:50:52 AMWhat do you mean exactly?
Well, if you have more sections in the info center, the order will change.
For example, enabling the recent posts.
Admin > Theme Settings > Number of recent posts to display on board index. If you set to 1 or more, recent posts will appear in the info center and users online will now be in the position 2 (starting from 0).
Quote from: Mandarin on August 27, 2023, 05:31:49 AMDiego, how to have a different logo in dark and light mode?
You'll have to add it using css.
First, remove the text/logo.
Themes/NameX/css/custom/custom_edits.cssheader h1.forumtitle a, header h1.forumtitle img {
display: none;
}Then add the logo as a background.
header h1.forumtitle {
background-image: url('{image_url}');
height: 135px;
max-width: 100%;
background-size: contain;
background-repeat: no-repeat;
margin-block: 20px;
}And then you'll have to change the logo in dark.css
header h1.forumtitle{
background-image: url('{image_url_dark}');
}
Quote from: Diego Andrés on August 27, 2023, 03:07:06 PMWell, if you have more sections in the info center, the order will change.
For example, enabling the recent posts.
Admin > Theme Settings > Number of recent posts to display on board index. If you set to 1 or more, recent posts will appear in the info center and users online will now be in the position 2 (starting from 0).
I understand now, thank you. :)
Quote from: Diego Andrés on August 27, 2023, 03:13:52 PMYou'll have to add it using css.
...
I'll do that tomorrow, thanks again, great help! :)
Quote from: Diego Andrés on July 14, 2023, 10:53:44 PMTo preserve your changes in case of a theme update, create a new file in Themes/NameX/css/custom/custom_edits.css
And then add the following:
:root {
--avatar-border-radius: 0;
}
First, I want to say excellent work, this is sooooo close to being the perfect theme.
I copied the code above, it does change the avatars back to square as I want. So I know the file is correct, it's correctly named, it's in the right spot, etc.
But, this one change is massively screwing up the Administration Center of the forum. The moment I hit save after switching from Curve2 to NameX the Admin page reloads as if there's no css styling at all any more. It's just a plain white page with bulleted lists where the fancy menus used to be etc. Like what you get when you misspell the name of the css file in your code so it doesn't load.
But it's
only the Admin section. After I click my logo to go to the forum and read posts etc, it's all fine. If I rename the css file so it's not loaded any more, the Admin section is back to normal. I **know** it's the new css file, and there's nothing else in it other than the one new avatar line. I normally use Firefox but it does the exact same thing in Chrome. So it's not a browser thing.
Any ideas?
Try going into admin > config > features and options, disable the minimization of CSS/JS files, and turn it back on (or leave it off).
Tried that, left it off, no luck.
I do see a bunch of minified css files in the css folder still (none in the custom folder though). I'm going to nuke the whole theme and make sure all old traces are gone and then re-install it.
I just don't get why it would even affect it. It's one line!! Used to be a programmer, crap like this is why I'm glad I retired. :laugh:
It shouldn't cause issues at all, definitely odd. I'll do some testing too just in case, but I assume someone would've reported it before.
Well I think you were definitely on the right track. After I deleted all the theme files and reinstalled, it's been fine. I haven't turned minimization back on, don't like messing with things that are working.
Only a few small things left until this is perfect for me:
1) changing the url you go to when you click the forum logo - (I want it to go to site root not forum root). Am I correct the only way to change this is to edit the index.template.php file? there doesn't appear to be a setting for this, and css can't change the href of an <a link tag can it?
2) Lightening the colour behind the toolbar buttons like bold, italic etc in the dark theme. Contrast just isn't enough for my old eyes. Should be easy (famous last words).
3) Making the hamburger in the navigation section disappear until it's needed. Earlier you explained that it's for expanding the navigation on mobile when it's too long to display, but on desktop I can see the whole navigation and it's not needed unless I shrink my window to the tiniest width.
Thank you for the assistance.
1- Yes, index.template.php is the right place to do this change in pretty much every theme.
2- Only editing the CSS variables for the dark css, or the theme_colors css file (depending on the mode you are trying to edit). You can also target using selectors directly for more specific changes.
3- Not sure I answered that before in here... It's the same menu as the default theme (+ the customization) and it behaves the same. To always use the reponsive menu it would require some changes in the responsive.css file, I can look into that later. The theme also has a setting to hide menu items, or group them into a community button, to remove bloat.
The breadcrumb hamburger menu discussion was in posts 80-82 on page 5. People asking why it's there when it appears to do nothing, you say it's for mobile etc.
This expanding mechanism is not in the default theme at all. The default theme just wraps messily if the screen size gets narrow or on mobile. The navigate_section div is a ul, and the first li item is a link to the board root. In your theme you have added this as the first li item (line 391 of index.template.php):
<li class="trigger">
<a href="javascript:void(0);">
<i class="fa fa-bars"></i>
</a>
</li>
These lines are completely missing in the default theme (line 509 index.template.php)
I think your way of displaying longer breadcrumbs is superior, it looks way better on my phone. I just wish it would hide the control until it's needed, because it looks like a normal options menu, is clickable but does nothing at that point. It comes across as a bug, I know I'm going to get support messages from my users saying "why does my hamburger menu not work? I click it and nothing happens".
Maybe it's not possible to hide it actually reveals something hidden, I'm not good enough at this to know how to do it.
For those who find the dark mode editor toolbar buttons a bit hard to read, I'm using this in my custom_edits.css and it works well. Works with all the colour modes, pink, blue, red, green etc.
/* set background of toolbar to lighter colour when in dark mode */
:root[data-colormode="dark"] {
--sceditor-group-bg: linear-gradient( to bottom,
hsl(var(--primary-color-hue), 25%, 60%) 0%,
hsl(var(--primary-color-hue), 25%, 75%) 100% );
--sceditor-group-bg-active: hsl(var(--primary-color-hue), 25%, 50%);
}
I see, I thought you were referring to the main menu on mobile.
I understand the confusion it might cause to have this button in the breadcrumbs when it;s not needed. I will try to address it in a future update.
Hello, I have another question.
How can I add a button and a small logo in the main menu? Basically a link to our website.
Still can't edit my posts. Another one please: how can I change the color of the horizontal rule?
- On mobile the logo is centered, on computer it is aligned to the left. How to center it everywhere?
- I changed several colors and now I have vertical black lines in the navigation menu (see screenshot). How do I get rid of it?
Quote from: Mandarin on August 30, 2023, 03:38:02 AMHello, I have another question.
How can I add a button and a small logo in the main menu? Basically a link to our website.
You could hardcode it inside the menu in the index.template.php. Or add a custom button and target it using CSS to add the image as a background. You could search the forum using the keywords "Add menu button", and should get plenty of information.
Quote from: Mandarin on August 30, 2023, 04:42:41 AMStill can't edit my posts. Another one please: how can I change the color of the horizontal rule?
Not sure what are you referring to.
Quote from: Mandarin on August 30, 2023, 11:12:19 AM- On mobile the logo is centered, on computer it is aligned to the left. How to center it everywhere?
I can't test it right now, the search bar might cause issues.
#header {
justify-content: center;
}Quote from: Mandarin on August 30, 2023, 11:12:19 AM- I changed several colors and now I have vertical black lines in the navigation menu (see screenshot). How do I get rid of it?
I can't know that without seeing what exactly did you do.
You should check the elements using the browser inspector tool, and perhaps you will find some clues of what went wrong.
Thanks for your replies. I'll try.
Quote from: Diego Andrés on August 30, 2023, 12:29:43 PMNot sure what are you referring to.
In a post you can add an horizontal rule. Like this:
I would like to change the color.
_
Quote from: Diego Andrés on August 30, 2023, 12:29:43 PMI can't test it right now, the search bar might cause issues.
#header {
justify-content: center;
}
I tried several things and didn't succeed to get it correctly. Could you please check when you have time? It could help several people anyway.
Quote from: Mandarin on August 30, 2023, 12:50:44 PMIn a post you can add an horizontal rule. Like this:
I would like to change the color.
You can overwrite the rule to change it to your custom colors.
hr {
box-shadow: 0 1px 0 color inset;
background: color;
}
Quote from: Diego Andrés on August 30, 2023, 02:22:28 PMYou can overwrite the rule to change it to your custom colors.
hr {
box-shadow: 0 1px 0 color inset;
background: color;
}
Thanks. In which file and at which place please?
custom_edits.css, at the end of the file is fine.
Or if you want to use different colors for dark mode, you'll need to set it up in the dark.css file too.
Quote from: Diego Andrés on August 30, 2023, 03:38:36 PMcustom_edits.css, at the end of the file is fine.
Or if you want to use different colors for dark mode, you'll need to set it up in the dark.css file too.
Sorry but I don't have a custom_edits.css file?
You can create it, css/custom/custom_edits.css to safely overwrite styles.
Tested my forum on mobile and discovered a second avatar rounding. It's square on desktop with the custom css you posted earlier, but on mobile it's still round. Found this in responsive.css
.poster ul.user_info li.avatar img.avatar {
border-radius: 50%;
}
Curious that this one is a fixed 50% and not the --avatar-border-radius variable like the other one.
I tried to fix it by putting that fragment in custom_edits.css and changing the 50 to 0, but it doesn't work. Can we not overide the responsive.css in the same way as the other files, or am I getting the reference wrong?
Thanks again for all your help, you've been great.
Mmmm feel free to remove the border-radius from the responsive.css file. It looks like a 'bug'. I'll fix it in the next update.
Quote from: T.Linden on August 30, 2023, 11:46:18 PMI tried to fix it by putting that fragment in custom_edits.css and changing the 50 to 0, but it doesn't work. Can we not overide the responsive.css in the same way as the other files, or am I getting the reference wrong?
Yes with !important. Though in this case it's not supposed to be there, so I'll take care of that soon.
Thanks for reporting.
Went ahead with a new package to address that issue, and include improvement for the toggle button.
1.2.6 - 31 August 2023
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added aria labels and titles to icons for toggle button, theme mode and variants.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Only display navigation toggler on mobile.
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.5...v1.2.6)
Hi
@Diego Andrés The social icons in the user profile are slightly too large.
(https://i.imgur.com/uHjxEHV.png)
Should it be like this? Because the icons on the user profile in the post are smaller.
(https://i.imgur.com/IenXiJ9.png)
After adding the social media button in NameX settings in the Social Media tab, I don't stay in that tab; it just takes me to the Main tab. Is this some kind of bug?
I have another question regarding adding a link to a YouTube channel.
To make the YouTube button appear, I need to add the entire address https://www.youtube.com/
@User-name - why doesn't adding
@User-name work? Why does the full address have to be entered for YouTube?
Quote from: jsx on September 01, 2023, 03:16:07 PMShould it be like this? Because the icons on the user profile in the post are smaller.
They are font icons so other normal icons might have different sizes like in this case.
Try to make them match your preferred size:
.poster .profile .profile_icons li {
font-size: 12px;
}I haven't tested it, could also make it more specific just in case
.poster .profile .profile_icons li span.main_icons::before {
font-size: 12px;
}Quote from: jsx on September 01, 2023, 03:16:07 PMAfter adding the social media button in NameX settings in the Social Media tab, I don't stay in that tab; it just takes me to the Main tab. Is this some kind of bug?
I'm not sure what behavior you are describing?
Quote from: jsx on September 01, 2023, 03:16:07 PMTo make the YouTube button appear, I need to add the entire address https://www.youtube.com/ (https://www.youtube.com/)@User (https://www.simplemachines.org/community/index.php?action=profile;u=14302)-name - why doesn't adding @User (https://www.simplemachines.org/community/index.php?action=profile;u=14302)-name work? Why does the full address have to be entered for YouTube?
This is intentional because some channels don't have a username or are new channels.
Just add the code font-size to the original code.
.poster .profile .profile_icons li, .poster .im_icons li {
font-size: 12px;
display: inline-block;
padding: 0;
}I mean the icons that appear in the user profile when enter the user profile, where there is a Summary. Which code in app.css is responsible for these icons?
(https://i.imgur.com/uHjxEHV.png)
Quote from: Diego Andrés on September 01, 2023, 03:35:35 PMI'm not sure what behavior you are describing?
When I'm in the Social Media tab, after pressing the Save button, I don't stay in that tab; it takes me to the Main tab. Do you think it should be this way?
(https://i.imgur.com/fZ58n0N.gif)
Quote from: jsx on September 03, 2023, 05:36:32 AMI mean the icons that appear in the user profile when enter the user profile, where there is a Summary. Which code in app.css is responsible for these icons?
.icon_fields span.main_icons
You can use the inspector tool to find these rules easier and overwrite them, or edit them.
Quote from: jsx on September 03, 2023, 05:36:32 AMWhen I'm in the Social Media tab, after pressing the Save button, I don't stay in that tab; it takes me to the Main tab. Do you think it should be this way?
I'll see if something can be done with js, duplicating the button caused a bug when I attempted it.
Just about to install 1.2.6. Don't see anything automatic, is there a recommended update procedure?
Upload and overwrite the current version or install the new one and remove the old one?
Overwriting files is fine.
Check the link with the list of changes to see which files you need to update.
https://github.com/SMFTricks/NameX/compare/v1.2.5...v1.2.6
Hi,
How can I use the form title instead of the logo?
Your setup your own logo URL in the theme settings.
I want to use form title as text without image
index.template.php
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
<span class="theme-logo">
<span>
' . substr_replace($settings['theme_name'], '', -1) . '
</span>
<span>
' . substr_replace($settings['theme_name'], '', 0, 4). '
</span>
</span>' : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a><a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>
Could also do:
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
<span class="theme-logo">
' . $context['forum_name'] . '
</span>' : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>But I'm not sure how that'd turn out without testing it.
Thanks
@Diego AndrésCode 1: orange
code1.png
Code 2: in gray tones (
or transparent)
code2.png
I will use the first code :)
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>
Hi,
Long links in the signature spoil the view on mobile
Do it directly in app.css because I'll fix it eventually.
.signature {
word-break: break-all;
}
Thanks, it worked
Quote from: Diego Andrés on September 03, 2023, 02:18:42 PM.icon_fields span.main_icons
You can use the inspector tool to find these rules easier and overwrite them, or edit them.
I set the size in these two codes to 1.1em and now the size of these icons suits me. :)
.poster .profile .profile_icons li, .poster .im_icons li {
font-size: 1.1em;
display: inline-block;
padding: 0;
}.icon_fields span.main_icons {
font-size: 1.1em;
}Quote from: Diego Andrés on September 03, 2023, 02:18:42 PMI'll see if something can be done with js, duplicating the button caused a bug when I attempted it.
I understand.
Quote from: jsx on September 10, 2023, 11:24:45 AMQuote from: Diego Andrés on September 03, 2023, 02:18:42 PMI'll see if something can be done with js, duplicating the button caused a bug when I attempted it.
I understand.
I fixed it a while ago.
I've tagged a new release.
1.2.7 - 10 September 2023
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Theme Settings tabs now go back to the same tab after saving.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed minor layout issues.
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.6...v1.2.7)
Hi,
Turkish language files
Thanks.
It's the first translation so perhaps time to set this up on crowdin :D
Quote from: Diego Andrés on September 10, 2023, 03:18:53 PMTheme Settings tabs now go back to the same tab after saving.
If I save the settings in the Social tab the first time, I'll stay in that tab, but when I save for the second time, it takes me to the Main tab. I'm just mentioning it, but I know that data in this tab is entered once, not twice at the same time.
Mmmm I see the issue. It currently only changes the url when activating a new tab.
I'll do some testing to see which other event needs the same behavior.
Hi,
"$txt['by']" should be after the username (for Turkish)
I can't move around things per language.
What's your suggestion for the text?
Perhaps something like this:
$txt['by_string'] = 'by %s';
$txt['by_string'] = '%s tarafından';
Note: This problem only exists on the home page. Board pages normal
Thanks I'll update it to use this format instead and then upload to Crowdin.
How can I fix bbcode icons not showing properly?
Captura de pantalla 2023-09-19 124155.png
Quote from: Diego Andrés on September 19, 2023, 10:02:31 PMQuote from: vicente127 on September 19, 2023, 06:43:55 AMHow can I fix bbcode icons not showing properly?
I don't think that's a theme issue..
But happens with all custom themes I have, for example with Repulse, they appear, but they appear black and they are difficult to see
Captura de pantalla 2023-09-20 163659.png
This one is Steyle...
Captura de pantalla 2023-09-20 163846.png
If it happens with other themes then it might be an issue with your forum config, not necessarily a theme. Check the file permissions for your images or folders.
In fact, it was sonme misconfiguration, the base directory was wrong, idk why, it was fine before, so I ran a repair_settings, it recommended me to change it and now it works.
This is kind of a newbie question, sorry in advance. Is it possible to "upgrade" this theme or do I just need to re-install the latest version from scratch?
It's safe to just replace the files inside the NameX folder.
You can skip the images folder as it has never changed.
To check your version you can go to Theme Settings > Information tab.
Hi,
I'm moving the recent post up. But it appears both above and below. The method I used for the solution did not work.
BoardIndex.template.php search; echo '
<div id="boardindex_table" class="boardindex_table">';Replace; echo '
<div id="boardindex_table" class="boardindex_table">';
template_ic_block_recent();
Recent messages move up ok.
The code I used to prevent it from appearing in the subsection does not work.
BoardIndex.template.php search; $func = 'template_ic_block_' . $block['tpl'];
$func();Replace; $func = 'template_ic_block_' . $block['tpl'];
if($func == 'template_ic_block_recent')
echo'';
else
$func();
Try the if with continue;
$func = 'template_ic_block_' . $block['tpl'];
if($func == 'template_ic_block_recent')
continue;
else
$func();
If that doesn't work, I'll have a look later.
PHP errors occur because the coding structure is different. When adding codes into DIV
NameX_v1.2.7 BoardIndex.template.php;
$func = 'template_ic_block_' . $block['tpl'];
echo '
<div id="block-' . $block['txt'] . '" class="windowbg">
', $func(), '
</div>';
Parse error: syntax error, unexpected 'template_ic_block_' (T_STRING), expecting ';' or ',' in C:\wamp64\www\smf\Themes\NameX_v1.2.7\BoardIndex.template.php on line 197
$func = 'template_ic_block_' . $block['tpl'];
echo '
<div id="block-' . $block['txt'] . '" class="windowbg">
$func = 'template_ic_block_' . $block['tpl'];
if($func == 'template_ic_block_recent')
continue;
else
$func();
</div>';
I'll test it tomorrow.
Quote from: gevv on September 25, 2023, 04:36:52 PMNameX_v1.2.7 BoardIndex.template.php;
// Info Center Elements for tabs
foreach ($context['info_center'] as $block)
{
echo '
<li class="title_bar">
<a href="#block-' . $block['txt'] . '" class="titlebg">
', themecustoms_icon('fa fa-'. $block['txt']) , '
<span>', $txt[$block['txt']], '</span>
</a>
</li>';
}
echo '
</ul>';
// Load the blocks
foreach ($context['info_center'] as $block)
{
$func = 'template_ic_block_' . $block['tpl'];
echo '
<div id="block-' . $block['txt'] . '" class="windowbg">
', $func(), '
</div>';
}// Info Center Elements for tabs
foreach ($context['info_center'] as $block)
{
if ($block['txt'] === 'recent_posts')
continue;
echo '
<li class="title_bar">
<a href="#block-' . $block['txt'] . '" class="titlebg">
', themecustoms_icon('fa fa-'. $block['txt']) , '
<span>', $txt[$block['txt']], '</span>
</a>
</li>';
}
echo '
</ul>';
// Load the blocks
foreach ($context['info_center'] as $block)
{
$func = 'template_ic_block_' . $block['tpl'];
if ($func === 'template_ic_block_recent')
continue;
echo '
<div id="block-' . $block['txt'] . '" class="windowbg">
', $func(), '
</div>';
}
Forgot to post last week update.
1.2.8 - 01 October 2023
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Minor layout improvements for boards layout.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Theme Settings tabs minor tweaks.
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.7...v1.2.8)
Hello,
Is there a fix for this (Info Center info) issue, in mobile view?
Thanx and congrats for this awesome theme!
What's the viewport size? SMF itself is only looking to support down to 320px as the minimum limit.
You could try adding this in your NameX/css/custom/custom_edits.css file (or create it).
#info_center_blocks {
display: inline-flex;
}
Quote from: Diego Andrés on October 22, 2023, 04:20:05 PMWhat's the viewport size? SMF itself is only looking to support down to 320px as the minimum limit.
You could try adding this in your NameX/css/custom/custom_edits.css file (or create it).
#info_center_blocks {
display: inline-flex;
}
Hmmm...i put Forum width at 80%.
This is the reason? (no it wasn't)
Thank you!
Quote from: Diego Andrés on October 22, 2023, 04:20:05 PMWhat's the viewport size? SMF itself is only looking to support down to 320px as the minimum limit.
You could try adding this in your NameX/css/custom/custom_edits.css file (or create it).
#info_center_blocks {
display: inline-flex;
}
With your solution everything come back to normal!!
Thank you for your quick support ;D
@Diego Andrés I have a question about changing the display of avatars to square. Why did you change this?
It hasn't changed.
/* Avatar */
/* Border */
--avatar-border-radius: 50%;
Did you have a different outcome with a MOD or edit?
Ok, I have no idea what was wrong with me yesterday, but today it's ok.
I added this code to the app.css file:
.boardindex_table .lastpost p span.last_post {
display: flex;
gap: 0.25em;
}
https://github.com/SMFTricks/NameX/compare/v1.2.7...v1.2.8#diff-6e968e1daffd770aa63e2bf8086cb69ccdfe24cd647fae037f6a3a00be43b3ca
But I see that in the app.css file from NameX 1.2.8 there is this code, i.e. there is also flex-wrap here:
.boardindex_table .lastpost p span.last_post {
display: flex;
gap: 0.25em;
flex-wrap: wrap;
}
So I copied this code from the app.css file from NameX 1.2.8
I've noticed a quirk related to the "signature" section. Words don't seem to wrap / break correctly. See this screenshot, the words "damage" and "after" are split between 2 lines.
I seem to recall this issue, is your theme updated?
I'll test later to make sure it's indeed fixed.
I used the wrong value when I patched it some time ago.
I added a new package with the fix, I didn't add a changelog entry so it's the same version...
See the commit (https://github.com/SMFTricks/NameX/commit/afd2a156c638a774a583e6fd096b4c757e2fed59)
Hello,
Can the background and content section be full width on small screen phones?
5.7 inc 720x1440;
1.jpg
Full width example (image editing :) )
fullw.jpg
I'll check this later today and leave you a solution soon.
Quote from: Diego Andrés on November 26, 2023, 12:54:01 PMI seem to recall this issue, is your theme updated?
I'll test later to make sure it's indeed fixed.
I used the wrong value when I patched it some time ago.
I added a new package with the fix, I didn't add a changelog entry so it's the same version...
See the commit (https://github.com/SMFTricks/NameX/commit/afd2a156c638a774a583e6fd096b4c757e2fed59)
Looks like I am on v1.2.7. I'll manually apply the fix for now until I can do a full update (which takes some work since I have a custom color).
Thanks!
Quote from: user58389239 on November 28, 2023, 10:48:24 AMLooks like I am on v1.2.7. I'll manually apply the fix for now until I can do a full update (which takes some work since I have a custom color).
Thanks!
Small changes in 1.2.8 from 1.2.7
https://github.com/SMFTricks/NameX/compare/v1.2.7...v1.2.8
In total with that last commit it'd be 5 file edits I think.
Although the last commit will be a part of 1.2.9 if it exists in the future, but many will have this fix already applied manually or with new installations. :P
I did the fix manually for now and it did the trick. Thanks for the help! I will wait and update at 1.2.9.
Quote from: gevv on November 27, 2023, 10:27:41 AMHello,
Can the background and content section be full width on small screen phones?
Try with this on custom_edits.css
@media (max-width: 480px) {
#content_section {
padding-inline: 0.25em;
}
#main_content_section {
padding-inline: 0;
}
#top_section .inner_wrap, #wrapper, #header,
footer .inner_wrap, #nav_wrapper {
max-width: 100% !important;
padding-inline: 5px;
}
}You can set the padding-inline to zero on both, just thought it should still have some visual 'guide'.
Let me know if it works for you.
Many thanks
@Diego Andrés You're right, a little space looked better.
Yes how to change the "Namex" without replacing with Website Logo. Like i want to use custom Text for Example "NameX" with the Text "Forum" . Please elaborate and show me which file or replace codes to fix it.
Thank you
Quote from: forumhub on December 02, 2023, 11:44:46 PMYes how to change the "Namex" without replacing with Website Logo. Like i want to use custom Text for Example "NameX" with the Text "Forum" . Please elaborate and show me which file or replace codes to fix it.
Thank you
Try this:
https://www.simplemachines.org/community/index.php?topic=583206.msg4159816#msg4159816
Hello Diego.
I changed the forum background color to hex and the footer color to hex as well.
body {
background: #e5e5e5;
font-family: var(--body-font-family);
color: var(--body-txt-color);
font-size: 1rem;
line-height: 1.2rem;
display: flex;
flex-direction: column;
min-height: 100vh;
}
/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: #ddd;
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);
}
And unfortunately, when turn on the forum's dark mode, the background does not change to dark. I understand that in order for the background color to change to dark, the color must be set as var. How can I easily make a forum background var with this color: #e5e5e5? I would also like to make a background var for the footer in this color: #ddd
(https://i.imgur.com/IShWXkB.png)
You'll need a new var likely because you need to set it in the dark.css file.
Example:
theme_colors.css
—-body-custom-bg: #e5e5e5;dark.css
—-body-custom-bg: darkcolor;
body { background: var(—body-custom-bg); }
I can post the custom_edits.css solution too if you are using that file, though I seem to recall you weren't.
There is this code in the theme_colors.css file:
/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
/* Color */
--body-txt-color: hsl(0, 0%, 15%);
/* Color Strong */
--body-txt-color-strong: hsl(0, 0%, 35%);
/* Font Family */
--body-font-family: 'Lato', 'Segoe UI', 'Helvetica', 'Arial';And should I add this code to this code?
--body-custom-bg: #e5e5e5;And I should add this code in the dark.css file, right?
--body-custom-bg: darkcolor;In which file should I insert this code?
body { background: var(—body-custom-bg); }Quote from: Diego Andrés on December 03, 2023, 09:56:13 AMI can post the custom_edits.css solution too if you are using that file, though I seem to recall you weren't.
I don't use this file.
Quote from: jsx on December 03, 2023, 11:42:09 AMIn which file should I insert this code?
body { background: var(—body-custom-bg); }
app.css or custom_edits.css.
It's just an example, you already have a body selector you posted above, just edit it.
Either I didn't understand something or I entered your solution incorrectly, because the night mode doesn't work for me.
Is there any website online (color var generator) so that I can generate the color code #e5e5e5, #ddd?
In the app.css file I changed the background color to hex.
body {
background: #e5e5e5;
font-family: var(--body-font-family);
color: var(--body-txt-color);
font-size: 1rem;
line-height: 1.2rem;
display: flex;
flex-direction: column;
min-height: 100vh;
}
theme_colors.css content
/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
/* Color */
--body-txt-color: hsl(0, 0%, 15%);
/* Color Strong */
--body-txt-color-strong: hsl(0, 0%, 35%);
/* Font Family */
--body-font-family: 'Lato', 'Segoe UI', 'Helvetica', 'Arial';
dark.css content
:root[data-colormode="dark"] {
--body-bg: hsl(var(--primary-color-hue), 80%, 2%);
--body-txt-color: hsl(0, 0%, 70%);
--body-txt-color-strong: hsl(0, 0%, 90%);
In the app.css file I changed the footer background color to hex.
/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: #ddd;
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);
I entered these codes like this:
app.css
body {
background: var(—body-custom-bg);
theme_colors.css
/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
--body-custom-bg: #e5e5e5;
dark.css
:root[data-colormode="dark"] {
--body-bg: hsl(var(--primary-color-hue), 80%, 2%);
--body-custom-bg: #000000;
What did I do wrong?
Quote from: jsx on December 04, 2023, 04:29:38 PMapp.css
body {
background: var(—body-custom-bg);
Looks like you're missing a hyphen here.
var(--body-custom-bg)
Right, now it works. Can you give me a solution to change the footer color to a dark background?
Just need to do the same, with a new variable for your footer.
If it's always the same color then you don't add anything to the dark.css file.
Thanks for the information. I did it this way:
app.css
/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: var(--footer-custom-bg);
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);
}
theme_colors.css
/* Footer */
/* Background */
--footer-bg: hsl(var(--primary-color-hue), 50%, 92%);
--footer-custom-bg: #ddd;
dark.css
--footer-bg: hsl(var(--primary-color-hue), 60%, 10%);
--footer-custom-bg: #0b0f0b;
Is there a way to set the dark background color for the TinyPortal shoutbox in the NameX theme files? To make the dark background of this shoutbox display when the dark forum mode is enabled.
(https://i.imgur.com/mCIONyI.png)
You could try the header and footer mod.
https://custom.simplemachines.org/index.php?mod=351
I use it for my copyright
<center><p style="color:red">Copyright © <script>document.write(new Date().getFullYear())</script> Database Dreams All Rights Reserved</p></center>
<script>
Quote from: jsx on December 05, 2023, 02:08:57 PMIs there a way to set the dark background color for the TinyPortal shoutbox in the NameX theme files? To make the dark background of this shoutbox display when the dark forum mode is enabled.
(https://i.imgur.com/mCIONyI.png)
I'm not sure what this is. I haven't used the shoutbox, is it not using the theme colors?
These are the TP shoutbox background colors:
(https://i.imgur.com/rHp6TXr.png)
I'm looking for a way to keep these colors enabled when the light NameX theme is enabled. And when I switch the theme to dark mode, I would like the shoutbox background to be dark. Do you think there is any way to do this?
Please provide code for exact match for the design "Name-X"
Quote from: jsx on December 05, 2023, 03:51:38 PMI'm looking for a way to keep these colors enabled when the light NameX theme is enabled. And when I switch the theme to dark mode, I would like the shoutbox background to be dark. Do you think there is any way to do this?
You'd need to manually overwrite these values with css.
I'm not sure what the exact selectors would be.
You'd just add the selector to your css file using a variable. Would likely need to use !important, to make sure it overwrites the inline style.
Quote from: forumhub on December 05, 2023, 04:27:15 PMPlease provide code for exact match for the design "Name-X"
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
<span class="theme-logo">
<span>
Name
</span>
<span>
X
</span>
</span>' : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>
Quote from: jsx on December 05, 2023, 03:51:38 PMI'm looking for a way to keep these colors enabled when the light NameX theme is enabled. And when I switch the theme to dark mode, I would like the shoutbox background to be dark. Do you think there is any way to do this?
Try with these selectors:
.tp_shoutbody_layout0
.tp_shoutbody_layout2
.tp_shoutbody_layout1
.tp_shoutbody_layout3
For example:
.tp_shoutbody_layout3 { background: {yourcolor} !important; }Might want to ask on their support topic if it doesn't work, I only looked through the files I didn't install the MOD.
Thanks Diego for your willingness to help.
Should I enter the hex color here {yourcolor}?
And as I guess this code I should add to tp-shout.css?
Quote from: jsx on December 06, 2023, 03:12:21 PMShould I enter the hex color here {yourcolor}?
Yes.
Quote from: jsx on December 06, 2023, 03:12:21 PMAnd as I guess this code I should add to tp-shout.css?
Use the css file from the theme, preferably.
That should work, but you need to blank out the settings in Tinyportal or they will override the css
!important should do the trick, to override non !important inline styles.
I use shout_layout3 for shoutbox:
(https://i.imgur.com/na0Opy6.png)
And in the app.css file from NameX I added this code:
.tp_shoutbody_layout3 { background: {#0b0f0b} !important; }
And unfortunately the background hasn't changed. Have I done something wrong?
You don't need brackets for your color.
I added them as placeholders for the example.
Also you should use your variable since that's the plan you had for it.
Are you editing this files with vs code? It will tell you if you have a syntax error in these scenarios.
Ok, so this shoutbody_layout2 code works to change the background color of the shoutbox.
.tp_shoutbody_layout2 { background: #0b0f0b !important;
}
I know that I also need to add shoutbox codes to dark.css and theme_colors.css, but how to do it exactly?
Based on these codes, how to do it? Should I enter this name? tp_shoutbody_layout2
dark.css
--body-bg: hsl(var(--primary-color-hue), 80%, 2%);
--body-custom-bg: #020901;
theme_colors.css
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
--body-custom-bg: #e5e5e5;
Just add a new variable, you can give it any name, or re-use another one that already exists.
Unfortunately, !important doesn't work because after adding this code:
.tp_shoutbody_layout2 { background: #0b0f0b !important;
}
to app.css then this background color replaces the background in light theme mode.
I added this code to app.css:
.tp_shoutbody_layout2 {
background: var(--tp-shoutbody-layout2-custom-bg);
}
I added this code to dark.css:
--tp-shoutbody-layout2-bg: hsl(var(--primary-color-hue), 80%, 2%);
--tp-shoutbody-layout2-custom-bg: #0b0f0b;
I added this code to theme_colors.css:
--tp-shoutbody-layout2-bg: hsl(var(--primary-color-hue), 40%, 85%);
--tp-shoutbody-layout2-custom-bg: #e5e5e5;
And unfortunately it doesn't work.
You didn't use !important.
.tp_shoutbody_layout2 {
background: var(--tp-shoutbody-layout2-custom-bg) !important;
}
or do as jren suggested.
Okay, now it works. :)
I also have a question: is it possible to implement the font color of the text in the shoutbox when the forum dark mode is turned on? Ok, I can change the color in the shoutbox settings, but then this color will also change for light mode.
(https://i.imgur.com/ayRHRpQ.png)
It would also be nice if I could set those colored lines for the light and dark theme, because these lines disappeared when I implement these codes.
background color odd lines
background color even lines
Can you help me with this Diego?
Just add a variable for each, not sure what you're asking here.
It's the same process you just followed for .tp_shoutbody_layout2
Do that for the other selectors/settings.
What your inputting in the settings is now irrelevant because you're overwriting it, you can change it to anything you want, like you just did.
Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMJust add a variable for each
I'll try to do it.
Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMnot sure what you're asking here.
I mean one line in color, the other in the background color of the shoutbox:
(https://i.imgur.com/pcAVQ0u.png)
Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMIt's the same process you just followed for .tp_shoutbody_layout2
Okay.
Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMDo that for the other selectors/settings.
I definitely don't know how to implement this colored line:
(https://i.imgur.com/pcAVQ0u.png)
There are four selectors, you only did one
.tp_shoutbody_layout0
.tp_shoutbody_layout1
.tp_shoutbody_layout2
.tp_shoutbody_layout3
Those are different layout versions. He is only using version 2
For example i want to change the name of "NAMEX" with the same design as like your theme name with any custom name "EXAMPLEWEBSITE" still it will work?
I tried with this code-
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
<span class="theme-logo">
<span style="font-size: 100%">
FORUM
</span>
<span style="font-size: 125%">
HUB
</span>
</span>' : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>
But looks like not mobile friendly. can you fix it for mobile friendly
Quote from: jsx on December 08, 2023, 02:37:27 PMI definitely don't know how to implement this colored line:
(https://i.imgur.com/pcAVQ0u.png)
Played around with the theme a bit.
If you are overriding the colors that are set in the shoutbox settings you CANNOT have one mode (light) keep the settings from TinyPortal and at the same time have dark override them: the !important in the app.css will overrule the colors set in the setting, even if no variable is set in the theme variant css
So when you want to change the settings using the variants you are losing the TinyPortal setting for that element in this theme.
I just added these settings to the css files for the shoutbox to look good in all variations
In this setup the shoutbox is following the theme...
add to app.css
.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
color: var(--tp_shout-textcolor) !important;
}
add to theme_colors.css AND dark.css
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);If you also want the layout option 1 and 2 to look good some more work is required...
Ik like this theme and it's color options. ;)
So I decided to translate the language files to dutch.
Now I am finding some language files in the theme that appear not te be used...
carousel.english.php
cover.english.php
profile.english.php
I suspect these are not relevant?
*** update ***
Just checked Crowdin and noticed the message...
QuoteThese language files are included in every theme developed by SMF Tricks, for SMF 2.1.x and onward.
Included the relevant translations to dutch in attached file...
Thanks!
Just put them into Crowdin for you
@rjen Thank you very much for your help with these codes!
Nice effect. :)
Quote from: @rjen on December 10, 2023, 10:01:14 AMJust put them into Crowdin for you
Thank you.
I just now realized the mess crowdin did with some strings while setting up the GitHub integration.
I'll update the source strings and themes today or tomorrow to fix this.
I'll also add polish in case
@jsx wants to contribute his translations.
I've updated the files in Crowdin.
I think themes are updated at the moment on Github, I will update the packages next week in any case, with the current translations.
1.3.0 - 18 December 2023
- (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Added new menu setting to enable logout, login and signout buttons.
- (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed layout issues.
- (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Improved board layout compatibility.
- (https://camo.githubusercontent.com/33b5ae016b1a4c742049dc443886d242b5129207264c7d76586052d316646876/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6c616e67756167652e706e67) (https://camo.githubusercontent.com/33b5ae016b1a4c742049dc443886d242b5129207264c7d76586052d316646876/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6c616e67756167652e706e67) Turkish translation.
- (https://camo.githubusercontent.com/33b5ae016b1a4c742049dc443886d242b5129207264c7d76586052d316646876/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6c616e67756167652e706e67) (https://camo.githubusercontent.com/33b5ae016b1a4c742049dc443886d242b5129207264c7d76586052d316646876/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6c616e67756167652e706e67) Dutch translation.
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.8...v1.3)
Thank you for this great theme.
I just want to remove the entire section including topics and the jump to option under the breadcrumb. Would you please tell me how to do it?
#topic_icons { display: none; }
You can add it to css/custom/custom_edits.css or app.css
Quote from: Diego Andrés on December 30, 2023, 07:07:54 PM#topic_icons { display: none; }
You can add it to css/custom/custom_edits.css or app.css
Thank you so much.
I have couple more questions regarding customizations.
1. I want to display the copyright years in the footer like yyyy - yyyy format instead of default yyyy.
2. I want to remove Help & Terms and Rules links from the footer and replace them with CC BY-NC-ND 4.0 link.
If you could help me, I would be grateful. Thank you and happy new year.
In theme settings you can set your logo URL.
Admin > config > current theme.
For the other I can post instructions when I'm back.
Quote from: Diego Andrés on December 30, 2023, 09:37:42 PMIn theme settings you can set your logo URL.
Admin > config > current theme.
For the other I can post instructions when I'm back.
Thanks so much for your reply.
I've seen the option to setup the logo URL but the thing is where shall I put the logo image? Also if I create my custom logo, does it automatically get hover effects like the NAMEX logo?
About the customizations of the footer, I've figured it out.
Thank you so much.
No, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.
In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.
Quote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.
In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.
Thank you for your reply. I'm almost done with the customizations. May I bother you with two more questions plz? I tried figuring them out but was unable to do so.
1. I want to replace the NAMEX text in the logo with my own. I've gone through the previous posts but couldn't find out anything about it.
2. I want to align the bottom Page and the number to the right. How do I do it?
So, far my customizations look like this.
/* remove topic legends */
#topic_icons {
display: none;
}
/* remove forum header */
#display_head {
display: none;
}
/* remove bottom breadcrumb */
#main_content_section > .navigate_section {
display: none;
}
/* remove top pagination */
#main_content_section > .pagesection:not(.pagesection ~ .pagesection) {
display: none;
}
/* remove the go up button */
div#main_content_section > div.pagesection > div.pagelinks.floatleft > a#bot.button {
display: none;
}
Also, I've modified the footer like this
<div class="footer_links">
<ul class="copyright">
<li class="smf_copyright">', theme_copyright(), '</li>
</ul>
<div class="footer-other">
', themecustoms_socials(), '
<a href="', $scripturl, '">', $context['forum_name'], ' © ', '2023 - ', date('Y'), '</a>
<span class="help-links">
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target=_blank>CC BY-NC-ND 4.0</a>', '
<a href="#top_section">', $txt['go_up'], ' ', themecustoms_icon('fa fa-arrow-up'), '</a>
</span>
</div>
</div>';I hope I didn't break any copyright licenses. Please check the attachment for my modified footer.
1.
Quote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.
In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.
Url to your forum so I can check the copyright? You can PM it if you prefer.
Quote from: rhinjard on December 31, 2023, 05:04:35 AMQuote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.
In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.
Thank you for your reply. I'm almost done with the customizations. May I bother you with two more questions plz? I tried figuring them out but was unable to do so.
1. I want to replace the NAMEX text in the logo with my own. I've gone through the previous posts but couldn't find out anything about it.
2. I want to align the bottom Page and the number to the right. How do I do it?
So, far my customizations look like this.
/* remove topic legends */
#topic_icons {
display: none;
}
/* remove forum header */
#display_head {
display: none;
}
/* remove bottom breadcrumb */
#main_content_section > .navigate_section {
display: none;
}
/* remove top pagination */
#main_content_section > .pagesection:not(.pagesection ~ .pagesection) {
display: none;
}
/* remove the go up button */
div#main_content_section > div.pagesection > div.pagelinks.floatleft > a#bot.button {
display: none;
}
Also, I've modified the footer like this
<div class="footer_links">
<ul class="copyright">
<li class="smf_copyright">', theme_copyright(), '</li>
</ul>
<div class="footer-other">
', themecustoms_socials(), '
<a href="', $scripturl, '">', $context['forum_name'], ' © ', '2023 - ', date('Y'), '</a>
<span class="help-links">
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target=_blank>CC BY-NC-ND 4.0</a>', '
<a href="#top_section">', $txt['go_up'], ' ', themecustoms_icon('fa fa-arrow-up'), '</a>
</span>
</div>
</div>';I hope I didn't break any copyright licenses. Please check the attachment for my modified footer.
Everything has been sorted out.
@Diego AndrésSince I will be using this as a blog and not as a forum, I do not require to display the number of replies/views. So, is it possible to remove them altogether?
Thanks & happy new year.
Quote from: rhinjard on December 31, 2023, 04:23:01 PMQuote from: rhinjard on December 31, 2023, 05:04:35 AMQuote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.
In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.
Thank you for your reply. I'm almost done with the customizations. May I bother you with two more questions plz? I tried figuring them out but was unable to do so.
1. I want to replace the NAMEX text in the logo with my own. I've gone through the previous posts but couldn't find out anything about it.
2. I want to align the bottom Page and the number to the right. How do I do it?
So, far my customizations look like this.
/* remove topic legends */
#topic_icons {
display: none;
}
/* remove forum header */
#display_head {
display: none;
}
/* remove bottom breadcrumb */
#main_content_section > .navigate_section {
display: none;
}
/* remove top pagination */
#main_content_section > .pagesection:not(.pagesection ~ .pagesection) {
display: none;
}
/* remove the go up button */
div#main_content_section > div.pagesection > div.pagelinks.floatleft > a#bot.button {
display: none;
}
Also, I've modified the footer like this
<div class="footer_links">
<ul class="copyright">
<li class="smf_copyright">', theme_copyright(), '</li>
</ul>
<div class="footer-other">
', themecustoms_socials(), '
<a href="', $scripturl, '">', $context['forum_name'], ' © ', '2023 - ', date('Y'), '</a>
<span class="help-links">
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target=_blank>CC BY-NC-ND 4.0</a>', '
<a href="#top_section">', $txt['go_up'], ' ', themecustoms_icon('fa fa-arrow-up'), '</a>
</span>
</div>
</div>';I hope I didn't break any copyright licenses. Please check the attachment for my modified footer.
Everything has been sorted out.
@Diego Andrés
Since I will be using this as a blog and not as a forum, I do not require to display the number of replies/views. So, is it possible to remove them altogether?
Thanks & happy new year.
This too sorted out as well. I am all set now. I learned a few things while working on your theme. Thank you Diego. :)
Just installed this on the seniors forum I run and it looks great. It even matches the existing logo (didn't plan it that way). https://www.seniorsandfriends.org
Quote from: Oldiesmann on January 19, 2024, 01:33:36 AMJust installed this on the seniors forum I run and it looks great. It even matches the existing logo (didn't plan it that way). https://www.seniorsandfriends.org
Something is breaking the JS for darkmode/variants in some pages/areas, maybe it's a guest issue? I didn't make an account yet :P
Quote from: Diego Andrés on January 19, 2024, 02:11:55 PMQuote from: Oldiesmann on January 19, 2024, 01:33:36 AMJust installed this on the seniors forum I run and it looks great. It even matches the existing logo (didn't plan it that way). https://www.seniorsandfriends.org
Something is breaking the JS for darkmode/variants in some pages/areas, maybe it's a guest issue? I didn't make an account yet :P
I'll look into that when I get a chance. I did add the unread posts/updated topics links up top as well because several people complained about those links missing (I never use that feature so I didn't even pay attention)
Quote from: @rjen on December 09, 2023, 10:30:53 AMQuote from: jsx on December 08, 2023, 02:37:27 PMI definitely don't know how to implement this colored line:
(https://i.imgur.com/pcAVQ0u.png)
Played around with the theme a bit.
If you are overriding the colors that are set in the shoutbox settings you CANNOT have one mode (light) keep the settings from TinyPortal and at the same time have dark override them: the !important in the app.css will overrule the colors set in the setting, even if no variable is set in the theme variant css
So when you want to change the settings using the variants you are losing the TinyPortal setting for that element in this theme.
I just added these settings to the css files for the shoutbox to look good in all variations
In this setup the shoutbox is following the theme...
add to app.css
.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
color: var(--tp_shout-textcolor) !important;
}
add to theme_colors.css AND dark.css
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
If you also want the layout option 1 and 2 to look good some more work is required...
Hi
@@rjen. When I installed TP 3.0, these bar colors do not appear:
(https://i.imgur.com/BdbovRm.png)
Can you help me with this?
That is because we have now implemented a separate css file that holds all colors for TP in css variants: tp-colors.css
Copy that css from default to you theme folder
Then locate the shoutbox background variables and update them as you please in the new css.
Hi
@@rjenQuote from: @rjen on January 30, 2024, 12:26:17 AMCopy that css from default to you theme folder
Should I copy the tp-colors.css file to Themes/NameX/css/custom?
And as I understand it, in app.css from NameX this code should remain? Should I remove it?
.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
color: var(--tp_shout-textcolor) !important;
}Should this code also remain in the theme_colors.css file from NameX?
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
The idea is to make it easier to adapt the colors in other themes, but since you already changed you theme css you will have to undo thos changes again...
The proceed for a new theme would be:
1) make a copy of tp-colors.css into the new theme css folder
2) In that copy you should make the changes you desire (effectively those are the changes you made to the app.css and the theme_colors.css before)
Since you already made changes to the theme...
3) You can then undo your changes to app.css and theme_colors.css
Ok, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.
I added these codes to tp-colors.css
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
Quote from: jsx on February 18, 2024, 01:34:27 PMOk, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.
neither do I... and I have to time to look into that now
1.3.2 - 19 February 2024
- (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues with dark mode or color variants when forum is closed to guests or in maintenance.
Full Changelog: v1.3.1...v1.3.2 (https://github.com/SMFTricks/NameX/compare/v1.3.1...v1.3.2)
Quote from: @rjen on February 18, 2024, 01:59:37 PMQuote from: jsx on February 18, 2024, 01:34:27 PMOk, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.
neither do I... and I have to time to look into that now
Ok, I'm waiting for news.
May take a week or two. On holiday..
You better try to fix it yourself.
I will wait.
Hi
@Diego Andrés do you have any idea?
I'm not really following that discussion too much.
From a quick glance it seems you might be missing to add the variable you want to replace inside the dark.css or target it with the correct attribute like Bugo pointed out in a different post but about variants.
Great theme, just what I was looking for (this or Repulse but I presume the answer will be the same). I need to change the colour scheme (mainly the background and bars) to resemble an outdated phpBB3 forum. Could you please give me a pointer where I need to make the changes? Unfortunately my knowledge is near zero here. It would be much appreciated.
You can edit css/custom/theme_colors.css to modify colors. Use the browser inspector tool to locate the specific things you need/want to change.
For example, you can change this variable value to modify the background color:
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
However, both NameX and Repulse have implications with the variants if you are using them, meaning that the hue would remain as the only change across colors, so you'd need to adjust only the lightness and saturation of the color (if you want to keep using both hsl and variants).
If you don't want to use variants, feel free to replace the entire color with whatever you want, like:
--body-bg: red;
Another (and the best way to do it), is to create a css/custom/custom_edits.css file and overwrite the CSS or variables in there, but this is not required if you don't feel comfortable with all of that stuff.
Quote from: jsx on February 18, 2024, 01:34:27 PMOk, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.
I added these codes to tp-colors.css
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
well, I just did the following
1. Downloaded tp-colors.css from the default theme
2. Added these lines at the bottom of the file
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
3. Uploaded the file into the css folder for the theme: /Themes/NameX_v1.3.2/css
And it works in Dark and in Light mode.
Make sure to blank out these settings..
2024-02-23_224624.jpg
I think in the mobile version, clicking on the "more" button above each post does not work at all
I don't recall a 'more' button, which one are you referring to?
Presumably the one next to quotes, that also has things like report to moderator in it.
Oh, then likely something else broke it on his forum, it should certainly work as it's pretty much the default behavior from the curve2 theme.
Quote from: @rjen on February 23, 2024, 04:45:02 PMwell, I just did the following
1. Downloaded tp-colors.css from the default theme
2. Added these lines at the bottom of the file
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
3. Uploaded the file into the css folder for the theme: /Themes/NameX_v1.3.2/css
And it works in Dark and in Light mode.
Make sure to blank out these settings..
2024-02-23_224624.jpg
rjen I completely forgot about your post, I just checked it now and it works fine. Thank you for your help a few months ago.
Hi
@Diego AndrésIn SMF Packs Shoutbox Pro I want to change the alternating row colors so that one background is the color I want and the other background is a different color. And the change only works for the default SMF 2.1 theme, but it doesn't work for NameX.
This is the code:
.shoutbox_row:nth-child(odd){
background-color: #f6f6f6;
}
.shoutbox_row:nth-child(even){
background-color: #dbdbdb;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(odd){
background-color: #1e1e1e;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(even){
background-color: #454545;Diego, could you help me so that I can change these colors for the shoutbox in NameX?
If those styles are in the shout box CSS file, it's possible they'll always overwrite those styles from the theme.
I start the order of my files in the 200 position, but the default position is 3000 so if the shout box CSS didn't specify a position, it will most likely be in 3000 (after the theme files).
You'll probably need to use !important, or load the shout box file in the theme css folder too.
I added this code with !important to app.css and now the row colors have changed, but the colors don't work when I change to dark mode of the theme.
.shoutbox_row:nth-child(odd){
background-color: #f1f4f0 !important;
}
.shoutbox_row:nth-child(even){
background-color: #cce8c9 !important;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(odd){
background-color: #1e1e1e !important;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(even){
background-color: #454545 !important;
}
I understand that in app.css I should create code like this:
.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
color: var(--tp_shout-textcolor) !important;
To later add code in this style to dark.css so that the dark background for this shoutbox works when I turn on the dark mode of the theme.
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
Can you help me with this?
***
In app.css I added this code:
.shoutbox_row:nth-of-type(odd) {
background: var(--tp_shout-bgodd) !important;
}
.shoutbox_row:nth-of-type(even) {
background: var(--tp_shout-bgeven) !important;
}
.shoutbox_row > span {
color: var(--tp_shout-textcolor) !important;
}
In dark.css I added this code:
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
And it looks like it's working. I turned on the dark theme mode and SMFPacks Shoutbox has a dark theme too.
The shoutbox dark mode will not be dependent of the theme mode because it has its own option.
You'd need to add the dark selectors of the shout box to your dark.css file if you wanted to have them work at the same time regardless of the shout box option.
:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(odd){
background-color: #1e1e1e !important;
}
:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(even){
background-color: #454545 !important;
}
You will need to do some testing to get it the way you expect it, the user would then not have an option to change the color of the shout box.
To get the effect I want, I did it this way:
At the end of the app.css file, I added this code:
.shoutbox_row:nth-of-type(odd) {
background: var(--shoutbox-bgodd) !important;
}
.shoutbox_row:nth-of-type(even) {
background: var(--shoutbox-bgeven) !important;
}
.shoutbox_row > span {
color: var(--shoutbox-textcolor) !important;
}
In the variants.css file I added this code to the existing code for Green:
/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
}
/* Green */
And I added this code in the dark.css file:
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
This way only displays alternating row colors on a green theme:
app.css
.shoutbox_row:nth-child(odd){
background-color: #f1f4f0 !important;
}
.shoutbox_row:nth-child(even){
background-color: #cce8c9 !important;
}
variants.css
/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
}
/* Green */
Unfortunately, the code you gave me doesn't work in dark.css
:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(odd){
background-color: #1e1e1e !important;
}
:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(even){
background-color: #454545 !important;
}
This code also doesn't work in dark.css
.shoutbox_dark_mode .shoutbox_row:nth-child(odd){
background-color: #1e1e1e !important;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(even){
background-color: #454545 !important;
}
I don't know how that MOD works, but I assume .shoutbox_dark_mode implies that the dark mode for the shoutbox is enabled, and that's not the condition case you want, you want to change the color regardless of the shout box option.
I understand Diego, but I only have one more problem, how to set the text in the shoutbox to white when NameX dark mode is turned on. I can't figure it out.
What I have done:
I have added this code in the app.css file:
.shoutbox_row:nth-of-type(odd) {
background: var(--shoutbox-bgodd) !important;
}
.shoutbox_row:nth-of-type(even) {
background: var(--shoutbox-bgeven) !important;
}
.shoutbox_row > span {
color: var(--shoutbox-textcolor) !important;
}
I have added this code in the variants.css file:
/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
}
/* Green */
I have added this code in the dark.css file:
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
I tried to add this line of code to dark.css to change the color of the text in the shoutbox, but unfortunately the text color did not change.
--shoutbox-textcolor: hsl(0, 0%, 90%);
I managed to achieve this effect for SMFPacks Shoutbox Pro:
(https://i.imgur.com/41rIjuO.png)
To achieve this effect in the shoutbox for the NameX theme, I had to use CSS variables:
I added the following code in the app.css file from NameX:
.shoutbox_row:nth-of-type(odd) {
background: var(--shoutbox-bgodd) !important;
}
.shoutbox_row:nth-of-type(even) {
background: var(--shoutbox-bgeven) !important;
}
.shoutbox_row > span {
color: var(--shoutbox-textcolor) !important;
}
.shoutbox_input_bar input {
color: var(--shoutbox-inputbar-textcolor) !important;
border-color: var(--shoutbox-inputbar-bordercolor) !important;
}
In the variants.css file, I added the following code to the current green NameX code:
/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: var(--body-txt-color);
}
/* Green */
I added the following code in the dark.css file:
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--shoutbox-bgeven: var(--body-bg);
--shoutbox-textcolor: #b3b3b3;
--shoutbox-inputbar-textcolor: #b3b3b3;
--shoutbox-inputbar-bordercolor: #1c5a16;
(https://i.imgur.com/7wqOfbw.png)
My friend found out that SMFPacks Shoutbox Pro currently does not have a dark mode and this will not change in the near future, as mentioned by the author of the mod.
Hi, we have been running a test board with this theme for a few weeks, in preparation for eventual migration to a main host server.
The host we have been using has updated their server, and we now cannot access the forum, with an error message displayed: Theme_template_error
Any ideas on how this could be resolved?
Do you have any other issues?
Try using {forum_url}/index.php?theme=1 to enable the default theme, and check your error log.
At the moment we can't access the forum UI at all. I'll try that, thanks.
Quote from: Diego Andrés on June 06, 2024, 02:51:13 PMDo you have any other issues?
Try using {forum_url}/index.php?theme=1 to enable the default theme, and check your error log.
That seems to have worked. Full access now available. Not sure what the problem was, but many thanks. :)
Alright, glad that helped.
Make sure you check other themes/mods installed to make sure everything works fine. ?theme=1 will only enable the default theme for your session, not globally so other might still have issues you could try switching themes back and fort.
Actually, it's not fixed. :(
Like you said, it only works for the session, and I can't get it to work at all with a different browser (Opera).
What PHP version is the theme compatible with?
I tested PHP 8.0 and 8.1 afaik.
What version are you using?
I believe it's.PHP: 7.1.33, but I could be mistaken
I just logged out then couldn't log back in again, as I was getting the template error, then I tried using the normal URL and managed to log in. Haven't a clue what's going on, but it appears possibly server related. I've got someone who knows more about this stuff looking into it, so if you're interested, I'll update this when I find out more.
Right, you'll need at least PHP 8.0 for NameX.
Hi Diego. SMFPacks Shoutbox does not display NameX graphics in these places. Is there any way to set NameX graphics to display in these places? Can you help me with this?
(https://i.imgur.com/sEXYFrA.png)
(https://i.imgur.com/drYXa6B.png)
The blue NameX graphic is displayed in the Popup Shoutbox or Moderation Panel:
(https://i.imgur.com/mfG1vmP.png)
So I don't know why the NameX graphic isn't displayed in those places.
The template is probably loading the css/js files individually.
It should use template_css and template_javascript functions.
I understand that this bug should be reported to the author of SMFPacks Shoutbox?
Yes, but it's an assumption since I haven't seen the code.
1.4 - 30 June 2024
- (https://camo.githubusercontent.com/fbfc68987b8b78efac4529f002f4c3def955bd6e1a4af301721b0df48568896e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/fbfc68987b8b78efac4529f002f4c3def955bd6e1a4af301721b0df48568896e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Changed the memberlist layout.
- (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Replaced 'Auto' color mode with 'System'.
- (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Code improvements for 'Theme Customs'
Full Changelog: v1.3.2...v1.4 (https://github.com/SMFTricks/NameX/compare/v1.3.2...v1.4)
Note: The update is essentially improvements to the code. You can take your time updating, no need to do it right away as there were many changes. As always, remember that the /themecustoms folder can be replaced in it's entirety.
Most files can be certainly replaced without issue if you didn't edit them or no MODs affected them. Only observations for those interested:
- The data-attributes for variants and dark mode changed:
- data-themecolor is now data-variant
- data-colormode is now data-mode (and now you need to use both :root[data-mode="dark"] and :root[data-mode="system"] to target dark styles.
Can I get such a link that shows the exact changes in the files?
(https://i.imgur.com/QbIJg59.png)
Example:
https://github.com/SMFTricks/NameX/compare/v1.3.1...v1.3.2
It's linked in the post, click on the Files changed tab:
https://github.com/SMFTricks/NameX/compare/v1.3.2...v1.4
Thanks for the information, those github files confused me and I thought there was information only about .github files in this tab, example: .github/FUNDING.yml
What is the compat folder that has css files inside? What is this needed for?
Will the changes I have made in custom/app.css, dark.css, variants.css work in NameX 1.4?
Quote from: jsx on July 02, 2024, 09:35:33 AMWhat is the compat folder that has css files inside? What is this needed for?
Not used in NameX, it's just a shared set of files for my themes.
Quote from: jsx on July 02, 2024, 09:35:33 AMWill the changes I have made in custom/app.css, dark.css, variants.css work in NameX 1.4?
Yes, sent you some info in the PM, it's all described in the note from the release post.
Hi Diego,
I've been running NameX on my forum since upgrading to 2.1.14 (still think it;s fab!) but have just hit an issue which I'm pretty sure was due to turning on (and off) the Recaptcha within Admin. I may be wrong and it may be a coincidence but the timing of the issue is uncanny.
Anyway, I posted in the 2.1 support forum before realising that the issue only presents itself on the theme and is fine if I revert back to the default SMF theme. It's a weird one...
https://www.simplemachines.org/community/index.php?topic=589357.0
Any ideas on where to look for a solution greatly appreciated. The topic is also still live on 2.1 support but suspect it will get closed down as it is theme specific.
Many many thanks
There isn't anything in the theme that directly interacts with the captcha, I'm unsure about the issue you're facing.
It could also be an issue caused by a MOD that somehow isn't installed in the theme. Not much information to diagnose the issue.
Are you running PHP 8+? The theme wasn't compatible with PHP 7.4 in the last update, I don't recall if previous versions had any issue.
One way to confirm it as a theme issue would be if you install either Repulse or Endar themes (just for testing, you can delete them afterwards), they all use the same code 'library'. However the issue is that all theme were also recently updated, including NameX, so wouldn't be an accurate test if your NameX theme using a previous version.
Thanks Diego,
I installed the latest version just to check it wasn't my older one and same issue. My server tech guy says doubling the PHP memory allocation didn't fix the issue but quadrupling it did! He thinks that is excessive though and it's not needed for the default theme.
We are running PHP 7.4 and although we haven't had an issue with the prior version of NameX for overf a year I suspect you are right and it is a combination of the Tiny Portal mod and the theme causing an issue.
WIll keep looking but may need to revert back to an alternative theme.
Should try using PHP 8 then, the theme won't work in PHP 7.4
1.4.1 - 09 August 2024
- (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Improved yellow variant for Dark Mode.
- (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/d67bffe1a5f2e4fc46cd52a5f626082e625548a02e20135afb234dfe3c26c762/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) HTML attributes definition.
- (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues with the defaults for Variants and Dark Mode.
- (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues with the data attributes for the Variants and Dark Mode.
Full Changelog: v1.4...v1.4.1 (https://github.com/SMFTricks/NameX/compare/v1.4...v1.4.1)
1.4.2 - 10 August 2024
- (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/7105233284f12b43575ce677d04770202bc59b3e8c82040bd9b2ae76d045ccae/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issue with minification of CSS and JS files.
Full Changelog: v1.4.1...v1.4.2 (https://github.com/SMFTricks/NameX/compare/v1.4.1...v1.4.2)
Diego I noticed on the smf.pl forum in a thread that the theme is broken. What could be the cause?
(https://i.imgur.com/XlQh22p.png)
https://www.smf.pl/index.php/topic,13143.0.html
Looks like there are some code tags inside other code tags? I wouldn't know.
If you can figure out what part of the post causes it I can try to reproduce it and fix it.
This code embedded in the code tag causes this bug:
<?php phpinfo(); ?>
Is it only that causing the issue?
I tried it on a clean board and it doesn't break anything, perhaps a MOD is causing it?
When I removed this code from this topic, this bug did not appear. But it is possible that bug is in NameX 1.2.2, from what I see smf.pl uses NameX version 1.2.2, it is quite an old version of the theme.
Hello,
@Diego Andrés I am trying to switch to the current version. (v1.2.7 to v1.4.2) How to add "class" between the code
v1.4.2 boardindex template;
<div class="board_icon">
', function_exists('template_bi_' . $board['type'] . '_icon') ? call_user_func('template_bi_' . $board['type'] . '_icon', $board) : template_bi_board_icon($board), '
</div>
I used v1.2.7 boardindex template;
function template_bi_board_icon($board)
{
global $context, $scripturl;
echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class=" w', $board['id'], ' board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}I add board icons with class="w'
Yes, you're looking at it correctly.
Add it before the 'w', mind the space which is already present so add it after the double quotes.
class="board_icon w...
I think I'm doing something wrong
'" class=" w', $board['id']
How can I add the class code to the code below?
v1.4.2
<div class="board_icon">
', function_exists('template_bi_' . $board['type'] . '_icon') ? call_user_func('template_bi_' . $board['type'] . '_icon', $board) : template_bi_board_icon($board), '
</div>
The version I used in the old version (v1.2.7);
function template_bi_board_icon($board)
{
global $context, $scripturl;
echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class=" w', $board['id'], ' board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}
Did you edit it before or what is it you're trying to do?
If it's not edited you could just replace the files.
If you're adding a custom class selector, you can do that in the same div, the updated theme simply prints the content, the wrappers are what you see in the BoardIndex.template.php
Thanks
@Diego Andrés <div class="board_icon">
<div class="board_icon">
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class=" w', $board['id'], ' board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>
</div>
Hello,
I see theme responsive.css Not Found error active forum. I did a new installation local host to be sure, the same error appeared.
Nice catch, I will fix it in the upcoming patch early next week.
I think I'm on my lucky day ;D
There is one more problem, it took some time to be sure.
I'm not sure if it's a theme or smf issue. (
Tested on active site and local host)
If guest can send messages, the avatar on the home page is taken from the images in the topic (random)
Thans
@Diego Andrés
Can you try disabling the avatar on boards in the theme settings?
If it's related to this setting, you might've discovered an SMF bug ;D
I tried yes smf bug. 👍
Alright, I'll do some testing see if I can reproduce it on the default theme, it's probably related to the avatars query.
Quote from: gevv on April 06, 2025, 10:04:17 AMI tried yes smf bug. 👍
Confirmed SMF bug, not theme issue.
1.4.3 - 9 April 2025
- (https://camo.githubusercontent.com/4aeb2d31d99d8146f3989640e020bd04a807a80a460a31a66a05bebbcf4c24f5/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/4aeb2d31d99d8146f3989640e020bd04a807a80a460a31a66a05bebbcf4c24f5/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated FontAwesome to version 6.7.2.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issue with sceditor popovers size.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issues some dropdown menus positioning.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed the correct loading order for the main CSS file.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Minor fixes, code formatting and cleanup.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed issue with theme modes causing undefined errors.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Prevent sceditor from loading empty styles files.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Added additional checks for certain JS events.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed typos for some icons selectors.
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed minor styling and color issues.
- (https://camo.githubusercontent.com/4aeb2d31d99d8146f3989640e020bd04a807a80a460a31a66a05bebbcf4c24f5/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/4aeb2d31d99d8146f3989640e020bd04a807a80a460a31a66a05bebbcf4c24f5/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Added a 'download/s' icon.
- (https://camo.githubusercontent.com/e39594ab8f8dce89b7a68ae58d8239fa8cc41f689deb411cdb77ef025f066415/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6c616e67756167652e706e67) (https://camo.githubusercontent.com/e39594ab8f8dce89b7a68ae58d8239fa8cc41f689deb411cdb77ef025f066415/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6c616e67756167652e706e67) Updated translations.
- (https://camo.githubusercontent.com/f49e4ad186a192663bf6f69388f46ad575628144d8114c977fa4606e7c02a2ba/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/f49e4ad186a192663bf6f69388f46ad575628144d8114c977fa4606e7c02a2ba/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Added Threads and BlueSky social options.
Full Changelog: v1.4.2...v1.4.3 (https://github.com/SMFTricks/NameX/compare/v1.4.2...v1.4.3)
Thank you for your efforts 👍
1.4.4 - 12 April 2025
- (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/113afb2e7f9d4d8b36379c0a92880d3a837c1b2d96b7119d910211e674d40ac7/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed layout issues in Who's Online
Full Changelog: v1.4.3...v1.4.4 (https://github.com/SMFTricks/NameX/compare/v1.4.3...v1.4.4)