Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Selektor tekstu w CSS
Pełna wersja: Selektor tekstu w CSS
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

Emillo

06.05.2009, 10:02
Jaka część kodu CSS odpowiada za kolor zwykłego tekstu wiadomości, którą właśnie czytasz?

Tuptuś

06.05.2009, 10:43
Generalnie zmieniasz w body i #container, ale może być tak że zmienić będzie trzeba też w niektórych innych. Ale te dwa podstawowo.

Emillo

06.05.2009, 12:35
Tuptuś, mógłbyś to obadać:
Kod:
body {
    background: #3e3e3e;
    color: #ff0000;
    line-height: 1.4;
    margin: 0;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

a:link {
    color: #e3ffbc;
    text-decoration: none;
}

a:visited {
    color: #e3ffbc;
    text-decoration: none;
}

a:hover, a:active {
    color: white;
    text-decoration: underline;
}

#container {
    background: #474f5a;
    width: auto !important;
    color: #000000;
    line-height: 1.4;
    margin: 0;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
}

.menu ul {
    background: url(images/powergreen/bgmenu.gif);
    color: black;
    padding: 6px;
    text-align: left;
    text-transform: uppercase;
    
    
    font-size: 10px;
}

.menu ul a:link, .menu ul a:visited {
    color: #3e3e3e;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #3e3e3e;
    border-bottom-color: #3e3e3e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    height: 26px
    text-decoration: none;
}

.menu li {
    margin-left: 12px;
}

#panel {
    background: #474f5a url(images/powergreen/menushad.jpg) repeat-x 0px 0px;
    color: #c4ff70;
    border: 0px dashed #D4D4D4;
    border-top: none;
    padding: 8px;
    
    font-size: 11px;
}

#panel a, #panel a:link, #panel a:visited {
    color: #8be608;
}

#panel a:hover, #panel a:active {
    color: #ddffac;
    text-decoration: underline;
}

table {
    color: rgb(51, 51, 51);
}

.tborder {
    background: #000000;
    width: 100%;
    margin: auto auto;
    border: 1px solid #474f5a
}

.thead {
    background: white url(images/powergreen/thead_bg.gif) top left repeat-x;
    color: white;
    font-size: 11px;
}

.thead a:link {
    color: white;
    text-decoration: none;
}

.thead a:visited {
    color: white;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    text-decoration: underline;
}

.tcat {
    background: #343940 url(images/powergreen/cats.gif) top left repeat-x;
    color: white;
    text-transform: uppercase;
    
    font-size: 10px;
    font-weight: bold;
}

.tcat a:link {
    color: white;
}

.tcat a:visited {
    color: white;
}

.tcat a:hover, .tcat a:active {
    color: white;
    text-decoration: underline;
}

.trow1 {
    background: #313740;
    color: #96ff00;
}

.trow2 {
    background: #3b424c;
    color: #deffaa;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #393939;
    padding-left: 20px;
    
    font-size: 10px;
}

.tfoot {
    background: #3c4755  url(images/powergreen/tfoot.gif) top repeat-x ;
    color: rgb(117, 121, 120);
}

.tfoot a:link {
    color: white;
    text-decoration: none;
}

.tfoot a:visited {
    color: ffffff;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: rgb(128, 128, 128);
}

.bottommenu {
    background: #5d6776;
    border: 1px solid rgb(128, 128, 128);
    padding: 10px;
}

.bottommenu a, .bottommenu a:link, .bottommenu a:hover {
    color: #a4bc94;
}

.navigation {
    color: #c7ff95;
    font-size: 10px;
    font-weight: bold;
}

.navigation a:link, .navigation a:visited {
    color: #c7ff95;
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    color: #efffe0;
    text-decoration: underline;
}

.navigation .active {
    color: #efffe0;
    font-size: 10px;
    font-weight: bold;
}

.smalltext {
    color: #999999;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid rgb(117, 121, 120);
    padding: 1px;
}

textarea {
    background: #272f3a;
    color: #e3ffc3;
    border: 1px solid #455265;
    padding: 2px;
    line-height: 1.4;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid rgb(117, 121, 120);
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid rgb(117, 121, 120);
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: white;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    color: #96ff00;
    background-color: #96ff00;
    height: 1px;
    border: 0px;
}

#copyright {
    color: #b8b8b8;
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    background: #272f3a;
    border: 1px solid #000000;
    margin: 0;
    padding: 4px;
}

blockquote cite {
    color: #c7ff95;
    border-bottom: 1px solid #c7ff95;
    display: block;
    margin: 4px 0;
    
    font-style: normal;
    font-weight: bold;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

.codeblock {
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    padding: 4px;
}

.codeblock .title {
    color: #000000;
    border-bottom: 1px solid #ccc;
    margin: 4px 0;
    
    font-weight: bold;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    color: black;
    border: 1px solid rgb(128, 128, 128);
}

.pagination .pagination_current {
    background: rgb(128, 128, 128);
    color: white;
    border: 1px solid rgb(51, 51, 51);
    
    font-weight: bold;
}

.pagination a:hover {
    background-color: rgb(229, 229, 229);
    
    
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    color: white;
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
  background: url(images/jump.gif) no-repeat 0;
  width: 13px;
  height: 13px;
  padding-left: 13px; /* amount of padding needed for image to fully show */
  vertical-align: middle;
  border: none;
}

#bgforum {
    background: url(images/powergreen/bgforum.jpg);
    width: 860px;
    margin: auto auto;
}

.time {
    color: #000000;
    float: right;
    padding: 6px;
    padding-right: 10px;
}

.forumtitle {
        font-size: 12px;
}

.author {
        margin-left: 15px;
        font-size: 9px;
}

.author a, .author a:link, .author a:visited {
        color: gray;
}

.author a:hover, .author visited {
        color: black;
        text-decoration: none;
}

.posturl {
       font-size: 11px;
}

fieldset, fieldset.trow1, fieldset.trow2 {
    background: #313740;
    border: 1px solid rgb(204, 204, 204);
}

.toolbar_dropdown {
    color: black;
}

Wiem, że sam CSS Ci za dużo nie powie...
Jakby coś, styl to PowerGreen.

Zmieniłem wszystko w containerze i body i się nic nie zmieniło...
A to kawałek postbitu:

<div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
{$post['message']}
</div>

Może tu trzeba coś ustawić?

Tuptuś

06.05.2009, 14:14
No nie zmieniłeś bo w jednej klasie jest inaczej i w drugiej ;P

Zmień jeszcze color w table (nieco wyżej niż thead) na taki jak chcesz - i jak nie będzie działać, to wywal color z .trow1 i .trow2. Kolor zmieni się jednak we wszystkich tabelach forum, więc nie wiem czy to Cię zadowoli. Generalnie wyłącznie dla postów to ciężko to zmienić operując na domyślnych klasach. Jak chcesz możesz dołożyć do tego kodu z szablonu własny div i jemu nadać jakiś atrybut. Jak będę miał chwilkę to sprawdzę to.
Webboard > Wsparcie MyBB > Style, szablony i grafika > Selektor tekstu w CSS