Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Nikotinka
стандартные дизайны адаптированы
Здравствуйте.
Подскажите, как подфорумы перенести в описание форума?
Описание форума таким кодом:
<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>
Или же с главной страницы скрыть подфорумы (скриптом скрытия разделов, например), но на странице тем чтобы они оставались видны в списке?
Отредактировано Riya (Вс, 5 Май 2019 16:21:19)
Riya
Поправьте в ФШ скриншот одного из форумов с пдфорумами на главной, как должно выглядеть в итоге ?
Deff
Riya
В HTML верх:
<script type="text/javascript">
$().pun_mainReady(function(){$('#pun-index .subforums').each(function(){
$(this).appendTo($(this).parent('.tclcon').find('.forumtext'));});});
</script>Deff
Спасибо вам огромное, вы чудо! Я так долго ковырялась, но ничего не вышло. А вы в который раз спасаете!
Здравствуйте! Не могу найти, как изменить цвет рамки поля ввода текста при его выделении. По умолчанию он синий. 
Эйфория
textarea:focus{
outline:red solid 1px!important;
}
Доброго времени! Попыталась сделать таблицу, которая появлялась при наведении на шапку на саму картинку, но она не работает как надо, а после парочки изменений значения 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>
Эвелина Шайн
Замените:
.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)
Deff
То что надо. Спасибо вам большое!
Эвелина Шайн
Если создать полностью прозрачную картинку размером с http://sg.uploads.ru/Da7GH.jpg и надвинуть её на эту картинку
, то тогда этот див будет появляться и при наведении на эту картинку
Чтобы видеть как двигать, установите на прозрачку временно border:red solid 1px;
Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?
Deff
Хмм, это будет хорошей идеей. А как туда вставить эту картинку?
Эвелина Шайн
Добавьте к вашему коду, - красным
<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>
Deff
Хорошо, спасибо вам)
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
Про текст - сорри, не знаю, как.
Но точно - можно.
bektau
ПС
может (скорее всего) потребоваться подгонка по высоте - месту:
background-position:center top;
height:250px;
margin-top:-245px;
margin-bottom:240px;
margin-top:-15px;
поиграйте с цифрами
Отредактировано Dango (Ср, 29 Май 2019 19:25:46)
Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?
Да, выложите ссылку на картинку и ссылку на форум
bektau написал(а):Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?
Да, выложите ссылку на картинку и ссылку на форум
Спасибо, я уже сделала)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)