Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)
Предыдущая тема: Общие вопросы по оформлению (57)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Небылица
Ссылку на Ваш форум и на форум с примером со скриншота
Alex_63, наверное border-image c картинкой равной по ширине #pun
Deff
Да не, обычно делают padding:2em у #pun и три картинки фоном:
1. На шапку (no-repeat)
2. На #pun (repeat-y)
3. На футер (no-repeat)
Ссылку на Ваш форум
на форум с примером со скриншота
ссылки нет, нашла в интернете, но таких полно
например, http://side.rusff.ru
Небылица
Ну у Вас и так рамка по бокам есть, нарисуйте шапку с такой же рамкой сверху и с боков, и футер ("подвал") с рамкой снизу и с боков, - вставим
Доброго времени суток 
Не подскажите, как мне изменить шрифт и его размер в названии подфорума "Персонажи" в разделе "INTRODUCTION TO THE WORLD", а ещё пододвинуть данное название вправо?
http://msjuliet.rolka.su
Отредактировано Ms. Juliet (Чт, 24 Мар 2016 20:04:07)
Ms. Juliet
В HTML верх
<style type="text/css">
.subforums {
margin-left: 8em !important;
}
.subforums span a{
font-family:Georgia;/*шрифт*/
font-size:13px; /*размер*/
}
</style>
Alex_63
Спасибо большое)
Тира, ссылку на форум с проблемой
Приведите ссылку на подобное, или сделайте эскиз в ФШ
(Простите, что долго не отвечала.) http://cats00warrions.mybb.ru/
Как я поняла проблема вот в этом коде:
<style> /* Стиль всплывающего меню */
.splLink {cursor:pointer;width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}
/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://s017.radikal.ru/i430/1603/72/611f9016ca14.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
/*text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;*/
}
.splCont:first-letter {
font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
font-size: 200% !important; /* Размер шрифта первого символа */
color: red; /* Красный цвет текста */
} /* Конец Стиля всплывающего меню */
</style>
<DIV style="position: fixed;right:0;top:50px;z-index:20000"><div class=splLink><img src="http://s020.radikal.ru/i712/1603/ca/35eaa6497638.png"/></div>
<DIV style="DISPLAY: none;position: absolute; right:17px;top:74px;" class=splCont>
Сезон Юных Листьев <br />
Снежок тает, мышки вылезают. Самое время пополнить запасы дичи<br />
Солнышко встало, а коты вместе с ним.<br />
Снег: 4 см<br />
Прогноз: Сегодня будет солнечно. +3<br />
</DIV></DIV>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
Но в чем именно? Просто очень нужна эта панелька.
Тира
Я проверила на своём форуме-песочнице и хочу сказать что всё норм. Может ты вставляла не туда?
Ой ты уже всё сделала
Должно быть
Отредактировано Тира (Пт, 25 Мар 2016 15:44:43)
Тира
Напомните еще раз, в чем была проблема (Нун или сразу отвечать, или дублировать просьбу, посколь у модераторов много работы,
Здравствуйте. Подскажите, пожалуйста, как нижний фон вот тут опустить вниз, чтобы не было видно основного фона?
Отредактировано exodius (Пт, 25 Мар 2016 18:28:58)
exodius
Во Втором Окне стилей Добавьте синим:
/* Футер */
#pun-about p.container {
background-image : url(http://i.imgur.com/CONwXIB.png);
margin: 0px 0px -80px -30px;
background-position : center top;
background-repeat : no-repeat;
width: 900px;
height: 112px;
position:relative;bottom:-10px;
overflow-x: hidden;}
Alex_63
добавил, но фон все равно нижний стоит, как и стоял. его возможно пониже опустить?
Alex_63
все, разобрался! спасибо!
exodius
Ну нинаю, сделайте скрин, ткните стрелкой, что где не так ? (Upd - Раз решено - тады не нун
Снова здравствуйте. Возникает вот такая проблема на форуме при вставке любого скрипта в html-низ (сейчас там только скрипт для категорий). Постоянно появляется выступ, что делать в этой ситуации? http://i.imgur.com/PCTrSQI.png
http://wiccanostw.rusff.ru
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)
