Topnew Blog

1 - Grid

Let's start with one example of the grid system
<div class="line">
    <div class="cell-3 rc bg-red">This is cell-3</div>
    <div class="cell-3 rc bg-blue">This is cell-3</div>
    <div class="cell-3 rc bg-gold">This is cell-3</div>
    <div class="cell-3 rc bg-grey">This is cell-3</div>
</div>

And here is the result of above code

This is cell-3

Cat: CMS | Read: 992 | 11/04/2022
Tags: CSS

Wiki: Howto use Topnew\Db\Db v 2025.01.01

Topnew\DB\Db is a lightweight PHP wrapper around PDO that simplifies database queries.

pre{font-family:'Droid Sans Mono',monospace;font-size:.8em;background:#eee;padding:10px}b,.b{font-weight:700}

1 -

Cat: CMS | Read: 13843 | 10/03/2026 | Like: 10

Wiki: Topnew Form Helper

Wiki: Topnew\Util\Form v 2026.04.04

Topnew Form is a view helper class used to generate HTML form elements programmatically.

pre{font-family:'Droid Sans Mono',monospace;font-size:.8em;background:#eee;padding:10px}b,.b{font-weight:700}

Sample Usage:

Cat: CMS | Read: 67190 | 01/03/2026 | Like: 5
Tags: CMS , Wiki

Topnew CMS - User Database

Today we are going to make a user system, which will be used for login, user management, role permission, page access control etc.

1 - team

CREATE TABLE team (
id int NOT NULL AUTO_INCREMENT PRIMARY KEY,
id_up int NOT NULL DEFAULT 0, -- parent team id
name varch

Cat: CMS | Read: 1208 | 05/06/2022

Topnew CSS v 2023 JS related

6 - Javascript related

There are a list of CSS class binded with jQuery

6.1 span of any width / height

class=span data-w=300px

class=span data-w=30% data-h=100px

Cat: CMS | Read: 1616 | 16/04/2022
Tags: CSS

Topnew CSS v 2023 Grid

1 - Grid

Wiki: Topnew DB Docs

Wiki: Topnew Form Helper

Topnew CMS - User Database

Topnew CSS v 2023 JS related

Category