Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (57)
Предыдущая тема: Общие вопросы по оформлению (56)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Deff
ай, нет, рано порадовалась, происходит такая ерунда:
на тестовике тоже
http://testjurassic.rusff.ru/viewtopic.php?id=3#p8
Суслик обыкновенный
Ну переставьте, раз пишу, -
.punbb .main .pmtc22,.punbb .main .pmtc33{
width:23%!important;
}
.confessor
Исправьте в Первом Окне стилей красное на 20em
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}
Deff
Alex_63
Вроде получилось вставить в таблицу и в ней самой меня все устраивает, но теперь на этой странице сломалось главное меню - уехало влево. Походу, это обтекание слева действует на всю страницу, раз описывает ее стиль. Как сделать, чтобы оно относилось только к тексту в таблице? Страница http://almarein.spybb.ru/pages/the_potions
Grey_Fox
В HTML низ удалите красное:
<!-- Смена имиджа, ч.2 -->
<style>.punbb .pa-avatar img {max-width:170px;height:auto;}</style>
<script type="text/javascript">
OnSmenaImage("Помощь по форуму", new Array("Краб", "Arkved", "Ilidar", "Харас", "Xatiko[DOG]", "Angel", "Чшир"))
var AvtrArr=new Array(
"http://www.valetudo.ru/redforum/customavatars/avatar8704_28.gif", //Ссылки на картинки Аватар через запятую
"https://pp.vk.me/c627125/v627125108/1fc59/Lyqqh2Lefyo.jpg",
"https://pp.vk.me/c624217/v624217056/4ba87/fpDGxppSRLs.jpg",
"https://pp.vk.me/c624217/v624217056/4ba95/KXNstePtHXE.jpg",
"https://pp.vk.me/c624217/v624217056/4ba9c/S3v55C7jiV4.jpg",
"https://pp.vk.me/c624217/v624217056/4ba8e/rduxr70wX4c.jpg"
//End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
</script>
<!-- //End//-Смена имиджа, ч.2 -->
Mirra Bell
Добавьте синим
<style>
.p1 { text-align: left; display: inline-block;
font-family: lobster;
color: #E4E4E4;
font-size: 14px;
background-color: #666666;
padding: 5px;
box-shadow: inset 0 0 20px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
margin: 2px 0 2px 0;
border-radius: 10px;
width: 587px;
height: 110px;
}
.main table img{float:left;
}
</style>
Alex_63
Большое спасибо, получилось ) Теперь последнее (пока ) ) как уменьшить расстояние между словом "ЗЕЛЬЯ" и таблицей? Там еще целая строка поместится
Grey_Fox
В HTML низ удалите красное:
По высоте рамка теперь растягивается, по ширине - нет.
И:
Данная строка
.pa-avatar img {max-width:170px;height:auto;}-- гарантия , что даже если в случае загрузки пользователем изображения, большего по ширине, чем 170px, оно уменьшится до этого значения. Соответственно, при удалении параметра высоты, тоже теперь не ясно, как поведёт себя такая картинка.
Неужели в коде самой рамки ничего нельзя "important" поставить, чтобы конфликта не было со "сменой имиджа"?
Отредактировано Grey_Fox (Пн, 9 Ноя 2015 10:20:56)
И почему-то ячейки снова сдвинулись по вертикали, даже в таблице. Страница http://almarein.spybb.ru/pages/the_potions
как уменьшить расстояние между словом "ЗЕЛЬЯ" и таблицей?
Добавьте синее сюда:
.pages div.container {
overflow: hidden;
margin-top: -40px;
}
И почему-то ячейки снова сдвинулись по вертикали, даже в таблице. Страница
а вот тут поправьте выделенное красным)
.p1 { text-align: left; display: inline-block;
font-family: lobster;
color: #E4E4E4;
font-size: 14px;
background-color: #666666;
padding: 5px;
box-shadow: inset 0 0 20px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
margin: 2px 0 2px 0;
border-radius: 10px;
width: 587px;
height: 145px;
}</div>
Отредактировано Armavel (Пн, 9 Ноя 2015 14:56:32)
Armavel
Добавьте синее сюда:
.pages div.container {
overflow: hidden;
margin-top: -40px;
}
Это прописано в Исходном Коде, мы не можем туда ничего добавить
Mirra Bell
Наверно в Начало Контента страницы:
<style type="text/css">
.pages h1{
margin-bottom:-60px!important;
}
</style>
Grey_Fox
Скрипте Рамки Замените на такой:
<!-- Рамки для Аватара -->
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
opacity:0.85; /*Начальная прозрачность*/
display:block;
padding:0;
border-width:0;
margin:9px; /*Отступ рамки*/
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
transition-duration: 0.96s;
}
li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
opacity:1.0;
}
</style>
<script>
$(document).ready(function() {
var imgWrp = "http://forumstatic.ru/files/0007/f8/00/56215.png"; // Ccылка на картинку;
imgWrp = '<img src="'+imgWrp+'" class="WrapImg" width="100%" height="100%" style="position:absolute;z-index:100"/>'
$(".post-author ul .pa-avatar img[alt]").each(function() {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
$(this).parent().prepend(imgWrp);
});
});
</script>
<!-- //End//-Рамки для Аватара -->
В HTML Верх поставьте
<style>
.pa-avatar>img:not(.WrapImg){
max-width:170px;
height:auto;
}
</style>
Armavel
Alex_63
Спасибо )
Alex_63
поставила.
колонку отправителя снова не видно.
до переустановки было видно.
так, увеличила до 26
width:23%!important;
вот этот момент.
стало видно и отправителя и дату.
но теперь всё стало лесенкой.
можно ли выровнять?
Суслик обыкновенный
1. Уверен, что так было и раньше(просто менее заметно из-за расстояния).
2. Попробуйте в Конец Первого Окна стилей
#pun-messages.punbb .main table td {
vertical-align:top;
}
Grey_Fox
Скрипте Рамки Замените на такой:Свернутый текст<!-- Рамки для Аватара -->
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
opacity:0.85; /*Начальная прозрачность*/
display:block;
padding:0;
border-width:0;
margin:9px; /*Отступ рамки*/
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
transition-duration: 0.96s;
}
li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
opacity:1.0;
}
</style>
<script>
$(document).ready(function() {
var imgWrp = "http://forumstatic.ru/files/0007/f8/00/56215.png"; // Ccылка на картинку;
imgWrp = '<img src="'+imgWrp+'" class="WrapImg" width="100%" height="100%" style="position:absolute;z-index:100"/>'
$(".post-author ul .pa-avatar img[alt]").each(function() {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
$(this).parent().prepend(imgWrp);
});
});
</script>
<!-- //End//-Рамки для Аватара -->В HTML Верх поставьте
Свернутый текст<style>
.pa-avatar>img:not(.WrapImg){
max-width:170px;
height:auto;
}
</style>
Alex_63, сспасиибо! 
Доброго времени суток.
Столкнулась со странной проблемой:
на форуме стоит вот такой код для фона профиля
/*окантовка профиля - картинками*/
.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #000 !important;
}
li.pa-avatar {margin-top: 2px !important; z-index: 5;}
.pa-title {
color: #000 !important;
font-family: "Century" !important;
font-size: 10pt !important;
font-variant: small-caps !important;
font-weight: 200 !important;
padding: 0px 0px 5px 5px !important;
text-align: center;
}
.pa-author {
background: url("http://s017.radikal.ru/i409/1511/01/52088b494442.png") 0% 0% no-repeat;
color: #000 !important;
height: 25px;
line-height: 26px !important;
margin-left: -0px !important;
margin-top: -0px !important;
padding: 0px 5px 0px 0px !important;
position: relative;
text-align: center;
width: 200px !important;
}
.pa-author a, .pa-author {
color: #000 !important;
font-family: "Century" !important;
font-size: 10pt !important;
font-variant: small-caps !important;
font-weight: 200 !important;
margin-left: 0px;
text-align: center;
font-style: normal !important;
}
.post-author {
background: url("http://i008.radikal.ru/1511/73/84aa7c889818.png") repeat-y; weight: 199px;
color: #000 !important;
}
.post-author ul li {
padding: 0px 3px;
text-align: center;
color: #000 !important;
}
.post-author > ul {
background: url("http://i072.radikal.ru/1511/14/f1d6428f83ee.png") no-repeat scroll center bottom transparent;
margin-left: 0px;
text-align: center;
width: 200px !important;
margin-left: -11px !important;
}Но отображается он очень странно! Мало того что по ширине не могу поменять ничего, так серединка(а вернее картинка в серединке) и вовсе не отображается:
Alex_63
для меня, впервые столкнувшейся с админкой, вы волшебник и лекарь. Вы тут не помощь выдаёте, а пиктограммы пишите, исцеляющие форумы.
Большое вам спасибо за всё: за потраченные нервы и время. За отзывчивость и терпение.
Nubia
Ну есть жа готовый пример: Типовые Вопросы п.п.57
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (57)