03января
Создание блога на DANNEO
Идем в "Управление дизайном" - "CSS&TPL;"
В "Default/css/style.css" вставляем такой код
* ********************************************** */
/* Danneo CMS Default Template © 2005 Danneo Team */
/* ********************************************** */
/* This file is created Danneo CSS Visual Pro */
/* ********************************************** */
/* Body */
body {background-color:#fff;
margin:5px; padding:5px;
font-size:11px; color:#000;
font-family:Arial,Tahoma,Verdana;}
img {border:0px;}
form {display:inline;}
li {color:#B90000; list-style-type:square;}
fieldset {text-decoration:none; border:1px solid #ccc; padding:5px;}
legend {color:#336699; font-weight:bold;}
/* Links */
a:link,
a:visited {color:#336699; text-decoration:none;}
a:hover {color:#B90000; text-decoration:underline;}
a.cat:link,
a.cat:visited {color:#B50206; text-decoration:none;}
a.cat:hover {color:#555555; text-decoration:none;}
a.pages {font-size:10px; color:#000000; text-decoration:none; border:1px solid #cccccc;
background-color:#f2f2f2; padding:1px 2px; font-weight:bold;}
a.pages:link,
a.pages:visited {font-size:10px; color:#222; text-decoration:none; border:1px solid #dad9d9;
background-color:#edecec; padding:1px 2px; font-weight:bold;}
a.pages:hover {font-size:10px; color:#B90000; text-decoration:none; border:1px solid #cccccc;
background-color:#fff; padding:1px 2px; font-weight:bold;}
a.blockmenu:link,
a.blockmenu:visited {color:#222; text-decoration:none;
padding-left:12px; line-height:22px; display:block; font-weight:bold;
border-bottom:1px solid #dad9d9;}
a.blockmenu:hover {color:#B90000; background-color:#ffffff; text-decoration:none;
padding-left:12px; line-height:22px; display:block; font-weight:bold;
border-bottom:1px solid #dad9d9;}
a.calendarlink:link,
a.calendarlink:visited {color:#B50206; text-decoration:none;}
a.calendarlink:hover {color:#649BB5; text-decoration:none;}
a.linkbutton:link,
a.linkbutton:visited {font-size:10px; color:#222; text-decoration:none; border:1px solid #dad9d9;
background-color:#edecec; padding:1px 2px; font-weight:bold;}
a.linkbutton:hover {font-size:10px; color:#B90000; text-decoration:none; border:1px solid #cccccc;
background-color:#fff; padding:1px 2px; font-weight:bold;}
a.last:link,
a.last:visited {color:#B90000; text-decoration:none;}
a.last:hover {color:#649BB5; text-decoration:underline;}
a.load:link,
a.load:visited {color:#fff; border:1px solid #9A0101; padding:2px 2px; cursor:pointer;
font-size:11px; font-weight:bold; background:#B90000; text-decoration:none;}
a.load:hover {color:#fff; border:1px solid #487990; padding:2px 2px; cursor:pointer;
font-size:11px; font-weight:bold; background: #649BB5}
a.jump:link,
a.jump:visited {color:#fff; border:1px solid #9A0101; padding:2px 2px; cursor:pointer;
font-size:11px; font-weight:bold; background:#B90000; text-decoration:none;}
a.jump:hover {color:#fff; border:1px solid #487990; padding:2px 2px; cursor:pointer;
font-size:11px; font-weight:bold; background: #649BB5}
/* Table & Forms */
table {border:0px;}
table,td,div {color:#030303; font:normal 11px Arial,Tahoma,Verdana;}
textarea,input {font-size:10px; font-family:Arial,Tahoma,Verdana;}
select,option {font-size:10px;}
blockquote {padding: 0 15 0 45; border:1px solid #CCCCCC;
background:#fff url(../images/quote.gif) no-repeat top left;
margin-left:8px;
font-style:normal;}
.phpcode {text-align: left; padding: 15 15 15 65; border: 1px inset;
background: #E6E6E6 url(../images/code.gif) no-repeat top left;
margin-left: 8px;
font-style: normal;}
.one {background-color:#649BB5; color:#fff;}
/* Buttons */
.rbutton {color:#fff; border:1px solid #9A0101; padding:1px 1px; cursor:pointer;
font-size:11px; font-weight:bold; background:#B90000;}
.rerbutton {color:#000; border:1px solid #B90000; padding:1px 1px; cursor:pointer;
font-size:11px; font-weight:bold; background:#f0f0f0;}
.comment {color:#fff; border:1px solid #487990; padding:1px 1px; cursor:pointer;
font-size:11px; font-weight:bold; background: #649BB5;}
.recomment {color:#000; border:1px solid #B90000; padding:1px 1px; cursor:pointer;
font-size:11px; font-weight:bold; background:#f0f0f0;}
.sbutton {color:#fff; border:1px solid #487990; padding:1px 1px; cursor:pointer;
font-size:11px; font-weight:bold; background: #649BB5;}
.resbutton {color:#000; border:1px solid #649BB5; padding:1px 1px; cursor:pointer;
font-size:11px; font-weight:bold; background:#f0f0f0;}
/* Standart Style */
.top {height:100px; background-color:#649bb5; border-top:3px solid #A7CBDC;
text-align:center;}
.topleft {height:100px; border-bottom:3px solid #b20000;
text-align:center;}
.topcenter {height:100px; background-color:#2D82B6; border-bottom:3px solid #336699;
background: #2D82B6 no-repeat top left;
text-align:center;}
.topright {height:100px; border-bottom:3px solid #b20000;
text-align:center;}
.topmenu {background:#ffffff url(../images/topmenu.gif) repeat-x top left;
padding:15px; font-weight:bold; color:#000; text-align:center;
border-top:1px solid #C6C6C6; border-right:1px solid #C6C6C6;
border-bottom:3px solid #C6C6C6; border-left:1px solid #C6C6C6;}
.botmenu {clear:both; background:#ffffff url(../images/topmenu.gif) repeat-x top left;
padding-top:15px; font-weight:bold; color:#000; text-align:center;
border-top:1px solid #C6C6C6;}
.divmenu {margin:3px; padding:3px;}
.blockmenu {height:22px;}
.siteleft {width:190px; padding:1px; text-align:center;}
.sitecenter {width:100%; padding:1px; text-align:center;}
.siteright {padding:1px; text-align:center;}
.centeralign {text-align:center;}
.botcontent {text-align:center;}
.botin {margin:5px; padding:5px; color:#999999;}
.sitetitle {background-color:#DCDCDC; padding:5px 5px 5px 10px;
line-height:15px; font-weight:bold; color:#000;
border:1px solid #d1d1d1; text-align:left;}
.siterec {height:22px; padding-left:10px; padding:5px;
line-height:22px; font-weight:normal; color:#d1d1d1;
border-bottom:1px solid #d1d1d1; text-align:left;}
.siterectime {display:inline; float:right; font-size:9px;
color:#666; padding:3px;}
.sitenotice {margin:5px; padding:5px; background-color:#FFFEEC;
border:1px solid #bebebe;}
.boxtitle {background-color:#DCDCDC; height:22px; padding-left:10px;
line-height:22px; font-weight:bold; color:#000;
border:1px solid #d1d1d1; text-align:left;}
.boxtext {margin:5px; padding:5px; background-color:#FFFEEC;
border:1px solid #bebebe;}
.boxin {margin:5px; padding:5px; background-color:#f9f9f9;
border:1px solid #f0f0f0; text-align:left;}
.formnotice {margin:5px; padding:5px; background-color:#F9F9F9;
border:1px solid #bebebe;}
.simple {margin:0px; padding:2px;}
.simpletitle {background-color:#f0f0f0; height:22px; padding-left:10px;
line-height:22px; font-weight:bold; color:#000;
border-bottom:1px solid #d1d1d1;}
.post {margin:3px; padding:3px; background-color:#fff;
border:1px solid #d1d1d1;}
.postauthor {padding:5px;background:#f9f9f9;
line-height:15px; text-align:left; clear: both;}
.posttitle {padding:10px; text-align:left;}
.posttime {display:inline; float:right; font-size:9px; line-height:10px;
color:#333;}
.message {margin:0px; padding:1px; clear:both;
border:1px solid #d1d1d1; overflow:hidden; width:99%;}
.messagetime {padding:5px; border-bottom:1px solid #f0f0f0;
text-align:left; overflow:hidden; background:#f9f9f9;}
.messagetext {padding:15px; text-align:left;}
.messageauthor {padding-top:7px; float:left; width:120px;
overflow:hidden; position:relative; background-color:#f1f1f1;}
.messagecontent {border-left-width:120px; border-left-style:solid; border-left-color:#f1f1f1;}
.contetitle {background-color:#649BB5; height:25px; font-weight:bold; color:#fff;
border-bottom:1px solid #CBCBCB; padding:5px;}
.sitein {margin:5px; padding:5px; text-align:left;}
.blocktext {padding:5px;}
.paddingtext {padding:10px;}
.redfont {color:#B90000;}
.darfont {color:#030303;}
.timefont {float:right; color:#8A8B8B;}
.formtext {padding-left:10px; padding:5px; line-height:22px;}
/* Block */
.spaceline {height:5px; font-size:5px; clear:both;}
.leftblock {background-color:#f9f9f9; border-left:1px solid #d1d1d1;
border-top:3px solid #d1d1d1; border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1; padding-bottom:1px;}
.leftblocktitle {padding-right:10px; text-align:right;
background:#d1d1d1 no-repeat top left;
line-height:22px; font-weight:bold; color:#444444;}
.topblock {background-color:#DCDCDC; height:22px; padding-left:10px;
line-height:22px; font-weight:bold; color:#000;
border:1px solid #d1d1d1;}
.botblock {background-color:#d1d1d1; height:25px; padding-left:10px;
line-height:22px; font-weight:bold; color:#000;
border-top:5px solid #edecec;}
.rightblock {background-color:#f9f9f9; border-left:1px solid #d1d1d1;
border-top:3px solid #d1d1d1; border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1; padding-bottom:1px;}
.rightblocktitle {padding-right:10px; text-align:right;
background:#d1d1d1 no-repeat top left;
line-height:22px; font-weight:bold; color:#444444;}
.redblock {background-color:#f7f7f7; border-left:3px solid #d1d1d1;
border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;}
.redblocktitle {padding-right:10px; text-align:right;
background:#E6E6E6 no-repeat top left;
line-height:22px; font-weight:bold; color:#b20000;}
.promoblock {height:91px; background-color:#f7f7f7; border-left:1px solid #d1d1d1;
border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1;
border-bottom:3px solid #d1d1d1;}
/* Thumb */
.thumb {border:1px solid #ccc; padding:1px; text-align:center; width:auto;}
.thumbtitle {background-color:#f9f9f9; border:1px solid #edecec; padding:3px;
margin-top:1px; color:#000;}
.thumbtext {background-color:#f9f9f9; border:1px solid #edecec; padding:3px;
margin-top:1px; color:#000;}
.thumbcet {background-color:#fff; border:1px solid #edecec; padding:3px;
margin-top:1px; color:#000; height:100%;}
/* Container */
.time {color:#8A8B8B; font-weight:normal;}
.tabletd {margin:1px; padding:1px;}
.tablepadding {padding:1px;}
.container {background:#ffffff;}
.container_title {border:1px solid #d1d1d1;
background-color:#f9f9f9; padding:5px 5px 5px 10px; line-height:15px;}
.container_text {padding:5px; line-height:12px;}
.container_wait {margin:10px; padding:10px; background-color:#fff; line-height:14px;}
.subcat {padding:4px;}
/* News */
.news {padding:5px; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#030303;}
.newsone {padding:15px; background-color:#f0f0f0;}
.newstwo {padding:15px; background-color:#f5f5f5;}
.newslin {padding:5px; background-color:#f0f0f0; text-align:center;}
/* Article */
.article {padding:5px; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#030303;}
.articleone {padding:15px; background-color:#f0f0f0;}
.articletwo {padding:15px; background-color:#f5f5f5;}
.articlelin {padding:5px; background-color:#f0f0f0; text-align:center;}
/* Link */
.link {padding:5px; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#030303;}
.linkone {padding:15px; background-color:#f0f0f0;}
.linktwo {padding:15px; background-color:#f5f5f5;}
.linklin {padding:5px; background-color:#f0f0f0; text-align:center;}
/* Down */
.downrows {background-color:#ddd;}
.downrowsone {background-color:#F9F9F9; line-height:20px; padding-left:10px;}
.downrowstwo {background-color:#FFF; line-height:20px; padding-left:10px;}
.down {padding:5px; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#030303;}
.downone {padding:15px; background-color:#f0f0f0;}
.downtwo {padding:15px; background-color:#f5f5f5;}
.downlin {padding:5px; background-color:#f0f0f0; text-align:center;}
/* Rating */
.rating {background-color:#ddd;}
.ratingrows {background-color:#F9F9F9; line-height:25px; padding:5px;}
/* Pollbar */
.poll {padding:5px;}
.pollbar {background-color:#000; height:10px;}
.pollbarout {background-color:#fff; padding:2px; border:1px solid #ddd;}
.pollline {padding:5px; border-bottom:1px solid #ddd;}
/* News */
.faq {padding:5px; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#030303;}
.faqone {padding:15px; background-color:#f0f0f0;}
.faqtwo {padding:15px; background-color:#f5f5f5;}
.faqlin {padding:5px; background-color:#f0f0f0; text-align:center;}
/* Photos */
.photos {padding:5px; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#030303;}
.photosone {padding:15px; background-color:#f0f0f0;}
.photostwo {padding:15px; background-color:#f5f5f5;}
.photoslin {padding:5px; background-color:#f0f0f0; text-align:center;}
.photoswin {padding:5 5 5 35px; text-align:left;
background:#d1d1d1 no-repeat top left;
font-weight:bold; color:#444444;}
.photosin {display:inline; padding:2;}
.photosod {margin:2px; padding:2; border:solid 1px #CCCCCC;}
.photosit {margin:2px; padding:2; border:solid 1px #B90000;}
.tableview {background-color:#fff; border:1px solid #ddd;}
.tableod {margin:5px; padding:5px;}
.tablein {margin:5px; padding:5px;}
/* Pages */
.pages {margin:2px; padding:4px; text-align:center;}
.pagesempty {font-size:10px; color:#ffffff; text-decoration:none; border:1px solid #999999;
background-color:#ADACAC; padding:1px 2px; font-weight:normal;}
/* Closed */
.closed {border:2px; border-style:solid; border-color:#649BB5;
background-color:#F9F9F9;}
.closedtext {padding:10px 10px; height:100%;}
/* Redirect */
.redirect {border:2px solid #ccc; background-color:#F9F9F9;}
.redirecttitle {border-bottom:2px solid #ccc; background-color:#F9F9F9;
color:#B50206; padding:10px 10px; font-weight:bold;}
.redirecttext {padding:10px 10px;}
.redirecttime {font-size:14; color:#B90000; font-weight:bold;
font-family:Arial,Tahoma,Verdana; text-align:center;}
/* Calendar */
.calendar {width:100%; font-size:10px; border-collapse:separate; background-color:#ccc;}
.calendartitle {background-color:#ccc; font-size:10px; padding:2px;}
.calendarmonth {background-color:#F7F7F7; font-size:11px; padding:4px;}
.calendarempty {background-color:#F7F7F7; font-size:11px; padding:4px;}
.calendartoday {background-color:#dddddd; font-size:11px; padding:4px;}
.calendarallday {background-color:#FFFFFF; font-size:11px; padding:4px;}
/* Debug */
.debug {overflow:auto; border:1px solid #C6C6C6; font-size:10px;
background-color:#f9f9f9; color:#A73C3C; margin:5px; padding:5px;
height:70px;}
/* Error */
.errortitle {background-color:#b20000; height:22px; padding-left:10px;
line-height:22px; font-weight:bold; color:#fff;
border-top:5px solid #EC5E5E;}
/* Hint */
.hint {background:#fff;
line-height:11px;
color:#666666;
width:auto;
border:1px solid #C6C6C6;
z-index:1000;
margin:0px; padding:10px; position:absolute; visibility:hidden;}
/* Tree */
.treediv {background:#e9e9e9; width:100%;}
.treestandart {padding-left:10px; border-bottom:1px solid #ddd; line-height:25px;}
.treeactive {padding-left:10px; background:#f7f7f7; border-bottom:1px solid #ddd; line-height:25px; font-weight:bold;}
.treesubstandart {padding-left:20px; background:#f9f9f9; border-bottom:1px solid #ddd; line-height:25px;}
.treesubactive {padding-left:20px; background:#ffffff; border-bottom:1px solid #ddd; line-height:25px; font-weight:bold;}
/* ********************************************** */
/* Danneo CMS Default Template © 2005 Danneo Team */
/* ********************************************** */
/* This file is created Danneo CSS Visual Pro */
/* ********************************************** * В "Default/top.tpl" вставляем такой код:
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<div class="topmenu">{dnmtop}</div>
<table border="0" width="100%">
<tbody>
<tr>
<td class="topcenter" width="100%" valign="top"><img src="temp/Default/images/logo.png" border="0" alt="" /></td>
<td class="topright" valign="top"><form action="/" method="post">
<table class="promoblock" border="0" width="190">
<tbody>
<tr>
<td class="redblocktitle">Поискпосайту</td>
</tr>
<tr>
<td class="centeralign"><input maxlength="20" name="sea" size="30" type="text" /></td>
</tr>
<tr>
<td class="centeralign"><select name="dn"><option value="news">Блог</option><option value="photos">Фотоальбом</option></select> <input name="re" type="hidden" value="search" /> <input class="rbutton" onmouseover="this.className='rerbutton';" onmouseout="this.className='rbutton';" type="submit" value=" Поиск " /></td>
</tr>
</tbody>
</table>
</form></td>
</tr>
</tbody>
</table>
<table border="0" width="100%">
<tbody>
<tr>
<td class="siteleft" valign="top">{leftblock}</td>
<td class="sitecenter" valign="top">{topblock} <!--buffer:sitetitle:0-->
<div class="sitetitle">{title}</div>
<!--buffer--> <!--buffer:siterec:0-->
<div class="siterec">
<div class="siterectime">{time}</div>
<img src="temp/Default/images/icon.gif" border="0" alt="" /> {link}</div>
<!--buffer--> <!--buffer:pagesout:0-->
<div class="pages">{text} : {pages}</div>
<!--buffer--> <!--buffer:ajaxbox:0-->
<div align="center" style="display:none;" id="ajaxbox">
<div align="center" id="errorbox"></div>
</div>
<!--buffer-->
"Меню"
У нас будет несколько разделов меню. Главная, О блоге или Об авторе, Фотоальбом, Обратная связь, Карта сайта, Рассылка, Регистрация. Так же вы можете создать другие разделы, которые вам нужны.Идем в "Настройки" - "Управление меню".
В пункте "Верхнее меню" отключаем "Файл-архив", "Опросы", "Документация", "Каталог ссылок". Выбираем редактирование пункта "О сайте", и меняем надпись "О сайте", на "О блоге" или "Об авторе". "E-mail" меняем на "Обратная связь" "Медиа архив" меняем на "Фотоальбом"
Так же можете переименовать остальные пункты, в зависимости от того, что вам надо.
Так же нам нужна "Форма регистрации" и "Профиль".
В самом низу, в разделе "Добавить" выбираем место, где мы хотим разместить ссылку на регистрацию. Все пункты по умолчанию нас устраивают, поэтому мы вставляем этот код
<a href="index.php?dn=user&re=register">Регистрация</a>
Теперь ставим очередность необходимую нам. Я поставил
- Главная - 0
- Регистрация - 1
- Новости - 2
- О блоге - 3
- Фотоальбом - 4
- Рассылка - 5
- Карта сайта - 6
- Обратная связь - 7
То же самое проделываем и с пунктом "Нижнее меню".
Теперь у нас верхнее и нижнее меню одинаковы.
Я считаю, что блок "Навигация" нам не нужен, а значит в пункте "Блочное меню" отключаем или удаляем все. Если хотите его оставить - то проделайте те же самые операции, что и с двумя прошлыми разделами.
Идем в "Настройки" - "Управление модами", и там отключаем ненужные нам моды: Опросы, Файл-архив, Каталог ссылок, Документация, Вопросы-Ответы.
"Блоки"
С меню мы покончили, сейчас займемся блоками.Идем в "Управление дизайном" - "Управление блоками"
Тут мы видим, какие блоки есть у нас по умолчанию. Удаляем ненужные нам блоки: Отзывы клиентов, Наша кнопка, Навигация, Требуется Менеджер по PR.
Теперь будем добавлять нужные нам блоки. В первую очередь это "Профиль". В разделе "Добавление нового блока" в строке "Название" пишем Профиль, в выпадающем меню "Выбор блока" выбираем "User", в выпадающем меню "Оформление" выбираем "right", в выпадающем меню "Позиция" выбираем "rightblock", в меню "Моды для вывода" выбираем страницы, на которых будет виден блок наш блок. Оставляем все. И нажимаем "Добавить".
Теперь создадим блок "Blogroll".
В разделе "Добавление нового блока" в строке "Название" пишем Blogroll, в выпадающем меню "Выбор блока" выбираем "Текстовый блок", в выпадающем меню "Оформление" выбираем "right", в выпадающем меню "Позиция" выбираем "rightblock", в меню "Моды для вывода" выбираем страницы, на которых будет виден блок наш блок. Оставляем только главную страницу. В графе "Текст" вставляем нужные ссылки. И нажимаем "Добавить".
Таким способом вы можете быстро создать любые интересующие вас блоки. Вы можете вывести последние новости, случайную фотографию, последние новости, баннер и т.п. Позиция показывает на то, где ваш блог будет располагаться: в правом меню, левом меню, центре, подвале. Выбираем редактировать блок рассылка, а оформление red на rightblock.
Вот, в принципе, и все. Все достаточно легко и просто.
Теперь почистим ненужные файлы. Идем в директорию скрипта, в нашем случае это C:hometestwww и в этой папке удаляем изображение banner.gif.
Затем идем по адресу C:hometestwwwuparticleimg и удаляем оба изображения.
C:hometestwwwupbanner и удаляем оба баннера.
C:hometestwwwupdownimg - повторяем прошлые операции.
C:hometestwwwupdownfile - удаляем архив.
C:hometestwwwupmedia - удаляем изображения.
C:hometestwwwupnewsarticle - удаляем изображения.
C:hometestwwwupphotosalbum - удаляем изображения.
C:hometestwwwup - меняем ватермарку на свою или удаляем.
C:hometestwwwtemp - удаляем папки Red и Blue.
C:hometestwwwtempDefaultimages - удаляем topugol.gif, rightugol.gif, redugol.gif, power.gif, phone.gif, leftugol.gif, client.gif или заменяем на свои.
Предыдущая страница | Страница 2 из 2
Просмотров: 19408
Новости похожие на: Создание блога на DANNEO
В одной из статей мы уже обсуждали работу со средой разработки DENWER. Несмотря на то, что на сайте разработчика обещается новая версия в скором времени, ее нет почти 3 года. А технология прыгнула
Создание сайта. Установка на хостингПродолжим наш цикл статей о создании сайта. Итак, мы рассмотрели первоначальные принципы для построения сайта, а так же, как установить двигатель на локальный, тестовый сервер. Пришло время описать
Создание сайта. Установка на локальный серверПродолжу описание построения сайта, которое начал в этой статье. Прошу учесть то, что данное руководство пишется для НОВИЧКОВ, т.к. люди знающие PHP, SQL, HTML, CSS не нуждаются в данном пособии.
[attachment=10] [attachment=11] [attachment=12] [attachment=13] [attachment=14] [attachment=15] [attachment=16] [attachment=17] [attachment=18]
Установка локального сервераУ многих начинающих сайтостроителей возникает первая проблема - как установить свой сайт на локальной машине, а не на хостинге. Т.к. многие начинающие сайтостроители по тем или иным причинам не имеют
