Ответить
Удалить из css вот эту строчку
Если что это строка №12
Отредактируй картинку /template/12/img/mouse.png в графическом редакторе.
Не забывай что отредактированное изображение должно быть такого же размера.
Тоже самое что и с изображением шара, редактируется в графическом редакторе.
Изображения:
/template/12/img/disign.png - Шаблоны(дизайн)
/template/12/img/documentaciya.png - Документация (дизайн)
/template/12/img/modules.png - модули
/template/12/img/plugins.png - Плагины.
1
Как изменить верхнюю часть стандартного шаблона?
Отправлено: 10 Янв 2012#1
Всем доброго времени суток.
Мне очень понравился стандартный шаблон, я его немного посмотрел, теперь очень захотелось изменить вид верхней его части, а именно ту часть, где шарик с надписью скачать, и пункты шаблоны, документация, модули, плагины? Расскажите пожалуйста, как заменить центральное изображение, и эти надписи на любые другие, плюс, заменить центральную надпись. Подскажите, что именно надо редактировать, буду очень обязан.
Мне очень понравился стандартный шаблон, я его немного посмотрел, теперь очень захотелось изменить вид верхней его части, а именно ту часть, где шарик с надписью скачать, и пункты шаблоны, документация, модули, плагины? Расскажите пожалуйста, как заменить центральное изображение, и эти надписи на любые другие, плюс, заменить центральную надпись. Подскажите, что именно надо редактировать, буду очень обязан.
Отправлено: 12 Янв 2012#2
эм, а в чем проблема то?
все находится в файлике main.html где то с 40 строки и дальше...
если совсем не в ладах с HTML то пиши конкретнее.
все находится в файлике main.html где то с 40 строки и дальше...
если совсем не в ладах с HTML то пиши конкретнее.
Все мое имхо...
------
Не флуди и не да зафлудим будешь!
------
Не флуди и не да зафлудим будешь!
Отправлено: 12 Янв 2012#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>
<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>
Буду очень благодарен за ответы.
Отправлено: 12 Янв 2012#4
копай вот этот код
и каскадники соответствующие
предположительно вот тут
ссылки на выносках где то тут <div class="mouse">
Цитата
<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>
<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;
}
background: url("../img/big-download-button2.png") no-repeat scroll 0 0 transparent;
display: none;
height: 264px;
width: 346px;
}
ссылки на выносках где то тут <div class="mouse">
Все мое имхо...
------
Не флуди и не да зафлудим будешь!
------
Не флуди и не да зафлудим будешь!
Отправлено: 13 Янв 2012#5
Pyrk2142 пишет:
как убрать с центрального шарика надпись скачать
Code:
.big-download-but:hover {background:url('../img/big-download-button2.png') no-repeat;}
Pyrk2142 пишет:
возможно заменить само изображение
Не забывай что отредактированное изображение должно быть такого же размера.
Pyrk2142 пишет:
Плюс заменить надписи на полосках, такие как шаблоны, шаблоны, документация и тд.
Изображения:
/template/12/img/disign.png - Шаблоны(дизайн)
/template/12/img/documentaciya.png - Документация (дизайн)
/template/12/img/modules.png - модули
/template/12/img/plugins.png - Плагины.
Отредактировано автором 13 Янв 2012
Отправлено: 13 Янв 2012#7
Pyrk2142, главное не забывай, что HTML связан с CSS, а CSS подтягивает изображения. Ну и еще HTML может быть дополнен жабаскриптом для динамичности.
Например, если в шаблоне есть див
Значит в CSS есть строка
которая описывет свойства этого дива(размер, фон и так далее)
Например, если в шаблоне есть див
Code:
<div class="test">
Code:
.test {что-то...}
Я горжусь тем, что создал . И люблю нашу команду)
Отправлено: 13 Янв 2012#8
Спасибо, учту на будущее.
И еще один вопрос. Я нашел довольно хороший слайдер здесь: http://jonraasch.com/blog/a-simple-jquery-slideshow Как его установить на сайт?
И еще один вопрос. Я нашел довольно хороший слайдер здесь: http://jonraasch.com/blog/a-simple-jquery-slideshow Как его установить на сайт?
Отредактировано автором 13 Янв 2012
1
Зарегистрируйтесь или авторизуйтесь что бы писать
Сейчас online: 76. Зарегистрированных: 0. Гостей: 76.