Alternative Art : breath of a phoenix |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Alternative Art : breath of a phoenix » Вопросы по CSS » Вопросы/проблемы со стилем vol.02>>
Как бы я не мучил параметры с знанием или методом тыка, вокруг формы ответа, кнопок и прочего остается белая рамка, что для темных или хотя бы не белых стилей не есть хорошо. кто-нибудь может мне сказать как от этого избавиться?
пример: http://s51.radikal.ru/i132/1003/5a/fd602923217d.jpg
Отредактировано Huomaur (29-03-2010 01:28:07)
Huomaur
ссылка на тестовик.
Huomaur, найдите параметры border-color, соответствующие элементам, вокруг которых рамка не того цвета, и поменяйте.
я понимаю, что у меня где-то в очень глупом месте напортачено, но я не вижу где...
найдите параметры border-color, соответствующие элементам
мм... это не в секции "CS2 Border colours"? или нужно в первой части дописывать "border-color:"?
не сочтите за чушь >.<
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #282104;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #282104;
color: #9a824b;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #282104;
color: #9a824b;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #282104;
color: #855b00;
font-weight: bold;
font-style: normal;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #282104;
color: #855b00;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #282104;
color: #9a824b
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #282104;
color: #9a824b
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #855b00;
color: #9a824b
}
/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
color: #855b00;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #282104;
color: #9a824b
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #282104 #282104 #282104 #282104
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #282104
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #282104;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #282104;
}
/* CS2.5 */
.punbb th {
border-color: #282104
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #282104 #282104 #282104 #282104;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #282104
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #282104
}
.punbb .divider {
border-color: #282104 #282104 #282104 #282104
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #282104
}
li.pa-online {
border-left-color: #282104;
}
.punbb .post-sig dt {
border-top-color: #282104 !important;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #855b00;
font-weight: bold;
border-bottom: 0px none #000;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #9a824b
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #855b00;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #282104;
text-decoration: none;
}
/* CS3.3 */
#pun-navlinks a {
color: #855b00;
font-weight: bold;
border-bottom: 0px none #282104;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #855b00;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #282104;
text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #282104;
color: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {border-color: #282104 #282104 #855b00 #080100}
tr.iredirect div.icon {border-color: #282104 #282104 #282104 #282104}
div.inew {border-color: #282104 #282104 #855b00 #080100}
#pun-main div.catleft, #pun-main div.catright {display: none}Huomaur
найдите указанный кусок и допишите в него строчку, выделенную жирным:
.punbb textarea, .punbb select, .punbb input {
background-color: #282104;
color: #9a824b;
border-color: #282104;
}
сделает форме ответа "объемную рамку" и уберет обводку вокруг кнопок.
... не помогло. текст почему-то изменило... дам ссылку все-таки хоть там и экспериментально-разбирательская гадость... http://zakatvamp.magicbb.ru/
Пойдем иным путем.
.punbb textarea, .punbb input {border-color: #цвет !important; border-style: solid !important}
solid - одиночная рамка.
none - вообще без рамки
dotted - в точку
dashed - пунктир
цвет - это цвет )
походу получилось =)) всем вам спасибо огромное!
помогите плз. как сделать так что бы надпись "тему просматривают..." выделить цветом? х.Х а то ее не видно...
скрин:
http://i056.radikal.ru/1004/16/dca21af52cfa.png
Отредактировано Nuoshi Mio (03-04-2010 20:50:16)
ь "тему просматривают..." выделить цветом?
.punbb .modmenu .container {
background-color: transparent;
color: #цвет;}.punbb .modmenu .container a {color: #цвет-ссылок}
Wilhelm
спасибо огромное *_*
Извините за возможный повтор...У меня два вопроса, как у начинающего дизайнера, да.
1) Как вставить вниз копирайт, дабы он был закреплён, и под "создать форум"?
2) Как сделать картинку- таблицей, как тут скрин внизу)?
2) Как сделать картинку- таблицей, как тут скрин внизу)?
спрашивайте у дизайнра той ролевой.
Тут обыкновенная таблица, просто поставлена фон картинка.
sillygod
Спасибо ) хотя, назрел очередной вопрос. Как картинку под таблицу вставить?
Как картинку под таблицу вставить?
Если просто под объявление, то вот:
#pun-announcement .container {
background-image : url("картинка");
background-repeat : no-repeat; height : Npx;
}
N - высота.
+ просто для таблицы:
<table background="картинка" bgcolor="#цвет">
Wilhelm
Спасибо большое, помогло х3
Искал, как заменить название разделов на картинки, нашел, запутался =="
В часто задаваемых вопросах прописан скрипт с данным условием:
...то при сокрытии (от гостей), допустим, игровой зоны, картинки автоматически заменятся следующим образом:
То, что отображается (то, что должно было быть по логике дизайнера)
1. гостевая (гостевая)
2. Организаторская (организаторская)
3. Игровая зона - город (реклама)
м.. а обойти это никак нельзя? то есть, альтернативного скрипта нет, и избавиться от этой проблемы можно только открытием всех категорий для гостей? ._.
И еще, если менять шрифт в категориях, то как раз вид шрифта, ака font-family, будет отображаться только в том случае, если данный вид шрифта установлен на компьютере, так ведь? *блондинистое создание хД*
две просьбочки
- скажите как сделать, чтобы форум прозрачным был, то есть текст лежал непосредственно на фоне а не на цвете.
- как двигать баннерную рекламу, а то двигаю а у меня шапка уезжает.
- скажите как сделать, чтобы форум прозрачным был, то есть текст лежал непосредственно на фоне а не на цвете.
в Цвета style_cs.css
/* CS1.1 */
/* CS1.2 */
/* CS1.3 */
/* CS1.4 */
/* CS1.5 */
/* CS1.6 */
/* CS1.8 */
ставишь в этом месте
background-color: transparent;
в /* CS1.7 */ - это цитата. ты можешь оставить картинку/цвет или же поставить background-color: transparent;
как сделать, чтобы форум прозрачным был
Background-color: transparent;
применить везде, где требуется убрать цвет.
как двигать баннерную рекламу
Часто задаваемые вопросы, вопрос 1.
а обойти это никак нельзя?
Нельзя. Никак. Да, только открытием для гостей. Нет - переходите на борду, там можно.
так ведь?
именно так. В иных случаях - заменяется на любой, что установлен на компьютере пользователя и похож на требуемый.
Wilhelm
Благодарю.)
как сделать так...чтоб картинка фона не двигалась и стояла на месте???
добавить пару строк туда, где прописан фон:
background-attachment: fixed; /*собственно, сама фиксация фона*/
background-position: top center; /*позиционирование фона. В данном случае - начало от центра сверху*/
Smile boo.
в атрибуте фона прописать background-attachment: fixed
а, ответили уже хд
Отредактировано Deisy- (08-04-2010 06:36:56)
melancholy.
Wilhelm
спасибо
Deisy-
Wilhelm
большое спасиб)
Мозг мой не выполняет нагрузки данного типа, посему обращаюсь:
У одного из моих участников жалуется, что навигация смещена. Указан скрин:
вот
меню навигации должно быть выше по задумке. ссыль на форум - http://dream.rusff.me
у него опера 10.51, как и у меня, разрешение экрана меньше, но по идеи на дизайн это особо влиять не должно (по крайне мере так). У меня же показывает всё нормально, как по задумке. Не знаю, как исправить сей "недуг"
Ответ - а черт его знает. Кстати, Дейзи, у меня как и у твоего игрока, аццки смещен рекламный блок.
В сам стиль не полез, ибо у меня даже общий дизайн отображается некорректно, хотя загружены все элементы:
Попробуй рекламу смещать через
/* D1.4 */
#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-top: 180px;
position: absolute;
right: 10%;
top: 0;
}
Поменяй местами картинки из html и body. Покажу как слои: HTML - это нижний слой, BODY - верхний. Кстати, не прописывай два раза body, запихай цвет фона туда же, где прописана картинка (в исправленном случае цвет фона нужно будет прописать у html).
+ разберись с тем, что у тебя записано в C3.2 и C3. Потому как элемент-то один и тот же (а точнее - #pun-navlinks .container), а значения на соответствующих параметрах - разные (пример - под padding-top в одном случае указана цифра 4, в другом - 8. Один браузер будет читать первую цифру, другой - вторую. Оттого и съезжает все. установи на одном из параметров !important, чтобы не мучиться).
Поменяй местами картинки из html и body
Низя. Я пробовал, посему у меня так и стоит, ибо получается такое... короче, ничего не получается хд
аццки смещен рекламный блок.
блин, у всех смещен, только на моих браузерах, кроме мозилы, он не смещён О_О" и как мне его корректировать спрашивается, ох
+ разберись с тем, что у тебя записано в C3.2 и C3.
в С у меня всё в порядке, а вот в D хД
собственно в D у всех один элемент этот и прописан. Правда, как ты и сказал, атрибуты друг другу противоречат.
Мне нравится логика мазилы - пока загружает, баннер рекламный с панелькой находятся на местах, как заканчивает загрузку - сразу всё съезжает =_="
Отредактировано Deisy- (10-04-2010 10:39:19)
Вы здесь » Alternative Art : breath of a phoenix » Вопросы по CSS » Вопросы/проблемы со стилем vol.02>>