• Welcome to SMF 2.1 testing warzone. Please login or sign up.
 
Mar 20, 2019, 09:16 am

News:

News 2


Recent posts

Pages 1 2 3 4 5 ... 8
21
General Discussion / bb
Last post by Gwenwyfar - Jul 07, 2018, 10:31 pm
The following is a collection of guides and tutorials about how to create a custom theme for SMF. If you don't know where to start, we recommend viewing the Basic theme guide.

When following those guides, note that little has changed in the creation of themes between 2.0.x and 2.1. Most of the differences are in the themes themselves (curve and curve2).

Creating and understanding themes
Creating multi-style themes
List of templates and their functions

If you have any questions or need help while editing your theme or making a new one, post a new topic here. Remember that the clearer you are, the better we will be able to help you :)

~~

So you want to make a theme (or you already made one!) and want to submit it to the theme site. All themes submitted to the theme site will first go through a review process before they receive an approved status and are shown in searches. If a problem is found during the review, you will be asked to fix it before proceeding. Here's how to get your theme ready:

Required folders
  • css: This folder should have all your custom css files, as well as a copy of rtl.css.
  • images: Images folder containing all images used by your theme.
  • scripts: The theme.js file should be in this folder. You can use this file to add any custom js, or you may add your own files.
  • languages: This should contain the Settings.english.php file, which is where you can edit the description for your theme. You can include other language files for your theme here, but english should always be available. If you are using any custom strings, these can be added in ThemeStrings.english.php. This file will load by default when available.

Required files
  • theme_info.xml: This file contains data about your theme. You can download a template below. Both 2.0.x and 2.1 use the same file. (More about theme_info.xml)
  • license.txt: This file should contain license information for your theme, and any other licensed work you have used in your theme (ex: images). For help with choosing a license, see the wiki page on Customization Licenses and this topic. You can use any license you want to, or write your own license.
  • images/thumbnail.gif: A preview thumbnail of your theme. Preferably, you should use the same size as the default thumbnail.
  • index.php: A copy of the default file.

Theme guidelines
And of course, your theme should comply with the guidelines outlined here.

Packaging
And finally, once you have made your theme, time to package it! For the theme to install correctly, you should package only the root files and folders. Compress it into a .zip or .tar.gz file and it's ready to go. If you package is inside a main folder, your theme will not work.

To submit your theme, simply go to the theme site and post a new theme.


If you have any questions about the approval process or guidelines, you can ask here or send a PM to someone in the customization team.
22
General Discussion / b
Last post by Gwenwyfar - Jul 07, 2018, 06:39 pm
.
23
General Discussion / Re: Images test
Last post by Gwenwyfar - Mar 19, 2018, 12:54 pm


24
General Discussion / Re: Re: asaaaaaaaaaaaaaaaaaaaa...
Last post by Gwenwyfar - Mar 18, 2018, 11:32 am
  • a
Justified
25
General Discussion / Re: Re: asaaaaaaaaaaaaaaaaaaaa...
Last post by Gwenwyfar - Mar 18, 2018, 11:30 am
  • right
  • 1
rightlist
26
General Discussion / Re: Re: asaaaaaaaaaaaaaaaaaaaa...
Last post by Gwenwyfar - Mar 18, 2018, 11:28 am

  • bla
27
General Discussion / Re: Re: Re: asaaaaaaaaaaaaaaaa...
Last post by Gwenwyfar - Mar 18, 2018, 11:28 am
  • normal list
    • numeric
28
General Discussion / Re: Re: asaaaaaaaaaaaaaaaaaaaa...
Last post by Gwenwyfar - Mar 18, 2018, 11:21 am
844201bla
29
General Discussion / Re: Images test
Last post by Gwenwyfar - Mar 18, 2018, 11:04 am
Quote from: Gwenwyfar on Mar 18, 2018, 11:02 am
Quote/* A code block - maybe PHP ;) */
.bbc_code {
 display: block;
Quotefont-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
 font-size: 0.75em;
 background: #f3f3f3;
/* A code block - maybe PHP ;) */
.bbc_code {
display: block;
font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
font-size: 0.75em;

border: 1px solid #dfdfdf;


30
General Discussion / Re: Images test
Last post by Gwenwyfar - Mar 18, 2018, 11:02 am
/* A code block - maybe PHP ;) */
.bbc_code {
display: block;
font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
font-size: 0.75em;
background: #f3f3f3;
border: 1px solid #dfdfdf;
border-top: 2px solid #bbb;
border-bottom: 3px solid #aaa;
border-radius: 2px;
margin: 1px 0 6px 0;
padding: 3px 12px;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 6 lines. */
resize: vertical;
}
/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader {
color: #666;
font-size: 0.9em;
padding: 0 2px;
}
Quote/* A code block - maybe PHP ;) */
.bbc_code {
   display: block;
   font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
   font-size: 0.75em;
   background: #f3f3f3;
   border: 1px solid #dfdfdf;
   border-top: 2px solid #bbb;
   border-bottom: 3px solid #aaa;
   border-radius: 2px;
   margin: 1px 0 6px 0;
   padding: 3px 12px;
   overflow: auto;
   white-space: nowrap;
   /* Show a scrollbar after about 6 lines. */
   resize: vertical;
}
/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader {
   color: #666;
   font-size: 0.9em;
   padding: 0 2px;
}

Pages 1 2 3 4 5 ... 8