Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (51)


Общие вопросы по оформлению (51)

Сообщений 781 страница 800 из 997

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Fover (Чт, 31 Окт 2013 05:16:27)

0

781

kolista
В HTML верх
<style type="text/css">
#pun-stats ul.container {
  background: transparent url(Ссылка) no-repeat 16px 31px;
}
</style>


Зы: Удобная форма Поиска (В HTML верх)

Код:
<!--Поиск-->
<style>
.splContR {
z-index:-1;
width:265px!important; /*ширина окна*/
height:auto; /*высота окна*/
border-radius: 20px;
background: rgba(157,211,247,.87);
box-shadow: 20px 0 15px #0186E2 inset  !important;
top:-6px; /*отступ окна от верха кнопки*/
right:-7px; /*отступ окна от правого края монитора*/
padding:14px 40px 14px 21px!important;
text-align:center;
color:#55271A; /*цвет шрифта*/
font: normal normal 400 12px/normal Georgia;
font-family:Georgia; /*шрифт*/
}
.splLinkR {
 cursor:pointer;
}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLinkR').click(function(){
      $(this).parent().children('div.splContR').toggle('normal');
      if($(this).hasClass('active')){$(this).removeClass('active');$('#punbbsearch').submit();}
      return false;
    });
  });
</script>

<!--Блок с содержимым правой панели-->
<div style="position:fixed;right:8px;top:8px;z-index:100">
<img class=splLinkR title="Искать!" src="http://s6.uploads.ru/tCs8Q.png" border="0" />
<div style="display:none;position:absolute;" class=splContR>
<form id="punbbsearch" method="get" action="/search.php">
<input type="hidden" name="action" value="search">
<input type="text" id="fld1s" name="keywords" size="30" placeholder=" Поиск по форуму " maxlength="100" oninput="$('.splLinkR').addClass('active')">
</form></div>
</div>

http://s7.uploads.ru/T3aR4.png

Отредактировано Deff (Чт, 26 Дек 2013 04:07:25)

0

782

Deff

благадарю

0

783

А можно ли зделать такои скрипт  как на скине красным выделено
http://s6.uploads.ru/delh6.png

зделать такое миню в этом же месте и если есть объявление чтобы не заходила за рамки объявления

И при нажатие  иконки перекидывало на нужную тему
И также как на скрине картинка а под ней  название

Отредактировано kolista (Чт, 26 Дек 2013 06:21:25)

0

784

kolista
В HTML верх

<style type="text/css">
.inBlock {
  text-align:center;
  display:inline-block;
  margin:0 13px; /*Расстояние между картинками*/
}
</style>

Туда, где нужны картинки:


<center>

<a href="Ccылка на тему" class="inBlock"><img src="Ссылка на картинку"/><br>Текст</a>

<a href="Ccылка на тему" class="inBlock"><img src="Ссылка на картинку"/><br>Текст</a>

<a href="Ccылка на тему" class="inBlock"><img src="Ссылка на картинку"/><br>Текст</a>

...

</center>

0

785

Deff
Мне хочется вставь ниже  где вот такие сообщения
Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано

Только незнаю как вставлят тоесть куда это идет не обявление и не верх и не низ

0

786

kolista Можно куда хотите спозиционировать
Типовые Вопросы п.п.34-35

kolista написал(а):

Только незнаю как вставлят тоесть куда это идет не обявление и не верх и не низ

Судя по скриншоту, удобнее всего в объявление

Отредактировано Deff (Чт, 26 Дек 2013 07:26:34)

0

787

Deff
Уменя в обявление стоит таблица( не красиво будет

0

788

kolista
Ставите в объя вление блок по ссылке Типовые Вопросы п.п.34-35
и позиционируете куда следует

Отредактировано Deff (Чт, 26 Дек 2013 07:51:46)

0

789

Подскажите, пожалуйста, скрипт, который будет увеличивать картинки в объявлении при наведении. Использовал вот этот скрипт, но дело в том, что если после наведения отвести курсор, то картинка всё равно останется увеличенной, что раздражает немного. Мне нужно, чтобы она обратно возвращалась...
http://test654.mybb.ru/

0

790

tiger_roman
В Html-низ:

Код:
<script type="text/javascript" src="http://forumstatic.ru/files/0012/e8/7a/87772.js"></script>

Туда, где нужна картинка:

<img class="zoomi" src="ссылка на изображение" width="100" />

Выделенное красным - ширина уменьшенного изображение.

0

791

Fover, поставил, но картинка не увеличивается при наведении...

0

792

Некоторые игроки жалуются, что при первом заходе на форум, встречает вот такая картина:
http://s6.uploads.ru/t/VHkB4.png
http://s6.uploads.ru/t/IGsuB.png
Проблема убирается, если пощелкать кнопки переключения дизайна, и если зайти не в первый раз, не вычищая кэш, то тоже проблема не стоит, но при первом посещении с любого браузера у некоторых вот такое зрелище.
Можно ли как-то решить эту проблему?

Ссылка на форум: http://malstorm.mybb.ru/
Скрипт для переключения используем этот: http://support.rusff.me/viewtopic.php?id=2119

0

793

Не могу никак подогнать размер шапки чтобы ничего не обрезалось
1) Сама шапка: --
2) И как выглядит на форуме : http://piu.mybb.su/

0

794

Князь написал(а):

Можно ли как-то решить эту проблему?

1. Все картинки дизайна перезаливайте в Администрирование - Файлы - меняйте ссылки
ибо uploads сейчас,  - точно не для первичной загрузки диза и фонов, ток картинки в постах

0

795

Zambaga написал(а):

Не могу никак подогнать размер шапки чтобы ничего не обрезалось1) Сама шапка:

Попробуйте в Конец Первого Окна стиля:

#pun-title table{
  border: none 0;
  background:none transparent;
}
#pun-title {
background: url("http://i7.pixs.ru/storage/2/8/6/11psd_7558059_10232286.jpg") 50% 0 no-repeat #151FA1;
margin-left:-13px;
border: none 0;
background-clip:border-box;
border-bottom: solid 16px #151FA1;
height: 350px;
width: 994px;
}

0

796

tiger_roman
Суть скрипта:
Вместо "ссылка на изображение" вы ставите url большой картинки, а с помощь width вы ее уменьшаете.
И при наведении показывает просто оригинальную картинку, а так она будет уменьшена.

0

797

Крепитесь, я вас немного помучаю с вопросами))

http://piu.mybb.su/ как сделать названия тестовых категорий посередине и уровнять? либо так картинку сузила :canthearyou:

0

798

Zambaga
Могу ошибаться, но попробуйте во втором окне стиля поменять выделенные бардовым значения.

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-announcement h2 {
  background: #000000 url(http://i7.pixs.ru/storage/1/5/2/12jpg_3 … 237152.jpg) no-repeat;
  height: 100px;
  background-position: bottom center;
  font-weight: bold;
  color: #fff;
  }

#pun-stats h2 span, .punbb .main h1 span, .punbb .main h2 span, #pun-debug h2 span, .punbb-admin #pun-admain h2 span, #pun-announcement h2 span {
  position: relative;
  top: 35px;
  left: 85px;
  }

0

799

Fover, дело в том, что картинка не увеличивается при наведении. Может, я что-то не так сделал?
Вот скриншоты ошибок:

Скриншоты

При открытии вкладки с увеличивающейся картинкой появляется прокрутка. При наведении курсором на картинку ничего не изменяется.
http://s7.uploads.ru/t/cDvjA.png
В конце прокрутки находится увеличенная картинка/
http://s7.uploads.ru/t/9Cikm.png

0

800

Доброго времени суток.
Помогите пожалуйста поставить вот это http://s6.uploads.ru/na4oM.jpg в самый низ форума.
Код в стилях есть, но почему то не получается установить: http://s7.uploads.ru/t/IGoBz.png

http://design22.mybb.ru/

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (51)