Приднестровская поддержка XOOPS
Наверняка вам давно хотелось создать свою собственную тему для 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 преобразуется в
http://ваш_сайт/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;
}
Отправитель | Нити |
---|
6 пользователь(ей) активно (3 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 6 далее... |