Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: webtiryaki on August 04, 2022, 06:35:12 PM

Title: Smf 2.1 Steyle V1
Post by: webtiryaki on August 04, 2022, 06:35:12 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=3002)
(https://custom.simplemachines.org/index.php?action=download;theme=3002;attach=282666;image;thumb)

Check one of the best themes for all Forum communities. You can find here many special functions which will make for forums look better and give fantastic user experience.

https://webtiryaki.com/ (https://webtiryaki.com/)
Title: Re: Smf 2.1 Steyle V1
Post by: TwitchisMental on August 08, 2022, 04:12:11 PM
This theme looks fantastic! Great Work !
Title: Re: Smf 2.1 Steyle V1
Post by: Kootch on September 29, 2022, 09:50:45 AM
Hi Webtiryaki, I've installed and love the look.

Is there a way to use a logo instead of just the website name? I notice on mobile it nowhere lists the website name?

I'd like to replace a few icons on the main board view - the orange bubble icons showing if there are new posts in that board. What are the image names of those two?

Thanks!
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on September 29, 2022, 09:56:28 AM
Quote from: Kootch on September 29, 2022, 09:50:45 AMHi Webtiryaki, I've installed and love the look.

Is there a way to use a logo instead of just the website name? I notice on mobile it nowhere lists the website name?

I'd like to replace a few icons on the main board view - the orange bubble icons showing if there are new posts in that board. What are the image names of those two?

Thanks!

Reorganized for those who want to use graphic logo and tex logo.

wrong file use this
Title: Re: Smf 2.1 Steyle V1
Post by: savo on September 29, 2022, 02:04:14 PM
I'm also using this theme on the forum I maintain.  I updated to SMF 2.1.2 and wasn't able to re-use the previous theme.

Would it be possible to know where I need to go to change the color of the header and menu bars?  I would like to match the colors to the Wordpress site that is associated to my forum.  I looked in the index.css file and played with some of the settings but couldn't find the right one.
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on September 30, 2022, 01:20:07 AM
Quote from: savo on September 29, 2022, 02:04:14 PMI'm also using this theme on the forum I maintain.  I updated to SMF 2.1.2 and wasn't able to re-use the previous theme.

Would it be possible to know where I need to go to change the color of the header and menu bars?  I would like to match the colors to the Wordpress site that is associated to my forum.  I looked in the index.css file and played with some of the settings but couldn't find the right one.

you need to edit these colors

.horizontal-menu.semi-dark {
    --sidebarbg: #334f7f;
    --sidebarcolor: rgba(255,255,255,0.8);
    --sidebarbordercolor: rgba(72, 94, 144, 0.16);
    --sidebaractivecolor: #4c75f2;
    --sidebarheadingcolor: #6c757d;
    --dropdowncolor: #6c757d;
    --sidebarheadingbackground: #fafafa;
    --logobg: #060818;
    --logocolor: rgba(255,255,255,0.8);
    --headerbordercolor: rgba(255,255,255,0.16);
    --headerbackground: #1e3d73;
    --headercolor: rgba(255,255,255,0.8);
    --searchcolor: #fff;
    --bodybackground: #fafafa;
}
Title: Re: Smf 2.1 Steyle V1
Post by: Kootch on October 02, 2022, 01:26:51 PM
Maybe it's just a settings thing, but I can't find it...

I posted an item in the News area, and it shows up double all the time. It's the QUICK LINKS: stuff. 

(https://tmlfans.ca/couchman/SMF-Double-News.png)
Title: Re: Smf 2.1 Steyle V1
Post by: u43hvs on October 08, 2022, 04:56:48 AM
I very much appreciate this theme. So I used this for my community.

https://forum.waarneming.nl/index.php

The users have some "complaints":
They miss the Linktree on de top of each page.
They would like to have a different link behind the title text Waarneming.nl
They would like to turn off the quick reply option.
Can you give me tips to accomplish this ?
Title: Re: Smf 2.1 Steyle V1
Post by: Dave J on February 04, 2023, 03:53:21 AM
Hi,

There seems to be an issue with some mods icons not being displayed in the menu, see attachments.

I have uploaded the icons to both the themes images folder and the images/icons folder but still no show. This doesn't happen for all mods but it does happen for 'Downloads', 'Quiz' and 'Logout' as you can see from my main site.

As you will see they're working OK in the default curve theme.

Any help is appreciated

Title: Re: Smf 2.1 Steyle V1
Post by: Wellwisher on March 12, 2023, 06:35:42 PM
One of the more professional looking themes I've seen in a while. Great job, I can see a lot of hard work has gone into this.
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on March 13, 2023, 12:30:47 PM
Quote from: Dave J on February 04, 2023, 03:53:21 AMHi,

There seems to be an issue with some mods icons not being displayed in the menu, see attachments.

I have uploaded the icons to both the themes images folder and the images/icons folder but still no show. This doesn't happen for all mods but it does happen for 'Downloads', 'Quiz' and 'Logout' as you can see from my main site.

As you will see they're working OK in the default curve theme.

Any help is appreciated



Hi, right click on it to add missing icons

get the fa code there

well
fa-SMFQuiz
f-icon.png

Open the theme's index.css

find

/* f-icon */
code to add

.fa-SMFQuiz:before {
    content: "\f059"; Select and add icon from this address (https://fontawesome.com/v5/search)
}
Title: Re: Smf 2.1 Steyle V1
Post by: Dave J on March 13, 2023, 01:43:13 PM
Thank you
Title: Re: Smf 2.1 Steyle V1
Post by: Tklad on April 01, 2023, 10:51:51 AM
Hello,
I'm trying to install the on my 2.1.3 SMF Forum. Installation & setup goes well but my SCEditor doesn't show the icons, for example
https://prnt.sc/9O_UYHBAesrQ (https://prnt.sc/9O_UYHBAesrQ)
SCeditor doesn't work even on creating a new topic.
Thank you!
Title: Re: Smf 2.1 Steyle V1
Post by: Mightymax44 on April 01, 2023, 11:27:50 AM
Hi,
https://www.simplemachines.org/community/index.php?topic=585545.msg4149477#new
Title: Re: Smf 2.1 Steyle V1
Post by: Tklad on April 03, 2023, 02:52:14 AM
Quote from: Mightymax44 on April 01, 2023, 11:27:50 AMHi,
https://www.simplemachines.org/community/index.php?topic=585545.msg4149477#new

Good morning and thanks for your answer!
I did the rename you mention but I got the same result.
Title: Re: Smf 2.1 Steyle V1
Post by: Mightymax44 on April 03, 2023, 02:54:37 AM
hi, you are clean the cache?
Title: Re: Smf 2.1 Steyle V1
Post by: Tklad on April 03, 2023, 03:05:33 AM
Quote from: Mightymax44 on April 03, 2023, 02:54:37 AMhi, you are clean the cache?
Yep I did it
Title: Re: Smf 2.1 Steyle V1
Post by: Edwar Colt on April 08, 2023, 03:42:11 PM
This theme has the same issue as the other version 2.1 Steyle-V4 Dark theme regarding some icons.

I still haven't found how to change the name of the menu icons, but after looking more closely at the code for this theme, I found the following situation: the icons that do not appear after installing some modifications, do not actually exist in the fonts library.

Example: in this case, the name of two icons that are in the menu, do not actually appear, but they appear being called in the code, but with a non-existent name.

<i class="fa fa-gallery fa-lg"></i> (>fa-gallery< does not exist)
these two icons do not exist, but they are called.
<i class="fa fa-pages fa-lg"></i> (>fa-pages< does not exist)

I believe that any other errors related to the menu icons of this theme may have the same error in the call.

Let's imagine that we just want to replace the icons that appear next to the ones that have problems.

In the images we can see the non-existent name of the icons that are not appearing in the menu.

Note that when I called the icons that appear in the quoted code in the post, only github and home appeared, the two with wrong names were just a space between them.

The question is:
How to change menu icons name in this Smf 2.1 Steyle V1 theme???

Title: Re: Smf 2.1 Steyle V1
Post by: Edwar Colt on April 08, 2023, 03:53:07 PM
This icon also does not exist with this name in Font Awesom

> fa-SMFQuiz < does not exist

<i class="fa fa-SMFQuiz fa-lg"></i>
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on April 08, 2023, 04:08:43 PM
Quote from: Edwar Colt on April 08, 2023, 03:53:07 PMThis icon also does not exist with this name in Font Awesom

> fa-SMFQuiz < does not exist

<i class="fa fa-SMFQuiz fa-lg"></i>

https://www.simplemachines.org/community/index.php?msg=4147808
Title: Re: Smf 2.1 Steyle V1
Post by: Edwar Colt on April 08, 2023, 04:57:54 PM
Quote from: webtiryaki on April 08, 2023, 04:08:43 PM
Quote from: Edwar Colt on April 08, 2023, 03:53:07 PMThis icon also does not exist with this name in Font Awesom

> fa-SMFQuiz < does not exist

<i class="fa fa-SMFQuiz fa-lg"></i>

https://www.simplemachines.org/community/index.php?msg=4147808

Yes, now it works..

Thank you very much
Title: Re: Smf 2.1 Steyle V1
Post by: ReyAlmeja on April 21, 2023, 04:06:52 AM
Hello everyone!

SMF VERSIÓN: 2.1.3
THEME: Steyle_V1


I have two questions regarding the Theme :laugh: .

1. What happens is that I can't see the "New Topic" Icon in the Subforums of my Forum. I leave a screenshot so you can see.
(https://i.postimg.cc/mkXfxLyR/Problemas-Theme-Steyle-V1-01.png)

In normal Forums, this icon is displayed :) correctly.

(https://i.postimg.cc/W1Rjs3Pb/Problemas-Theme-Steyle-V1-02.png)

Where do I have to move or what file to edit to be able to display the icon without problem? Apparently the Index.css is edited but I need you to tell me if this is the case and where or which line.

2. And the second question is that when viewing my Forum with this Theme from my Computer or PC, all its features, the Avatar and the Rank images in the posts, are very good.

This is how you look from the PC or computer, the Avatar and the Rank image or plate look correct.

(https://i.postimg.cc/pTNRLLjB/Problemas-Theme-Steyle-V1-03.png)

But when viewing my Forum from my Smartphone or cell phone, neither :( the image of the Avatar nor the image of the Rank can be seen.

(https://i.postimg.cc/DwJk39Zh/Problemas-Theme-Steyle-V1-04.png)

Where would I have to modify or add something to be able to see the Avatar and Profile Rank when viewing my Forum from the Cell Phone?


I hope you can help me and I thank you in advance for your support and possible solutions to my questions.

A hug from Mexico to the whole band that continues to use SMF  8)
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on April 21, 2023, 04:46:44 AM
Hello, this is a special design, instead of the new phrase, the icon and text are colored as in the picture.

ww.png

This applies to the second question.

wa.png

the other question is not about the theme

responsive.css

find delete

.user_info li, .custom_fields_above_member {
    display: none;
}
Title: Re: Smf 2.1 Steyle V1
Post by: ReyAlmeja on April 21, 2023, 02:38:51 PM
Quote from: webtiryaki on April 21, 2023, 04:46:44 AMHello, this is a special design, instead of the new phrase, the icon and text are colored as in the picture.

(https://www.simplemachines.org/community/index.php?action=dlattach;attach=286535)

This applies to the second question.

Hello webtiryaki!

I thank you first of all for taking the time to respond to the questions :laugh: I asked.

In the first question :o there was a confusion, I did not let myself be understood, just as you share with me in your captures the Subforums are displayed with the shaded color on the cover of my Forum when there is a new topic, when there is no new topic the titles of the subforums appear Unshaded subforums as in the screenshot.

(https://i.postimg.cc/Hxbfcfr5/No-Se-Ve-Icono.png)

What I want to know is why when I click on the category of my Forum, for example the one that appears in the screenshot and says "• Avisos y Editoriales •" precisely to enter its Subforums section, the Icon does NOT appear next to me left as in the screeshot, it just doesn't show up.

(https://i.postimg.cc/KjvJGVBm/No-Se-Ve-Icono2.png)

That is my question. I hope I have been clear so that there is no confusion on the issue.

My second question to see the Avatar and the Rank from the SmarthPhone has been solved. They are already displayed when browsing from the cell phone. Just deleting the lines of the Responsive.css file that you kindly indicated to me.

Thank you :) very much and I hope you support me on my first question.

Greetings and waiting for your kind answers 8)
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on April 22, 2023, 02:52:13 AM
Theme Updated
Added MessageIndex.template.php.
Some bugs fixed.
Title: Re: Smf 2.1 Steyle V1
Post by: ReyAlmeja on April 22, 2023, 05:53:47 PM
Quote from: webtiryaki on April 22, 2023, 02:52:13 AMTheme Updated
Added MessageIndex.template.php.
Some bugs fixed.

Hi webtiryaki!

:( Unable to download theme update. When trying to download from the official link in SMF.
https://custom.simplemachines.org/index.php?theme=3002
(https://i.postimg.cc/qBLTdk3h/No-Download-Theme.png)

Some time later the .zip could be downloaded, but there were no files when trying to extract them. It marked the folder with 0 bytes

(https://i.postimg.cc/Ls6L4k4K/No-Download-Theme2.png)


I hope you can verify what happens with the download of the Theme, thank you.  8)
Title: Re: Smf 2.1 Steyle V1
Post by: ReyAlmeja on April 28, 2023, 02:46:25 AM
Hello again  ;D

I was able to download the Theme with the latest update. Just to solve my first problem, which was that I couldn't see the Icon of the Sub-forums, I was uploading the new file that you added from "MessageIndex.template.php" by ftp to my Theme folder, with this new file the problem was corrected. Error of my first question that was not being able to see the icons of the Sub-Forums.

You can already see them when you enter, here I leave my screenshot

(https://i.postimg.cc/GhMfWKny/Ya-Se-Ve-Icono.png)


With this I consider my two questions that I had about this excellent Theme resolved, a rating of 10 for the Theme, for webtiryaki and the entire team that has done a great job :)

Greetings to the designer band and the SMF team 8)
Title: Re: Smf 2.1 Steyle V1
Post by: vicente127 on September 20, 2023, 01:21:45 PM
Hello,

I would like to know how to make the forum wider, is it possible?
 
Title: Re: Smf 2.1 Steyle V1
Post by: webtiryaki on September 21, 2023, 11:27:05 AM
Quote from: vicente127 on September 20, 2023, 01:21:45 PMHello,

I would like to know how to make the forum wider, is it possible?
 

Hello, find and edit index.css

#top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap, #main_menu .inner_wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}
Title: Re: Smf 2.1 Steyle V1
Post by: Greyhound on November 10, 2023, 11:59:33 AM
Just downloaded this and it looks nice. 

Quick question.

Is it possible to move the forum stats, recent topics and users online that are on the right side (basically all the things on the right of the forum) to the bottom of the forum?

Thanks!
Title: Re: Smf 2.1 Steyle V1
Post by: nonamee on November 23, 2023, 07:19:05 AM
Quote from: webtiryaki on August 04, 2022, 06:35:12 PMLink to the theme (https://custom.simplemachines.org/index.php?theme=3002)
(https://custom.simplemachines.org/index.php?action-download;theme=3002;attach=282666;image;thumb)

Check one of the best themes for all Forum communities. You can find here many special functions which will make for forums look better and give fantastic user experience.

https://webtiryaki.com/ (https://webtiryaki.com/)

Hi,

Is there any possibility of changing the sidebar position to the bottom?

This is an example of how I want it:



Title: Re: Smf 2.1 Steyle V1
Post by: Steve on November 23, 2023, 07:41:38 AM
Don't know if it will be the same for this theme but have a look here:

https://www.simplemachines.org/community/index.php?msg=4145247
Title: Re: Smf 2.1 Steyle V1
Post by: nonamee on November 23, 2023, 08:53:29 AM
Thank you I just add this CSS.

.p-body-main {
   
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

And it works.

But in order for that sidebar to have a full width, this CSS is required.

#info_center {
   
    width: 100%;
}

But how to achieve this option for new posts/themes ? I sent the image in a previous post.
Title: Re: Smf 2.1 Steyle V1
Post by: Dorin1 on December 12, 2023, 10:02:31 AM
Hello, I have a problem, I tried to remove this blue border. I did not succeed. does anyone know where it is?


Screenshot_2.png
Title: Re: Smf 2.1 Steyle V1
Post by: ontime on January 03, 2024, 02:13:10 PM
Hi,Beautiful Themes they are wonderful themes, I have several of the themes so users can select there own THEME at FWECLAN.COM (https://www.fweclan.com/smf)  , however in all the themes developed for SMF developed by Theme Developer (https://webtiryaki.com/) there is a issue where you have to add your own icons in the menu, I followed the recent post instructions https://www.simplemachines.org/community/index.php?topic=583195.msg4147808#msg4147808 (https://www.simplemachines.org/community/index.php?topic=583195.msg4147808#msg4147808)   edit the theme, Open the theme's index.css and look for this code /* f-icon */ and add this code   .fa-SMFQuiz:before
    content: "\f059" Select and add icon from this address icons (https://fontawesome.com/v5/search) this does not work when you edit from like filezilla and edit the themes Themes/Steyle_V4/css/index.css, you cannot find the exact scripts this way.

The easier way to find what to edit is, open the,Themes/Steyle_V4/css/index.css Edit Look for  /* f-icon */ right below this you will see menu Items example, .fa-forum:before, .fa-contact:before, .fa-signup:before, .fa-help:before, ETC, FOR EXAMPLE  copy fa-contact: there are 3 lines of code paste just above or below that line of code,then edit that code then go to  Icons (https://fontawesome.com/v5/search) to get your icon, search for your icon find the one you want click on it you will then see a download popup when you see the popup copy the "unicode number" right beside the "download button", for example  edit the line that says content: "\f573 <--- change that number with your new unicode number save and edit.

Themes that I had to add a gallery icon, and download icon.
Peacock Theme
USI  Theme
Steyle_v1 Theme
Steyle_v2 Theme
Steyle_v4 Theme
Pelikan   Theme

Thank You {FWE}Ontime
   
Title: Re: Smf 2.1 Steyle V1
Post by: nclmccain on March 06, 2024, 11:26:02 AM
I really like this theme. However, I would like to move the link tree to above the topic lists/posts. How would I go about doing this? Thank you!