FTC Forum

Technical Corner => கணினி மற்றும் தொழில்நுட்ப செய்திகள் - Computer & Technical Informations => Topic started by: SiVa000000 on December 02, 2025, 10:46:53 AM

Title: How to Run SMF Locally for Theme Development / Testing
Post by: SiVa000000 on December 02, 2025, 10:46:53 AM
Step 1 — Install XAMPP
Installing  XAMPP Refer this link
https://friendstamilchat.in/forum/index.php?topic=56554.0 (https://friendstamilchat.in/forum/index.php?topic=56554.0)

Step 2 — Download SMF
https://download.simplemachines.org/ (https://download.simplemachines.org/)
(https://i.ibb.co/YBSMmvRQ/01.png) (https://i.ibb.co/YBSMmvRQ/01.png)

Step 3 — When installing Simple Machines Forum (SMF) locally (or on a server), you must match the PHP version in your XAMPP (or other PHP environment) to what SMF requires — otherwise you will likely see installation or runtime errors.
(https://i.ibb.co/GvhsbqFb/02.png) (https://i.ibb.co/GvhsbqFb/02.png)
(https://i.ibb.co/0jk2R47s/03.png) (https://i.ibb.co/0jk2R47s/03.png)

Step 4 — Start XAMPP & Click Admin Button
(https://i.ibb.co/svj7KNKD/04.png) (https://i.ibb.co/svj7KNKD/04.png)

Step 5 — Check XAMPP PHP Version
(https://i.ibb.co/7thKMSSC/05.png) (https://i.ibb.co/7thKMSSC/05.png)
(https://i.ibb.co/60qJv5f6/06.png) (https://i.ibb.co/60qJv5f6/06.png)

Step 6 — Extract SMF installer zip to XAMMP path
(https://i.ibb.co/4ZXLd6rJ/07.png) (https://i.ibb.co/4ZXLd6rJ/07.png)
(https://i.ibb.co/F4zPtdZM/08.png) (https://i.ibb.co/F4zPtdZM/08.png)

Step 7 — Create new user to acess db
(https://i.ibb.co/d4LJ4fTf/09.png) (https://i.ibb.co/d4LJ4fTf/09.png)
(https://i.ibb.co/SGC8Gdq/10.png) (https://i.ibb.co/SGC8Gdq/10.png)
(https://i.ibb.co/KxfKV486/11.png) (https://i.ibb.co/KxfKV486/11.png)
(https://i.ibb.co/4RWddsmz/12.png) (https://i.ibb.co/4RWddsmz/12.png)
(https://i.ibb.co/63Hhz9j/13.png) (https://i.ibb.co/63Hhz9j/13.png)
(https://i.ibb.co/LhSSmFDQ/14.png) (https://i.ibb.co/LhSSmFDQ/14.png)
(https://i.ibb.co/pjSzqCq2/15.png) (https://i.ibb.co/pjSzqCq2/15.png)

Step 8 — Stat SMF Installer from browser
(https://i.ibb.co/HDq1t3F7/16.png) (https://i.ibb.co/HDq1t3F7/16.png)
(https://i.ibb.co/xZ7xZqt/17.png) (https://i.ibb.co/xZ7xZqt/17.png)
(https://i.ibb.co/n8699QH3/18.png) (https://i.ibb.co/n8699QH3/18.png)
(https://i.ibb.co/zWvYpNdf/19.png) (https://i.ibb.co/zWvYpNdf/19.png)
(https://i.ibb.co/k64NV1zC/20.png) (https://i.ibb.co/k64NV1zC/20.png)
(https://i.ibb.co/MkKqbwWR/21.png) (https://i.ibb.co/MkKqbwWR/21.png)

Step 9 — Take an  db backup
(https://i.ibb.co/chbp7dtC/22.png) (https://i.ibb.co/chbp7dtC/22.png)
(https://i.ibb.co/gMVj9Yqm/23.png) (https://i.ibb.co/gMVj9Yqm/23.png)

Step 10 — SMF Install Completed Test it from browser
(https://i.ibb.co/ccQrvBvj/24.png) (https://i.ibb.co/ccQrvBvj/24.png)


Title: Re: How to Run SMF Locally for Theme Development / Testing
Post by: SiVa000000 on December 02, 2025, 12:25:25 PM
Installing Responsive Themes Test / Develop
Current Theme : https://custom.simplemachines.org/index.php?theme=2228 (https://custom.simplemachines.org/index.php?theme=2228)
Download Theme : https://drive.google.com/file/d/1tTyzPPyzPM0EZnrKi2hSLkfyuNL5e7nb/view?usp=sharing (https://drive.google.com/file/d/1tTyzPPyzPM0EZnrKi2hSLkfyuNL5e7nb/view?usp=sharing)
(https://i.ibb.co/zHRDNtVF/01.png) (https://i.ibb.co/zHRDNtVF/01.png)
(https://i.ibb.co/fYhf4VxD/02.png) (https://i.ibb.co/fYhf4VxD/02.png)
(https://i.ibb.co/bMF0FLqm/04.png) (https://i.ibb.co/bMF0FLqm/04.png)
(https://i.ibb.co/Gvrzng9n/05.png) (https://i.ibb.co/Gvrzng9n/05.png)
(https://i.ibb.co/20V7gx4m/screencapture-localhost-test-index-php-2025-12-02-14-02-07.png) (https://i.ibb.co/20V7gx4m/screencapture-localhost-test-index-php-2025-12-02-14-02-07.png)
(https://i.ibb.co/5hK2KKJN/localhost-test-index-php-action-collapse-c-1-sa-collapse-dbfd7769-b89f448061f21c1b2574b68d132d4316.png) (https://i.ibb.co/5hK2KKJN/localhost-test-index-php-action-collapse-c-1-sa-collapse-dbfd7769-b89f448061f21c1b2574b68d132d4316.png)
(https://i.ibb.co/CshfCKLM/localhost-test-index-php-action-collapse-c-1-sa-collapse-dbfd7769-b89f448061f21c1b2574b68d132d4316-i.png) (https://i.ibb.co/CshfCKLM/localhost-test-index-php-action-collapse-c-1-sa-collapse-dbfd7769-b89f448061f21c1b2574b68d132d4316-i.png) All views Desktop, Tablet, Mobile
Title: Re: How to Run SMF Locally for Theme Development / Testing
Post by: SiVa000000 on December 02, 2025, 02:36:17 PM
Customise - Header colour
(https://i.ibb.co/3Yyh1yrY/header.png)

File Name : Themes\Wgame\css\index.css

Code: [Select]
/*==============================
Header Line No 3190 to 3203
==============================*/
.header_a {
  display: block;
  /* position: fixed; */
  background: linear-gradient(90deg, #100161, #500e6a);
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-box-shadow: 0 2px 26px 0 rgba(133,153,171,0.1);
  box-shadow: 0 2px 26px 0 rgba(133,153,171,0.1);
}


Customise - Footer colour
(https://i.ibb.co/Jjjv9XXs/footer.png)

File Name : Themes\Wgame\css\index.css

Code: [Select]
/*==============================
Main Footer Line No 4059 to 4066
==============================*/
.main-footer {
    background: #615dfa;
    color: #1d2333;
    overflow: hidden;
    z-index: 6;
    padding: 18px 0;
    text-align: center;
}

Customise - Scroll to top button colour
(https://i.ibb.co/v4fvCfTM/to-top.png)

File Name : Themes\Wgame\css\index.css

Code: [Select]
/*==============================
Scroller to top Line No 4077 to 4094
==============================*/
.to-top {
    position: fixed;
    bottom: 60px;
    right: 25px;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #615dfa;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    z-index: 116;
    cursor: pointer;
    display: none;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0,0,0);
}

Customise - Logo image placeholder
(https://i.ibb.co/N287ZjDh/logo-image-placeholder.png)

File Name : Themes\Wgame\css\index.css

Code: [Select]
/*==============================
Logo Image Placeholder Line No 3290 to 3300
==============================*/
.header__logo img {
  display: block;
  height: 70%;
  width: 70%;
}

Open Chrome Inspect

Right-click an item → Inspect
→ Chrome highlights the exact HTML line.
Title: Re: How to Run SMF Locally for Theme Development / Testing
Post by: அனோத் on December 02, 2025, 03:41:02 PM
(https://i.postimg.cc/T1whD32Y/a-high-quality-3d-digital-art-rendering-hk-TIooj-Te-WLa-Ndtmheo4A-z-Ktk8JBd-T-yei-VF1ejd-TWw.png) (https://postimg.cc/8J218Drq)

Dear Siva Anna,

I’m really excited about this project! Our forum is going to get a
major upgrade with a modern interface and amazing
user-friendly features—I can already see that in your updates.

A big salute to you for putting in the effort to make
this much-needed migration happen.
So glad to have you back with a bang, and congratulations,

Anna
Title: Re: How to Run SMF Locally for Theme Development / Testing
Post by: MaiVizhi on December 02, 2025, 04:11:54 PM

Wow awsome work 👏👏👏👏
Really excited to see the Amazing out put🥰🥰🥰
Title: Re: How to Run SMF Locally for Theme Development / Testing
Post by: Thooriga on December 02, 2025, 07:14:03 PM
Hi Mr. Siva hearty congratulations 🎉🎉 for ur hardwork..

I have already seen ur old posts .. u have created many logos for many users in ftc nanumey feel panni iruken chaa namma antha time illama poitomey nu..

I am very happy to see you back again here..  welcome back home mr.siva..

I am so excited to explore your magic in forum..



Title: Re: How to Run SMF Locally for Theme Development / Testing
Post by: Agalya on December 02, 2025, 10:27:48 PM
Naan kooda enna da yepo vandhaalum 000 nu oru id iruke nu notice panen 2 birthday banner a um pathen....kadaisila paatha samooham peria edam a irukeee paaaaa 8)...naan bayandhu oduna c..c++ java tally adhu edhu nu Iruku sari kathukren ungata irundhe note panunga pa note panunga pa pinraru pa pinraru pa (mind voice)...edhelaam enna nu puria sila kaalangal aagum pola.... Inum niraya explore panunga....waiting to see ur magic THALAIVAA 8) 8)....