Нов дизайн за админ панела на phpBB3

В този раздел ще се поместват уроците, свързани с програмирането и дизайна.
Post Reply
User avatar
Silverlight
Потребител
Потребител
Posts: 379
Joined: 03 Jul 2009, 19:50

Нов дизайн за админ панела на phpBB3

Post by Silverlight »

Файлове за редактиране:
  • • adm/style/install_header.html,
    • adm/style/install_update_diff.html,
    • adm/style/overall_header.html,
    • adm/style/simple_header.html,
    • includes/db/dbal.php
Файлове за поставяне във форума:
  • • вашата директория/adm/style/admin_new.css,
    • вашата директория/adm/images/*.*
Вечен линк към нужните файлове!
ВАЖНО: На мястото, където пише "вашата директория" се намира вашият форум!!!

Отваряте файла adm/style/install_header.html и в него намирате:

Code: Select all

<link href="../adm/style/admin.css" rel="stylesheet" type="text/css" media="screen" />
после го сменяте с това:

Code: Select all

<link href="../adm/style/admin_new.css" rel="stylesheet" type="text/css" media="screen" />
Търсите този код в същият файл:

Code: Select all

<div id="menu">
и го заменяте със този:

Code: Select all

<div id="menu" class="install">
Отваряте файла adm/style/install_update_diff.html и в него намирате:

Code: Select all

<link href="../adm/style/admin.css" rel="stylesheet" type="text/css" media="screen" />
и после го сменяте с това:

Code: Select all

<link href="../adm/style/admin_new.css" rel="stylesheet" type="text/css" media="screen" />
Отваряте файа adm/style/overall_header.html и в него намирате:

Code: Select all

<link href="style/admin.css" rel="stylesheet" type="text/css" media="screen" />
и го заменяте със този:

Code: Select all

<link href="style/admin_new.css" rel="stylesheet" type="text/css" media="screen" />
търсите този код:

Code: Select all

	switch (menu_state)
	{
		// hide
		case 'shown':
			main.style.width = '93%';
			menu_state = 'hidden';
			menu.style.display = 'none';
			toggle.style.width = '20px';
			handle.style.backgroundImage = 'url(images/toggle.gif)';
			handle.style.backgroundRepeat = 'no-repeat';

			<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
				handle.style.backgroundPosition = '0% 50%';
				toggle.style.left = '96%';
			<!-- ELSE -->
				handle.style.backgroundPosition = '100% 50%';
				toggle.style.left = '0';
			<!-- ENDIF -->
		break;

		// show
		case 'hidden':
			main.style.width = '76%';
			menu_state = 'shown';
			menu.style.display = 'block';
			toggle.style.width = '5%';
			handle.style.backgroundImage = 'url(images/toggle.gif)';
			handle.style.backgroundRepeat = 'no-repeat';

			<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
				handle.style.backgroundPosition = '100% 50%';
				toggle.style.left = '75%';
			<!-- ELSE -->
				handle.style.backgroundPosition = '0% 50%';
				toggle.style.left = '15%';
			<!-- ENDIF -->
		break;
	}
и след, като го намерите го замествате със този:

Code: Select all

	switch (menu_state)
	{
		// hide
		case 'shown':
			menu_state = 'hidden';
			menu.style.display = 'none';
			handle.style.backgroundPosition = '0 -16px';
		break;

		// show
		case 'hidden':
			menu_state = 'shown';
			menu.style.display = 'block';
			handle.style.backgroundPosition = '0 0';
	}
Отваряте файла adm/style/simple_header.html и в него намирате:

Code: Select all

<link href="style/admin.css" rel="stylesheet" type="text/css" media="screen" />
и после го сменяте с този:

Code: Select all

<link href="style/admin_new.css" rel="stylesheet" type="text/css" media="screen" />
в същият файл търсите това:

Code: Select all

<body class="{S_CONTENT_DIRECTION}">

<div id="page-body" class="simple-page-body">
и го заменяте със това:

Code: Select all

<body class="{S_CONTENT_DIRECTION} simple">

<div id="page-body">
Отваряте файла includes/db/dbal.php и в него намирате този това:

Code: Select all

<link href="' . $phpbb_root_path . 'adm/style/admin.css" rel="stylesheet" type="text/css" media="screen" />
и го заменяте със това:

Code: Select all

<link href="' . $phpbb_root_path . 'adm/style/admin_new.css" rel="stylesheet" type="text/css" media="screen" />
Темата може да се направи и в други цветове с минимални познания по CSS.
Демо на новият дизайн:
http://prikachi.com/images/291/8412291n.png

Урока е писан от мен специално за CS-bg забранявам копирането му в други сайтове!!!
Top
User avatar
kreedztanky
Умникът на форума
Умникът на форума
Posts: 759
Joined: 17 Dec 2014, 20:17
Favorite version: CS: Global Offensive

Re: Нов дизайн за админ панела на phpBB3

Post by kreedztanky »

Добър урок, благодаря че го сподели, а версията има ли значение?
Top
User avatar
Silverlight
Потребител
Потребител
Posts: 379
Joined: 03 Jul 2009, 19:50

Re: Нов дизайн за админ панела на phpBB3

Post by Silverlight »

A. Yordanov wrote:Добър урок, благодаря че го сподели, а версията има ли значение?
Няма значение би трябвало да става във всички версии. :flowers:
Top
User avatar
PrO.InSoMnIa
V.I.P.
V.I.P.
Posts: 103
Joined: 26 Apr 2013, 13:06
Skype: Tpebomah4oo
CS Nick: [b7k]-InSoMnIa
Favorite version: CS: 1.6
Steam Community ID: eMoTuKoH4e
Location: Germany
Contact:
Contact PrO.InSoMnIa

Re: Нов дизайн за админ панела на phpBB3

Post by PrO.InSoMnIa »

Сигурен ли си дали ще стане на phpbb 3.1.x? На коя версия си го тествал? Дай поне някакво демо или снимка.
Top
User avatar
Erco
Потребител
Потребител
Posts: 247
Joined: 13 Jan 2013, 14:11
Skype: erco.bg
CS Nick: mynsyr
Favorite version: CS: 1.6
Location: По света и у нас!

Re: Нов дизайн за админ панела на phpBB3

Post by Erco »

В първия пост има демо.
http://prikachi.com/images/291/8412291n.png
Иначе на 3.0.x става.
Top
Post Reply

Return to “Учебни теми”