News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Smf 2.1 Steyle V1

Started by webtiryaki, August 04, 2022, 06:35:12 PM

Previous topic - Next topic

webtiryaki

Link to the theme


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/

TwitchisMental

This theme looks fantastic! Great Work !

Kootch

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!

webtiryaki

#3
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

savo

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.

webtiryaki

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;
}

Kootch

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. 


u43hvs

I very much appreciate this theme. So I used this for my community.

https://forum.waarneming.nl/index.php [nofollow]

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 [nofollow]
They would like to turn off the quick reply option.
Can you give me tips to accomplish this ?
With kind greetings from the Netherlands, Hisko de Vries

Dave J

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

If you want quizzes to add to the new SMF2.1 quiz mod go here . There are also walkthroughs in the forum to explain how to install them and other tips.

Wellwisher

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.

webtiryaki

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
You cannot view this attachment.

Open the theme's index.css

find

/* f-icon */
code to add

.fa-SMFQuiz:before {
    content: "\f059"; Select and add icon from this address
}

Dave J

If you want quizzes to add to the new SMF2.1 quiz mod go here . There are also walkthroughs in the forum to explain how to install them and other tips.

Tklad

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
hxxp:prnt.sc/9O_UYHBAesrQ [nonactive]
SCeditor doesn't work even on creating a new topic.
Thank you!

Mightymax44

La connaissance, c'est partager le savoir qui nous fait grandir.

Tklad


Mightymax44

hi, you are clean the cache?
La connaissance, c'est partager le savoir qui nous fait grandir.

Tklad


Edwar Colt

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???


Edwar Colt

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>

webtiryaki

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

Edwar Colt

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

ReyAlmeja

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.


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



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.



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.



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)
"Aprendiz del sexo y de php"...

webtiryaki

Hello, this is a special design, instead of the new phrase, the icon and text are colored as in the picture.

You cannot view this attachment.

This applies to the second question.

You cannot view this attachment.

the other question is not about the theme

responsive.css

find delete

.user_info li, .custom_fields_above_member {
    display: none;
}

ReyAlmeja

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.

ww.png

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.



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.



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)
"Aprendiz del sexo y de php"...

webtiryaki

Theme Updated
Added MessageIndex.template.php.
Some bugs fixed.

ReyAlmeja

#25
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


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




I hope you can verify what happens with the download of the Theme, thank you.  8)
"Aprendiz del sexo y de php"...

ReyAlmeja

#26
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




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)
"Aprendiz del sexo y de php"...

vicente127

#27
Hello,

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

webtiryaki

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%;
}

Greyhound

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!

nonamee

Quote from: webtiryaki on August 04, 2022, 06:35:12 PMLink to the theme


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.

hxxp:webtiryaki.com/ [nonactive]

Hi,

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

This is an example of how I want it:




Steve

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
DO NOT pm me for support!

nonamee

#32
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.

Dorin1

Hello, I have a problem, I tried to remove this blue border. I did not succeed. does anyone know where it is?


You cannot view this attachment.

ontime

#34
Hi,Beautiful Themes they are wonderful themes, I have several of the themes so users can select there own THEME at FWECLAN.COM  , however in all the themes developed for SMF developed by Theme Developer 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   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 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 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
   

nclmccain

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!

Advertisement: