• Страница 1 из 1
  • 1
Форум » Самоучитель HTML и CSS » Вопросы по uCoz » Проблема с установкой "ФУТЕРА" (Проблема с установкой нижний части сайта...)
Проблема с установкой "ФУТЕРА"
TiMzLeR
Дата: Вторник, 20.02.2018, 18:09 | Сообщение 1
Проверенные
Сообщений:410
Награды: 0


Здравствуйте, ребят есть такая проблемка, установил шаблон "csomsk" на время - пока будет изготавливаться "дизайн-шаблона" который я заказал. хочу немного его изменить, начал с (главной-страницы) нижнюю часть хотел установить, только после установки все пошло не так вот сама нижняя часть: mega-game.org. Вот сам код:
HTML:
Код
<div class="bg-footer" id="foot-info">
<div class="inside">
<div class="bl-foot">
<h4>Разделы сайта</h4>
<ul class="foot-menu">
<li><a href="/news/" title="Игровые новости">Игровые новости</a></li>
<li><a href="/load/" title="Скачать игры">Скачать игры</a></li>
<li><a href="/dir/" title="Скачать моды">Скачать моды</a></li>
<li><a href="/blog/" title="Игровой блог">Игровой блог</a></li>
<li><a href="/forum/" title="Форум для геймеров">Форум для геймеров</a></li>
</ul>
</div>
<div class="bl-foot">
<h4>Популярные разделы</h4>
<ul class="foot-menu">
<li><a href="/load/skoro_glavnaja/4" title="Скачать новые игры">Новые игры</a></li>
<li><a href="/index/top_100/0-11" title="Топ 100 игр на пк">Рейтинг ТОП 100</a></li>
<li><a href="/load/pc/5" title="Скачать игры на ПК">Скачать игры на ПК</a></li>
<li><a href="/index/daty_vykhoda_igr_na_pk/0-22" title="Даты выхода игр">Даты выхода игр</a></li>
<li><a href="/load/data_vykhoda/1" title="Скоро на сайте">Скоро на сайте</a></li>
</ul>
</div>
<div class="bl-foot">
<h4>Популярные моды</h4>
<ul class="foot-menu">
<li><a href="/dir/4" title="Скачать моды для Fallout 4">Моды для Fallout 4</a></li>
<li><a href="/dir/7" title="Скачать моды для Euro Truck Simulator 2">Моды для Euro Truck Simulator 2</a></li>
<li><a href="/dir/1" title="Скачать моды для Farming Simulator 2017">Моды для FS 2017</a></li>
<li><a href="/dir/3" title="Скачать моды для Spintiresр">Моды для Spintires</a></li>
<li><a href="/dir/6" title="Скачать моды для Ведьмак 3">Моды для The Witcher 3</a></li>
</ul>
</div>
<div class="bl-foot">
<h4>Другие разделы</h4>
<ul class="foot-menu">
<li><a href="/index/faq/0-9" title="Информация для пользователей">Информация для пользователей</a></li>
<li><a href="/index/0-3" title="Контактная информация">Контактная информация</a></li>
<li><a href="/forum/7" title="Новости сайта">Новости сайта</a></li>
<li><a href="g/index/obshhie_pravila_sajta/0-12" title="Правила сайта">Правила сайта</a></li>
<li><a href="/index/pravoobladateljam/0-6" title="Правообладателям">Правообладателям</a></li>
</ul>
</div>
<div class="bl-foot">
<h4>Mega-Game в сети</h4>
<noindex>
<a href="https://vk.com/mfm_games" title="Группа ВКонтакте" rel="nofollow"><div class="bl-soc col-vk"><i class="fa fa-vk" aria-hidden="true"></i><br>VKONTAKTE</div></a>
<a href="https://www.youtube.com/channel/UCSUyeSNz4FeedvmIXfLYwfQ" title="Канал YouTube" rel="nofollow"><div class="bl-soc col-you"><i class="fa fa-youtube-play" aria-hidden="true"></i><br>YOUTUBE</div></a>
<a href="https://twitter.com/Mega_Game_Org" title="Страница Twitter" rel="nofollow"><div class="bl-soc col-tw"><i class="fa fa-twitter" aria-hidden="true"></i><br>TWITTER</div></a>
<a href="https://plus.google.com/109885122147220833738" title="Страница Google Plus" rel="nofollow"><div class="bl-soc col-goo"><i class="fa fa-google-plus" aria-hidden="true"></i><br>GOOGLE +</div></a>
</noindex>

<div class="bl-btn-foot">
<a class="btn-foot" href="$LOGIN_LINK$" title="Вход на сайт">Вход</a>
<a class="btn-foot" href="$REGISTER_LINK$" title="Регистрация на сайте">Регистрация</a>
</div>

</div>
<div class="decrip">
MEGA-GAME.ORG - Это молодой, но успешно развивающийся игровой торрент портал. На нашем сайте, пользователям предоставляется возможность скачать игру без регистрации и каких либо ограничений для ПК, ноутбуков, консольных
приcтавок XBOX 360 и PlayStation 3. В разделе "Скачать игры", пользователи сайта MEGA-GAME.ORG всегда найдут для себя новые и интересные игры разных жанров и направлений, таких как: Action / FPS / TPS, Adventure / Квесты,
Arcade / Аркады, Erotic / Эротические, For kids / Детские игры, Horror / Ужасы, Logical / Логические, MMORPG / Онлайн-игры, Racing / Гонки, RPG / Ролевые, Simulator / Симуляторы, Shooter / Шутер, Sport / Спортивные, Strategy /
Стратегии и много других увлекательных игр для разной аудитории нашего портала МЕГА-ГЕЙМ.ОРГ. Для того, чтобы скачать понравившуюся Вам игру, достаточно иметь установленный torrent или torent клиент на Вашем ПК. В разделе новые
игры или игры торрент вы всегда найдете информацию о датах выхода игр, которые можно будет скачать торрентом на нашем сайте после релиза понравившейся Вам игры. Скачивайте игры через торент клиент и Вам всегда будет во что
играть.
</div>
</div>
<div id="footer">
<div class="copyright">
<div class="wrapper">

<div class="float_left">
Игровой торрент-портал Mega-Game.Org © 2014 - 2017
</div>
<div class="float_right">
<a href="/sitemap.xml" title="Карта сайта">Карта сайта</a> | <a href="/sitemap-forum.xml" title="Карта форума">Карта форума</a> | <a href="/index/pravoobladateljam/0-6" title="Информация для правообладателей">Правообладателям</a> | $POWERED_BY$
</div>

</div>
</div>
</div>

<div id="back-top">
<a href="#"><i class="fa fa-angle-double-up fa-2x"></i></a>
</div>
</div>


CSS:
Код
.bg-footer {
    padding: 0.4em 0 0 0;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(/img/up_bg.png);
}
#foot-info .inside {
    display: flow-root;
    max-width: 1200px;
    font-family: 'PT Sans', Verdana, sans-serif;
}
.inside a, .inside h2.make-title {
    color: #a9a5a5;
}
.inside a:hover {
    color: #fff;
}
.copyright {
    min-height: 60px;
    overflow: hidden;
    background: #272727;
}
.bl-foot {
    width: 20%;
    float: left;
    padding: 5px;
}
.bl-foot h4 {
    font-family: 'Russo One', Verdana, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
    text-shadow: 0 0 15px #2776dc;
    text-align: center;
    border-bottom: 1px solid rgba(84, 84, 84, 0.21);
    padding-bottom: 5px;
}
ul.foot-menu {
    padding: 0px 5px;
}
ul.foot-menu li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    padding-right: 5px;
    color: #2776dc;
}
.bl-soc {
    width: 25%;
    float: left;
    font-size: 10px;
    text-align: center;
}
.bl-foot a {
    color: #b9b7b5;
    font-size: 14px;
}
.bl-foot a:hover {
    color: #fff;
}
.bl-soc .fa {
    color: #676767;
    font-size: 20px;
}
.col-vk .fa {
    color: #507299;
}
.col-you .fa {
    color: #e62117;
}
.col-tw .fa {
    color: #48AAE6;
}
.col-goo .fa {
    color: #db4437;
}
.decrip {
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 12px;
    float: left;
    line-height: 15px;
    font-family: 'Open Sans', Arial;
    color: #888888;
    border-top: 1px solid rgba(84, 84, 84, 0.21);
    margin-bottom: 5px;
    text-align: justify;
    margin-top: 10px;
}
.copyright .float_left, .copyright .float_right {
    padding: 20px 0;
    font-size: 11px;
    color: #898a8a;
}
.float_right a
    {color: #898a8a;}
.float_right a:hover {
    color: #2776dc;
}


P.S Благодарю заранее за помощь 09a !


Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Kosten
Дата: Вторник, 20.02.2018, 18:46 | Сообщение 2
Администраторы
Сообщений:16800
Награды: 55


А, что с ним не так, у меня корректно показывает.
Страна: (RU)
Kosten
Дата: Вторник, 20.02.2018, 18:47 | Сообщение 3
Администраторы
Сообщений:16800
Награды: 55


TiMzLeR, кэш почистите у браузера.
Страна: (RU)
TiMzLeR
Дата: Вторник, 20.02.2018, 20:49 | Сообщение 4
Проверенные
Сообщений:410
Награды: 0


Kosten, Посмотрите как смотрится у меня на сайте.

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Kosten
Дата: Вторник, 20.02.2018, 20:54 | Сообщение 5
Администраторы
Сообщений:16800
Награды: 55


Но здесь видать нужно полностью низ дорабатывать.
Страна: (RU)
Форум » Самоучитель HTML и CSS » Вопросы по uCoz » Проблема с установкой "ФУТЕРА" (Проблема с установкой нижний части сайта...)
  • Страница 1 из 1
  • 1
Поиск: