Язык
Контакты
GitHub
Поддержка
Регистрация
Войти
Логин: Пароль: Запомнить:
Пользователи
Последние сообщения
Ответить
1

Как изменить верхнюю часть стандартного шаблона?

Pyrk2142

  • Заглянувший
  • Юзер
  • 13
  • Репутация:0 
  • Предупреждения: 0 
  • Регистрация:
    2 Ноя 2011
#1
Всем доброго времени суток.
Мне очень понравился стандартный шаблон, я его немного посмотрел, теперь очень захотелось изменить вид верхней его части, а именно ту часть, где шарик с надписью скачать, и пункты шаблоны, документация, модули, плагины? Расскажите пожалуйста, как заменить центральное изображение, и эти надписи на любые другие, плюс, заменить центральную надпись. Подскажите, что именно надо редактировать, буду очень обязан.

Ater

  • Атом-мозг
  • Юзер
  • 750
  • Репутация:15 
  • Предупреждения: 0 
  • Регистрация:
    17 Авг 2010
#2
эм, а в чем проблема то?
все находится в файлике main.html где то с 40 строки и дальше...
если совсем не в ладах с HTML то пиши конкретнее.

Все мое имхо...
------
Не флуди и не да зафлудим будешь!

Pyrk2142

  • Заглянувший
  • Юзер
  • 13
  • Репутация:0 
  • Предупреждения: 0 
  • Регистрация:
    2 Ноя 2011
#3
Я понимаю, где это искать, все остальное хорошо редактируется, а эта часть у меня не выходит абсолютно. Код, отвечающий за нее вот:
Code:
<div class="mouse">
        <div class="slide-help" id="disign" style="display:none;margin-left:170px;margin-top:-50px;">
            <div class="top"></div>
            <div class="center">
                Шаблоны - это готовые  <br />
                дизайны на любой вкус  <br />
                и тематику,которые вы <br />
                можете бесплатно скачать.
            </div>
            <div class="bottom"></div>
        </div>
        <a onMouseOver="$('#disign').slideDown('fast');" onMouseOut="$('#disign').slideUp('fast');" href="#"><span class="disign"></span></a>
        
        <div class="slide-help" id="documentaciya" style="display:none;margin-left:170px;margin-top:70px;">
            <div class="top"></div>
            <div class="center">
                Документация позволит вам <br />
                быстрее освоить систему. <br />
                Настоятельно рекомендуем <br />
                ее изучить.
            </div>
            <div class="bottom"></div>
        </div>
        <a onMouseOver="$('#documentaciya').slideDown('fast');" onMouseOut="$('#documentaciya').slideUp('fast');" href="/documa"><span class="documentaciya"></span></a>
        
        <div class="slide-help" id="modules" style="display:none;margin-left:624px;margin-top:-66px;">
            <div class="top"></div>
            <div class="center">
                Модули Fapos - это блоки <br />
                из которых выстраивается <br />
                функционал сайта. Например <br />
                Форум, галерея, новости ...
            </div>
            <div class="bottom"></div>
        </div>
        <a onMouseOver="$('#modules').slideDown('fast');" onMouseOut="$('#modules').slideUp('fast');" href="#"><span class="modules"></span></a>
        
        <div class="slide-help" id="plugins" style="display:none;margin-left:624px;margin-top:44px;">
            <div class="top"></div>
            <div class="center">
                Плагины и сниппеты позволя-<br />
                ют расширять стандартные<br /> 
                возможности. И тут предел<br />
                лишь ваша фантазия
            </div>
            <div class="bottom"></div>
        </div>
        <a onMouseOver="$('#plugins').slideDown('fast');" onMouseOut="$('#plugins').slideUp('fast');" href="#"><span class="plugins"></span></a>
    </div>
    <div class="big-download-but"></div>
</div>
Вопрос в том, как убрать с центрального шарика надпись скачать, возможно заменить само изображение. Плюс заменить надписи на полосках, такие как шаблоны, шаблоны, документация и тд.
Буду очень благодарен за ответы.

Ater

  • Атом-мозг
  • Юзер
  • 750
  • Репутация:15 
  • Предупреждения: 0 
  • Регистрация:
    17 Авг 2010
#4
копай вот этот код

Цитата
<div class="big-download-but" onmouseover="$('#download').fadeIn('slow');">
<div id="download" class="big-download-buth" onmouseout="$('#download').fadeOut('slow');" style="display: none;"></div>
</div>

и каскадники соответствующие

предположительно вот тут

Цитата
.big-download-buth {
background: url("../img/big-download-button2.png") no-repeat scroll 0 0 transparent;
display: none;
height: 264px;
width: 346px;
}

ссылки на выносках где то тут <div class="mouse">

Все мое имхо...
------
Не флуди и не да зафлудим будешь!

LIFE-STALKER

  • Истенный Атомовод
  • Юзер
  • 363
  • Репутация:6 
  • Предупреждения: 0 
  • Регистрация:
    25 Июн 2011
#5
Pyrk2142 пишет:
как убрать с центрального шарика надпись скачать
Удалить из css вот эту строчку
Code:
.big-download-but:hover {background:url('../img/big-download-button2.png') no-repeat;}
Если что это строка №12
Pyrk2142 пишет:
возможно заменить само изображение
Отредактируй картинку /template/12/img/mouse.png в графическом редакторе.
Не забывай что отредактированное изображение должно быть такого же размера.
Pyrk2142 пишет:
Плюс заменить надписи на полосках, такие как шаблоны, шаблоны, документация и тд.
Тоже самое что и с изображением шара, редактируется в графическом редакторе.
Изображения:
/template/12/img/disign.png - Шаблоны(дизайн)
/template/12/img/documentaciya.png - Документация (дизайн)
/template/12/img/modules.png - модули
/template/12/img/plugins.png - Плагины.

Отредактировано автором 13 Янв 2012

Pyrk2142

  • Заглянувший
  • Юзер
  • 13
  • Репутация:0 
  • Предупреждения: 0 
  • Регистрация:
    2 Ноя 2011
#6
О, огромное спасибо всем ответившим!

Drunya

  • Man of God
  • Админ
  • 3527
  • Репутация:110 
  • Предупреждения: 0 
  • Регистрация:
    30 Ноя -0001
#7
Pyrk2142, главное не забывай, что HTML связан с CSS, а CSS подтягивает изображения. Ну и еще HTML может быть дополнен жабаскриптом для динамичности.
Например, если в шаблоне есть див
Code:
<div class="test">
Значит в CSS есть строка
Code:
.test {что-то...}
которая описывет свойства этого дива(размер, фон и так далее)

Я горжусь тем, что создал бесплатную CMS - AtomX. И люблю нашу команду)

Pyrk2142

  • Заглянувший
  • Юзер
  • 13
  • Репутация:0 
  • Предупреждения: 0 
  • Регистрация:
    2 Ноя 2011
#8
Спасибо, учту на будущее.
И еще один вопрос. Я нашел довольно хороший слайдер здесь: http://jonraasch.com/blog/a-simple-jquery-slideshow Как его установить на сайт?

Отредактировано автором 13 Янв 2012
1
Сейчас online: 37. Зарегистрированных: 1. Гостей: 36.