Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)
Предыдущая тема: Общие вопросы по оформлению (51)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
установила скрипт слайдера, почему-то не работает стрелочка влево
подскажите, как поднять выше
"Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано"
А также кнопки под шапкой (форум, учасники...)
http://polar.3bb.ru/
Отредактировано корцек (Чт, 20 Фев 2014 08:53:39)
корцек
Во втором окне стиля крутим эту цифру:(уменьшаем)
div#pun-ulinks {
position: absolute;
width: 100%;
margin-left: 10px;
top:470px;
}
http://testnewcreation.rusff.ru/
Deff
установила ваш слайдер. Мало того, что не могу его до конца настроить, так еще и обе кнопки не работают. А левая вообще не отображается. При том, что это новый форум, я установила на него коды дизайна. Слайдер тоже новый. Я даже особо поменять ничего не успела. Единственное - ставлю абсолютное позиционирование. Это может повлиять?
кроме того на этом же форуме мне говорят, что рекламный баннер уезжает. Лично у меня все нормально. Я уже подходила с таким вопросом. Вы посоветовали другой скрипт подвижки. Я теперь его всегда беру, новый, ваш. И все равно говорят, что глючит.
Нэнси Малина
1. Не трогайте позицию в слайдере
Для этого есть вставка блоков обрамления! Типовые Вопросы п.п.34-35
2. Изначально ставим код как есть без изменений, затем, убедившись что работает - правим!
Ибо из-за кривых исправлений, так и не доходят до работоспособности!
3. Читайте внимательно статью!, там написано как выставить ширину слайдера!
Отредактировано Deff (Чт, 20 Фев 2014 21:06:11)
Нэнси Малина
Для Баннера есть спец код позиционирования! Типовые Вопросы п.п.8
Deff
да я и говорю, что ставила ваш спец-код.
Здравствуйте! Скажите пожалуйста, как сделать нечто подобное с ссылками в подфоруме? 
3. Читайте внимательно статью!, там написано как выставить ширину слайдера!
я все сделала, как написано, там не так уж много текста.
вот, что у меня стоит:
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/78275.js"></script>
<div style="height: 210px; width: 340px; top: 506px; margin-left: 175px; position: absolute; z-index: 100;">
<!-- Cлайдер -->
<div id="slider2" slide-width="390" slide-height="210" class="slider" style="padding: 15px; height: 0px; width: 0px;">
<!-- Две Кнопки слайдера -->
<img button-width="25" class="button-left hide" src="http://s8.uploads.ru/wfqg2.png"/>
<img button-width="25" class="button-right" src="http://s8.uploads.ru/LDsiX.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент
</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
2-й Контент
</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">
3-й Контент
</div>
</div><script>$("#slider2").slideF();</script>
<!--//End Cлайдер -->
</div>кнопки косят
Нэнси Малина
для явного и видно позиционирования, удобнее для начальной верстки ставить цветные бордеры
Поставив перед слайдером такой код:
<style>
#slider2 {
border:red solid 1px!important;
}
</style>
Замените, cвой код
<div style="height: 210px; width: 340px; top: 506px; margin-left: 210px; position: absolute; z-index: 100;">
<!-- Cлайдер -->
<div id="slider2" slide-width="320" slide-height="180" class="slider" style="padding: 15px; height: 0px; width: 0px;">
<!-- Две Кнопки слайдера -->
<img button-width="25" class="button-left hide" src="http://s8.uploads.ru/wfqg2.png"/>
<img button-width="25" class="button-right" src="http://s8.uploads.ru/LDsiX.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент
</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
2-й Контент
</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">
3-й Контент
</div>
</div><script>$("#slider2").slideF();</script>
<!--//End Cлайдер -->
</div>Зы2 Кольцевой слайдер выглядит более симпатичней без скрытия кнопок
(там ток нужно скрыть доп меню, см исходник, код слайдера не меняется , только скрипт в HTML верх)
Deff
проблема состоит в том, что стрелки в слайдере должны быть за рамкой, а точнее на ней
а при вашем позиционировании они внутри
http://testnewcreation.rusff.ru/
Блин , проще эскиз итога нарисуйте, чо хотелось, я же вам дал работающий код!
Воткните бордер в обрамление, увидите, что правую кнопку вы загнали!
<div style="border:blue solid 1px!important; height: 210px; width: 340px; top: 506px; margin-left: 175px; position: absolute; z-index: 100;">
Отредактировано Deff (Чт, 20 Фев 2014 21:45:01)
Deff
проблема состоит в том, что стрелки в слайдере должны быть за рамкой, а точнее на ней
а при вашем позиционировании они внутри
http://testnewcreation.rusff.ru/
Не нужно принимать меня за экстрасенса, Эскиз Где ???
Deff
ибо лень ползти в фш:
все довольно просто, не так ли?
красный бордер стоит, код ваш поставила
Нэнси Малина
Замените HTML верх
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/39493.js"></script>
<!-- Welcome -->
<div style="height: 130px; width: 265px; top: 551px; margin-left: -51px; position: absolute; z-index: 100; overflow-y: auto">
<center>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.</center></div>
<!-- Navigation -->
<div style="height: 130px; width: 268px; top: 551px; margin-left: 556px; position: absolute; z-index: 100; overflow-y: auto">
<center>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.</center></div>
<style>#indexActive{display:none;}</style>
<div style="height: 210px; width: 420px; top: 518px; margin-left: 192px; position: absolute; z-index: 100;">
<!-- Cлайдер -->
<div id="slider2" slide-width="386" slide-height="190" class="slider" style="padding: 0; height: 0px; width: 0px;">
<!-- Две Кнопки слайдера -->
<img button-width="25" class="button-left hide" src="http://s8.uploads.ru/wfqg2.png"/>
<img button-width="25" class="button-right" src="http://s8.uploads.ru/LDsiX.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент 1-й Контент
</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
2-й Контент
</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">
3-й Контент
</div>
</div><script>$("#slider2").slideF();</script>
<!--//End Cлайдер -->
</div>
<!-- Скрывает "Награды" из меню-навигации -->
<style>
#pun-navlinks #navawards {
display: none;
}
</style>
<!-- Убирает "Закрыто и "Важно" из названия темы-->
<style>
.stickytext, .closedatafield {
display: none;
}
</style>
<!-- Убирает "Отредактировано" из сообщения -->
<style>
.lastedit {
display: none;
}
</style>
<!--Кнопки вверх вниз-->
<div style="position: fixed; right: 1%; bottom: 35%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх"><img src="http://s8.uploads.ru/F9IfU.png" alt="Вверх" /></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз">
<img src="http://s9.uploads.ru/AKP0t.png" alt="Вниз" style="margin-top: 0px;" /></a>
</div>
<!-- Убирает надпись "Объявление" -->
<style type="text/css">
#pun-announcement h2 {
display: none;
}
#pun-announcement .container {
padding-top: 1em;
}
</style>
<style type="text/css">
.scrollbox {
height: auto !important;
}
</style>Deff
немного не попали, пикселов 5-7, а так все отлично)) как это доправить?
http://testnewcreation.rusff.ru/
Нэнси Малина
<style>
.button-left{
margin-left:3px;
}
.button-right{
margin-left:-7px;
}
</style>
Deff
все идеально, спасибо!))
Здравствуйте! Скажите пожалуйста, как сделать нечто подобное с ссылками в подфоруме?
Типовые Вопросы п.п.56
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)