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

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

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


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


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

Сообщений 101 страница 120 из 2001

1

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

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

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

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

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

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

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

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

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

+4

101

Nikotinka
стандартные дизайны адаптированы

0

102

Здравствуйте.
Подскажите, как подфорумы перенести в описание форума?
https://funkyimg.com/i/2TG95.jpg
Описание форума таким кодом:

<div class="forumtext">По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.</div>

?  СЮДА ПОМЕСТИТЬ SUBFORUMS

<div class="forumlink">
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a></div>

скрины

https://funkyimg.com/i/2TG9f.jpg
https://funkyimg.com/i/2TG9g.jpg

Или же с главной страницы скрыть подфорумы (скриптом скрытия разделов, например), но на странице тем чтобы они оставались видны в списке?

Форум

Отредактировано Riya (Вс, 5 Май 2019 16:21:19)

0

103

Riya
Поправьте в ФШ скриншот одного из форумов с пдфорумами на главной, как должно выглядеть в итоге ?

+1

104

Deff
https://funkyimg.com/i/2TGsn.jpg

+1

105

Riya
В HTML верх:

Код:
<script type="text/javascript">
$().pun_mainReady(function(){$('#pun-index .subforums').each(function(){
 $(this).appendTo($(this).parent('.tclcon').find('.forumtext'));});});
</script>

+3

106

Deff
Спасибо вам огромное, вы чудо! Я так долго ковырялась, но ничего не вышло. А вы в который раз спасаете!

+2

107

Здравствуйте! Не могу найти, как изменить цвет рамки поля ввода текста при его выделении.  По умолчанию он синий. 
https://i.imgur.com/xzMeLJzm.jpg

0

108

Эйфория

textarea:focus{
  outline:red solid 1px!important;
}

+2

109

Доброго времени! Попыталась сделать таблицу, которая появлялась при наведении на шапку на саму картинку, но она не работает как надо, а после парочки изменений значения opacity вообще работать перестала. Что нужно сделать, чтобы она заработала? Помогите, пожалуйста т.т
Ссылка на форум: http://jnytxtujltkfnm.0pk.ru

Код:
.invisibleTable {
  visibility: hidden;
  opacity: 0;
}

.invisibleTable:hover {
  visibility: visible;
  opacity: 1;
  position: absolute;
  z-index: 100;
  transition: 1s;
}
Код:
<div class="invisibleTable" style="background: #e9dfd3;position:absolute;z-index:100;margin-top: 60px;margin-left: 258px;width:395px;height:235px;">Текст, текст, текст...</div>

0

110

Эвелина Шайн
Замените:

Код:
.invisibleTable {
  position: absolute;
  border-radius:3px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: 1s;
}
 
#html-header:hover .invisibleTable {
  visibility: visible;
  opacity: .982;
}
Код:
<div class="invisibleTable" style="background: #e9dfd3;position:absolute;z-index:100;margin-top: 37px;margin-left: 4px;width:395px;height:206px;">Текст, текст, текст...</div>

Отредактировано Deff (Вт, 28 Май 2019 18:41:15)

+2

111

Deff
То что надо. Спасибо вам большое!

+1

112

Эвелина Шайн
Если создать полностью прозрачную картинку размером с  http://sg.uploads.ru/Da7GH.jpg и надвинуть её на эту картинку
, то тогда этот див будет появляться и при наведении на эту картинку

Чтобы видеть как двигать, установите на прозрачку временно border:red solid 1px;

0

113

Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?

0

114

Deff
Хмм, это будет хорошей идеей. А как туда вставить эту картинку?

+1

115

Эвелина Шайн
Добавьте к вашему коду, - красным

<div style="position:absolute;z-index:10;margin-top: 45px;margin-left: 230px;width:500px;height:190px;"></div>
<div class="invisibleTable" style="background: #e9dfd3;position:absolute;z-index:100;margin-top: 45px;margin-left: 230px;width:500px;height:190px;">Текст, текст, текст...</div>

+1

116

Deff
Хорошо, спасибо вам)

0

117

bektau
Знаю, что можно.
Но, поскольку я чайник, могу просто поделиться примером - мне делали новогоднюю шапку-картинку:
в Html-верх:

Свернутый текст
Код:
<style>
#pun-title .title-logo {
display:none;
}

#pun-title table {
background-image:url(https://forumstatic.ru/files/0013/61/d9/24838.png);
background-position:center top;
background-repeat:no-repeat;
height:250px;
}

#pun-navlinks .container {
margin-top:-245px;
margin-bottom:240px;
}

#pun-ulinks .container{ 
margin-top:-15px;
}
</style>

Картинку вставляете свою вместо https://forumstatic.ru/files/0013/61/d9/24838.png

Про текст - сорри, не знаю, как.
Но точно - можно.

+1

118

bektau
ПС
может (скорее всего) потребоваться подгонка по высоте - месту:

background-position:center top;
height:250px;
margin-top:-245px;
margin-bottom:240px;
margin-top:-15px;

поиграйте с цифрами

Отредактировано Dango (Ср, 29 Май 2019 19:25:46)

+2

119

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

Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?

Да, выложите ссылку на картинку и ссылку на форум

+3

120

Deff написал(а):
bektau написал(а):

Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?

Да, выложите ссылку на картинку и ссылку на форум

Спасибо, я уже сделала)

+1


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