Продолжим создание нашего шаблона. Обычно я работаю над шаблоном сверху вниз, но сегодня у меня возникло желание поработать над футером (нижней частью сайта).

greentea

1. Откроем файл footer.tpl (../catalog/view/theme/greentea/template/common) и удалим эту строку (16):

<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>

1.2. После этого кода (46-47):

//-->
</div>

вставим это:

<div id="contacts">
icq: 493-296-671 <br/>
mail: hruhru.87@mail.ru
</div>
<div id="mobile">
8 (903) 006 - 81 - **
</div>

2. Откроем файл stylesheet.css (../catalog/view/theme/greentea/stylesheet) и изменим это (1551-1559):

#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8;
}

на это:

#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px;
border-top: 1px solid #78a240;
border-bottom: 1px solid #78a240;
}

это (1582-1584):

#footer .column a:hover {
text-decoration: underline;
}

на это:

#footer .column a:hover {
background: #78a240;
padding: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

это (1590-1594):

#powered {
margin-top: 5px;
text-align: right;
clear: both;
}

на это:

#powered {
margin-top: 5px;
text-align: center;
}
#powered a {
color: #78a240;
text-decoration: none
}
#powered a:hover {
color: #000;
}
#contacts {
padding-left: 20%;
color: #fff;
text-align: left;
display: inline-block;
}
#mobile {
padding-left: 125px;
color: #fff;
font-size: 19px;
text-align: right;
display: inline-block;
padding-bottom: 10px;
}

На сегодня всё, до новых встреч. Улыбка