Создаем тему для XOOPS 2.5

Наверняка вам давно хотелось создать свою собственную тему для XOOPS?

Мы вам поможем. И сразу же начнем. Для начала в папке themes создадим папку под названием xws, вы можете задать любое имя папке, я придерживаюсь своего правила, все темы, созданные мной, называются xws-xx, что обозначает xoops.ws, т.е. сайт поддержки.

 

В этой папке создадим файл theme.html

 

theme.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>

<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" /> <link rel="stylesheet" type="text/css" media="all" title="Style sheet"
href="<{xoImgUrl css/style.css}>" /> </head> <body> Content </body> </html>

 

 Попробуем разобраться с тем, что уже имеем: 

 

<{$xoops_langcode}> - преобразуется  в RU (см. SMARTY)

<{xoImgUrl icons/favicon.ico}> - адрес иконки сайта. xoImgUrl преобразуется в

иконка сайта xoops.wshttp://ваш_сайт/themes/xws/

Создайте внутри папки xws папку icons, в которую поместите файл иконки. 

 

<{xoImgUrl css/style.css}> -  соотвественно преобразуется в

http://ваш_сайт/themes/xws/css/style.css

 

Вы так же должны создать папку css, в которой создайте файл с именем style.css, в который пропишем  стили для body и обнулим margin и padding

 

css/style.css

/* reset*/
html, body, p, h1, h2, h3, h4, ul, li, table, tr, td{
	margin: 0;
	padding: 0;
}
body {
    background: none repeat scroll 0 0 #EEEEEE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: left;
}
Меню >>  
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити