1 Topic by RomanArt (edited by RomanArt 2014-02-07 04:25:07)

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Topic: Video Tutorial - How to create Theme for MonstraCMS

Hello everyone im glad to present to you my new video tutorial about creating Themes for MonstraCMS.
Hope you enjoy it, i try my best to explane everything i could remember smile

p/s sorry for my english, im Russian smile

Info about video:
I attached .zip file with html theme and monstra theme
44 mins long, i could not make it less =/
there are could be questions u can ask in this topic


Watch in HD smile


(Better install theme on fresh MonstraCMS, it has menu files pages files etc)
How to install monstra theme:
Move all files from folder "MONSTRA-CMS Theme" to your server: www/
Admin panel - Extends - Themes - Site theme - Select theme - tut001 - Save wink

http://monstrapro.com/public/uploads/themes/free-tutorials/donwnload-button-en.png      http://monstrapro.com/public/uploads/themes/free-tutorials/demo-button-en.png

**NOTICE**
Found a bug with links, if u have children pages ur styles and images will no longer work.

*How to fix*
Please change all links to images, css, js and etc

from:

public/themes/tut001/

to:

<?php echo Site::url(); ?>public/themes/tut001/

I'm sorry, but i totally forgot about this case...

**NOTICE**
Also i found an issue when you need to run actions from plugin which add styles.
pls add this in <head> section:

<?php Stylesheet::load(); ?>

loading plugins css's.


then add in footer after Copyrights this code pls:

 <?php Javascript::load(); ?>

loading plugins js's.

(с) Roman Art
So far So good wink
+ Awilum, Freddynic159

RomanArt's Website

  • Yosua
  • Monstra Newbie
  • Offline

Re: Video Tutorial - How to create Theme for MonstraCMS

Thanks a lot Roman!
You got a new sub

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

Yosua wrote:

Thanks a lot Roman!
You got a new sub

U ar welcome.
Hope you understood how to make themes for monstra, if u got questions u can ask here =PP

(с) Roman Art
So far So good wink

RomanArt's Website

  • Awilum
  • Awilum
  • Monstra Founder & Lead Developer
  • Offline
  • From: Russian Federation
  • Posts: 523
  • Reputation : [ 24 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

Nice Video! Keep going! smile

Monstra Loves You! Give some love back!

Awilum's Website

Re: Video Tutorial - How to create Theme for MonstraCMS

Nice is it possible you could share the TAGS_HELPER.monstraCMS.php as well? since it would be usefull to have that file so i can add tags up on your tutorial video smile

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

JakeSully wrote:

Nice is it possible you could share the TAGS_HELPER.monstraCMS.php as well? since it would be usefull to have that file so i can add tags up on your tutorial video smile

There is a button "download" in my first post in zip archive in folder html version u can find a file called "tags-monstraCMS.php" that wht u wanted =PP

(с) Roman Art
So far So good wink

RomanArt's Website

Re: Video Tutorial - How to create Theme for MonstraCMS

ah lolz idk how i missed that file inside html version xD thanks for including it by default smile

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

**NOTICE**
Found a bug with links, if u have children pages ur styles and images will no longer work.

*How to fix*
Please change all links to images, css, js and etc

from:

public/themes/tut001/

to:

<?php echo Site::url(); ?>public/themes/tut001/

I'm sorry, but i totally forgot about this case...

(с) Roman Art
So far So good wink

RomanArt's Website

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

**NOTICE**
Also i found an issue when you need to run actions from plugin which add styles.
pls add this in <head> section:

<?php Stylesheet::load(); ?>

loading plugins css's.


then add in footer after Copyrights this code pls:

 <?php Javascript::load(); ?>

loading plugins js's.

(с) Roman Art
So far So good wink

RomanArt's Website

  • tovic
  • tovic
  • Monstra Student
  • Offline
  • From: Banyumas, Indonesia
  • Posts: 84
  • Reputation : [ 5 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

@RomanArt: It might be better if you make a simple (simplest) template starter for us smile Only HTML and some empty CSS and JS file...

XSS Testing <script>alert('HIYAA!!!');</script>

tovic's Website

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

Sure i can do that, but i dont get this point of yours "empty css and js", okay no ja is fine, but i not going to style theme inside html, so i need css file for sure smile or u mean make it on pure bstrp 2?

(с) Roman Art
So far So good wink

RomanArt's Website

  • tovic
  • tovic
  • Monstra Student
  • Offline
  • From: Banyumas, Indonesia
  • Posts: 84
  • Reputation : [ 5 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

No, I mean, just a HTML template with some empty file that already placed in the theme, example header.chunk.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title><?php echo Site::name() . ' - ' . Site::title(); ?></title>
    <meta name="description" content="<?php echo Site::description(); ?>">
    <meta name="keywords" content="<?php echo Site::keywords(); ?>">
    <meta name="robots" content="<?php echo Page::robots(); ?>">
    <?php Action::run('theme_meta'); ?>
    <!-- Styles -->
    <?php Stylesheet::add('public/themes/default/css/style.css', 'frontend', 1); ?>
    <?php Stylesheet::load(); ?>
    <?php Action::run('theme_header'); ?>
    <!-- Fav icons -->
    <link rel="icon" href="<?php echo Site::url(); ?>favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo Site::url(); ?>favicon.ico" type="image/x-icon">
  </head>
  <body>
    <header>
      <h1><?php echo Site::name(); ?></h1>
      <p><?php echo Site::description(); ?></p>
    <?header>
      <nav>
        <ul class="nav"><?php echo Menu::get(); ?></ul>
      </nav>

then inside that public/themes/default/css/style.css there is nothing than just, for example...

/* Write your stylesheet here */
body {}

okay no ja is fine, but i not going to style theme inside html, so i need css file for sure

No, this is a starter theme, so nothing more than just plain HTML with some CMS logic inside. The rest is for the developer. What they need to know is only about where to place the CMS logic, the assets, etc, so if you provide them a starter template, they could focus only in design without confuse about the CMS templating for their first time.

XSS Testing <script>alert('HIYAA!!!');</script>

tovic's Website

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

Ok i get ur point, but mostly dat is starting theme for developers rather that normal users, cause normal users will not make a theme from scratch, they will use a nice pre made one .
I will make a simple theme, just to show cms logic

(с) Roman Art
So far So good wink

RomanArt's Website

  • tovic
  • tovic
  • Monstra Student
  • Offline
  • From: Banyumas, Indonesia
  • Posts: 84
  • Reputation : [ 5 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

Good.

XSS Testing <script>alert('HIYAA!!!');</script>

tovic's Website

  • usesa
  • Monstra Newbie
  • Offline

Re: Video Tutorial - How to create Theme for MonstraCMS

отличный турториал. больше не пробуй записывать. мы берём, вырезаем здесь, вставляем сюда и профит. Это рукалицо. Что, зачем, почему... Я думал посмотрю турториал и сделаю тему. Начало оочень многообещающим было, но когда ты начал редактировать шаблоны я понял всю мощь.

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

usesa wrote:

отличный турториал. больше не пробуй записывать. мы берём, вырезаем здесь, вставляем сюда и профит. Это рукалицо. Что, зачем, почему... Я думал посмотрю турториал и сделаю тему. Начало оочень многообещающим было, но когда ты начал редактировать шаблоны я понял всю мощь.

тебе дан шаблон + цмс + урок и понятно показанно рассказанно что куда и зачем, если тебе нужен урок о том как сделать дизайн с нуля тебе в другое место.  На примере показал как сделать из штмл шаблона, шаблон для монстры че ты тут развонялся епт

(с) Roman Art
So far So good wink

RomanArt's Website

Re: Video Tutorial - How to create Theme for MonstraCMS

the Download is down....can anybody upload it new?

Im new in Monstra and i will learn a bit

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

Ill reupload it tmrw, no worries

(с) Roman Art
So far So good wink

RomanArt's Website

Re: Video Tutorial - How to create Theme for MonstraCMS

RomanArt wrote:

Ill reupload it tmrw, no worries

Thx mate

  • slabbe
  • Monstra Newbie
  • Offline

Re: Video Tutorial - How to create Theme for MonstraCMS

Is there anybody who want to reupload the zip file?

Re: Video Tutorial - How to create Theme for MonstraCMS

Hi Roman, the links to the zip file are broken. Can you post a new link for us? thanks a lot!!!

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

okay sorry guys for delay, i updated the link u can download and view the demo smile

(с) Roman Art
So far So good wink

RomanArt's Website

  • From: Thailand, Bangkok
  • Posts: 377
  • Reputation : [ 26 | 0 ]

Re: Video Tutorial - How to create Theme for MonstraCMS

ill make a better tutorial after a new realise of monstra, i hope after realise that will include multilanguage cause this tutorial is for 2.4.0 not for 3.0.0

(с) Roman Art
So far So good wink

RomanArt's Website

Re: Video Tutorial - How to create Theme for MonstraCMS

Nice Video for helping us.... smile smile smile

Rio Olympic 2016 | Pokemon Go Trick | Fun Zone