Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (55)
Предыдущая тема: Общие вопросы по оформлению (54)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Ура!
В теги tr добавьте
<tr valign=top>
добрый вечер, появились несколько вопросов
1) как убрать все эти белые\серые\черные линии?
http://sh.uploads.ru/Gr6W0.png
2) как сделать двойную рамку вокруг цитаты? как тут - http://feelcross.rusff.ru/viewtopic.php … p=12#p5663
3) и какой скрипт для цветного скролл бара? тоже как тут справа - http://feelcross.rusff.ru/viewtopic.php … p=12#p5663
заранее спасибо, мой форум: http://llenivaya.mybb.ru/
error202
1. Стиль границ в сообщении:
В Первом Окне стилей найдите
/* C3 Topics
-------------------------------------------------------------*//* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}/* C3.3 */
.punbb .post h3 span {
border-left: 1px solid #a7b5bd;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}
Замените на
/* C3 Topics
-------------------------------------------------------------*//* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-color: transparent !important;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
border-color: transparent !important;
}/* C3.3 */
.punbb .post h3 span {
border-left: none;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}
2. В HTML верх
<style type="text/css">
.punbb .quote-box, .punbb .code-box {
padding: 5px;
border: double #63422e !important;
border-radius: 5px;
}
</style>
Красное - цвет рамки, зеленое - радиус скругления (и то, и другое можно менять)
3. Цветная Полоса прокрутки:
<style type="text/css">
/* Полоса прокрутки */
::-webkit-scrollbar {
width: 10px;
height: 5px;
background-color: #63422e;
}
/* Ползунок полосы прокрутки */
::-webkit-scrollbar-thumb {
background-color: #b7a18b;
}
</style>
Синее - ширина полосы, красное - фоновый цвет - при необходимости меняйте
(* Поправил
Отредактировано Alex_63 (Чт, 11 Июн 2015 20:01:45)
Alex_63
огромное вам спасибо! 
появился еще ряд вопросов, буду рада если поможете 
форум тот же - http://llenivaya.mybb.ru/
ссылка на скрин: http://sg.uploads.ru/MXFYS.png
1) как убрать белые полосочки?
2) как сделать что бы имя юзера, статус и аватар были слитным зеленым фоном, а всё остальное слитным между собой?
3) как выровнять эти ссылки по центру профиля? т.е. сместить их немного вправо + возможно ли эти слова заменить на картинки?
4) как увеличить цифру поста? и сделать её другим шрифтом
спасибо 
Deff
http://sg.uploads.ru/dMIwu.png
Под ником хочется такой фон и шрифт, а от него что бы слитно продолжались статус и аватар.
Ниже будут кнопки переключатели, что бы под каждой вкладкой была слитая информация
Картинку онлайн установлю скриптом, а вот лс, веб сайт и т.д. хочется сделать по центру профиля и оконтовать тоже рамочкой.
Справа показала как хочу оформить окошко с номером поста
error202
1. Рамки одновременно на несколько полей удобней делать общим фоном на профиль в топике
2. Для начала работы установите скрипт кнопок Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика
3. Текущие обрамления на каждом поле профиля лучше убрать, дабы не мешались
error202
1. Найдите в Первом окне стилей
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}
Замените на
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left: none 0 transparent;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: solid;
border-top-color: transparent !important;
border-top-width: 1px;
background: transparent;
text-align: right;
}
Отредактировано Alex_63 (Вс, 14 Июн 2015 16:10:07)
Рамки одновременно на несколько полей удобней делать общим фоном на профиль в топике
можно подробнее об этом, пожалуйста?
Алекс, спасибо
Отредактировано error202 (Вс, 14 Июн 2015 16:14:06)
error202
2. В конец Второго Окна стилей
ul.post-ul-Sp {
border: solid 1px #5d6e43;
border-radius: 7px;
background: url(http://sh.uploads.ru/kK56s.png);
padding-top: 3px !important;
}
.post-author ul.post-ul-Sp > li {
margin-left: -10px !important;
}
/* Автор поста: фон, границы */
li.pa-author {
border-top: solid 1px #5d6e43;
border-right: solid 1px #5d6e43;
border-left: solid 1px #5d6e43;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background: gradient(linear, top, #669966 0%, #66CC66 30%, #66CC66 70%, #669966 100%) !important;
background: -webkit-linear-gradient(top, #669966 0%, #66CC66 30%, #66CC66 70%, #669966 100%) !important;
background: -moz-linear-gradient(top, #669966 0%, #66CC66 30%, #66CC66 70%, #669966 100%) !important;
background: -o-linear-gradient(top, #669966 0%, #66CC66 30%, #66CC66 70%, #669966 100%) !important;
}
/* Статус */
li.pa-title {
border-right: solid 1px #5d6e43;
border-left: solid 1px #5d6e43;
}
/* Аватар */
li.pa-avatar {
border-left: solid 1px #5d6e43;
border-right: solid 1px #5d6e43;
border-bottom: solid 1px #5d6e43;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
/* Ник Автора поста */
.pa-author a {
font-family: Arno Pro Smbd Display !important; /* шрифт, - смените на свой */
font-size: 19px !important; /* размер шрифта */
color: #ffcc66 !important; /* цвет шрифта */
}
Красным - цвета в градиенте (фон под Ником Автора поста), можете поставить свои, но во всех 4 строках они должны быть одинаковыми.
Также: найдите во Втором Окне Стилей
/* оконтовка профиля */
.post-author ul li {
margin: 2px 3px !important;
padding: 3px 8px !important;
background: #dec08a;
background: url(http://sh.uploads.ru/kK56s.png);
width: 179px;
}
Замените на
/* Окантовка Профиля */
.post-author ul li {
margin: 0px 3px !important;
padding: 5px 8px !important;
background: #dec08a;
background: url(http://sh.uploads.ru/kK56s.png);
width: 179px;
}
4. Увеличиваем Номер Поста
.punbb .post h3 > span > strong {
font-size: 20px;
font-family: Baskerville Old Face;
text-align: right;
margin-right: 6px;
}
Красным - размер шрифта, синим - шрифт, зеленым - отступ справа
(* Добавил градиент к фону Ника Автора, параметры шрифта ника Автора
Отредактировано Alex_63 (Вс, 14 Июн 2015 17:29:32)
error202
Имхо симпатичнее вертикальный спойлер с такими настройками:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 1 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
.....
Deff
Alex_63
Спасибо вам!!
После того как закончила делать дизайн, заметила что рекламные баннеры исчезли. Скорее всего зацепила какой то код, когда что то меняла. Как вернуть?
http://llenivaya.mybb.ru/
После того как закончила делать дизайн, заметила что рекламные баннеры исчезли. Скорее всего зацепила какой то код, когда что то меняла. Как вернуть?
Рекламные баннеры на месте.
Вставленные коды на них не влияют, = если пропадут, не беспокойтесь, это со стороны сервиса
Друзья!
Как убрать на странице Активных пользователей (кто, что делает на форуме) ip адреса и имя провайдера?
Иса
Дык видно ток модерам - Админам ?
Мон скрыть для модеров ... Или вообще убрать ?
Иса
IP-адреса видны только администрации.
Пользователи видят только ники активных юзеров.
Или все-таки нужно убрать?
Добрый день, подскажите пожалуйста скрипт такого бокового скройлера как в таблице здесь http://gofate.ru/
И тут месяца выделены цветом во всю ширину форума, но это не картинка как сделать так же? http://gofate.ru/viewtopic.php?id=189
И тут месяца выделены цветом во всю ширину форума,
месяц июнь |
Ла-Ла-Ла |
месяц май |
[table layout=fixed width=100%] [tr] [td bgcolor=#CC840D][align=center]месяц июнь[/align][/td] [/tr] [tr] [td]Ла-Ла-Ла[/td] [/tr] [tr] [td bgcolor=#4DA25F][align=center]месяц май[/align][/td] [/tr] [/table]
По первому вопросу сделайте скриншот, ткните стрелкой, не понял о чем речь
Переход в Следущую Тему: Общие вопросы по оформлению (56)
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Сегодня |
| Общие вопросы по Оформлению | Архив | Ср, 17 Окт 2007 |
| Общие вопросы по Оформлению (часть 3) | Архив | Пт, 3 Авг 2007 |
| Общие вопросы по оформлению (50) | Архив | Чт, 31 Окт 2013 |
| Общие вопросы по оформлению (49) | Архив | Вт, 27 Авг 2013 |
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (55)