MyBB.de Forum
Hilfe >> MyBB Theme Color Problem - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Hilfe >> MyBB Theme Color Problem (/thread-26096.html)

Seiten: Seiten: 1 2 3

Hilfe >> MyBB Theme Color Problem - danpan - 17.07.2012

Hallo Leute ich habe ein Problem mit meinen theme BLight Dark
http://www.awesomestyles.com/mybb-themes/view/blight-dark

ich habe einiges verändert jedoch habe ich jetzt ein Problem mit gewissen Font Farben

wenn ich einen Beitrag schreibe und ich die Text Größe und Schriftart einstellen will
sehe ich da nichts da der Font Color weiß ist (denk ich mal) wie kann ich das beheben
bild1
[Bild: http://img843.imageshack.us/img843/9009/bild1db.th.png]

Search Font Color ist mir zu dunkel würde ich gerne ändern weiß aber leider nicht wo
bild2
[Bild: http://img708.imageshack.us/img708/866/bild2ge.th.png]

hier das gleiche weis leider nicht wie das genau heist aber Font ebenfalls zu dunkel
bild3
[Bild: http://img37.imageshack.us/img37/9820/bild3zi.th.png]

und die Navigation da passt zwar der Font Color aber die hover Farbe gefällt mir auch nicht wieder zu dunkel
das sieht man beim Home Button hätte ich auch gerne geändert habe leider keine Ahnung wie das geht da ich noch nicht lange mit mybb zutun habe
bild4
[Bild: http://img401.imageshack.us/img401/2518/bild4f.th.png]

ich hoffe mir kann hier wer helfen bin echt am verzweifeln
danke schon mal im Voraus
mfg DanPan

forum link habe ich keinen da ich noch offline arbeite

RE: Hilfe >> MyBB Theme Color Problem - MrBrechreiz - 17.07.2012

Nun zu deinem ersten Problem. Falls die Schrift in jedem Design deines Editors (Default und Office 2007) auftritt, lade die editor.js nochmals in den jscript Ordner.

Die Farben für die Schrift kannst Du in der globas.css einstellen. Hierfür sind die Variablen #panel (willkommensnachricht), .texterea (Schrift der Nachricht im Editor).

Hoffe das hilft dir.

Und noch ein herzliches willkommen hier im Board.

RE: Hilfe >> MyBB Theme Color Problem - Kenny - 17.07.2012

Dieser Beitrag ist auch sehr hilfreich: https://www.mybb.de/forum/thread-10541.html

RE: Hilfe >> MyBB Theme Color Problem - danpan - 17.07.2012

ok danke euch 2 mal für eure schnellen antworten

geht es vieleicht etwas genauer bin noch anfänger @ mybb

werde mir das tut einmal genau durchlesen

wenn jemand noch tipps hat immer her damit

könnte jemand mal genauer nachsehen wie das genau in dieser css datei benannt ist

verstehe zur zeit nur bahnhof Blush

mfg danpan


>>> EDIT <<<
hier mal die theme XML datei (BLightDark-theme.xml) leicht modifiziert by me
da habe ich die farben der links etc verändert vieleicht hilft es euch es mir leichter zu erklähren

Code:
<?xml version="1.0" encoding="UTF-8"?>
<theme name="BLight Dark" version="1601">
    <properties>
        <templateset><![CDATA[3]]></templateset>
        <editortheme><![CDATA[default]]></editortheme>
        <imgdir><![CDATA[images/blight]]></imgdir>
        <logo><![CDATA[images/blight/logo.png]]></logo>
        <tablespace><![CDATA[4]]></tablespace>
        <borderwidth><![CDATA[1]]></borderwidth>
    </properties>
    <stylesheets>
        <stylesheet name="global.css" version="1601"><![CDATA[body {
        background: #C0C0C0 url(images/blight/bg.png);
        color: #FFFFFF;
        text-align: center;
    line-height: 1.4;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

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

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

a:hover, a:active {
    color: #9cff00;
    text-decoration: underline;
}

#container {
    background: url(images/blight/bg.png);;
    width: 95%;
    color: #00ff00;
    border: 1px solid #00fe00;
    margin: auto auto;
    padding: 20px;
    text-align: left;
}

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

.menu ul {
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #ffffff;
    text-decoration: none;
}

.menu ul a:visited {
    color: #ffffff;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #606060;
    text-decoration: none;
}

#panel {
    background: #383838;
    color: #777777;
    font-size: 11px;
    border: 1px solid #222222;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #ffffff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

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

.thead {
    background: #000000 url(images/blight/thead_bg.png) top left no-repeat;
    color: #ffffff;
    text-shadow: 0px 1px 1px #000000;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 1px 1px #000000;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 1px 1px #000000;
}

.thead a:hover, .thead a:active {
    color: #C8C8C8;
    text-decoration: underline;
    text-shadow: 0px 1px 1px #000000;
}

.tcat {
    background: #686868 url(images/blight/tcat.png) top left repeat;
    color: #ffffff;
    font-size: 12px;
    text-shadow: 0px 1px 1px #000000;
}

.tcat a:link {
    color: #ffffff;
    text-shadow: 0px 1px 1px #000000;
}

.tcat a:visited {
    color: #ffffff;
    text-shadow: 0px 1px 1px #000000;
}

.tcat a:hover, .tcat a:active {
    color: #ffffff;
    text-shadow: 0px 1px 1px #000000;
    text-decoration: underline;
}

.trow1 {
    background: #282828;
}

.trow2 {
    background: #282828;
}

.trow_shaded {
    background: #202020;
        color: #B8B8B8;
}

.trow_selected td {
    background: #101010;
        color: #808080l;
}

.tfoot {
    background: #212121 url(images/blight/tfoot_bg.gif) top left repeat;;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px #000000;
}

.tfoot a:link {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px 1px 1px #000000;
}

.tfoot a:visited {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px 1px 1px #000000;
}

.tfoot a:hover, .tfoot a:active {
    color: #FFFFFF;
    text-decoration: underline;
    text-shadow: 0px 1px 1px #000000;
}

.bottommenu {
    background: #303030;
    color: #ffffff;
    border: 1px solid #000000;
    padding: 10px;
}

.navigation {
    color: #00ffe4;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #9cff00;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: #222222;
    color: #777777;
    border: 1px solid #111111;
    padding: 1px;
}

textarea {
    background: #222222;
    color: #777777;
    border: 1px solid #111111;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}
select {
    background: #222222;
    border: 1px solid #444444;
            color: #777777;
}
.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}
.editor_control_bar {
    background: #222222;
    border: 1px solid #111111;
}
.autocomplete {
    background: #222222;
    border: 1px solid #444444;
    color: 777777;
}
.autocomplete_selected {
    background: #222222;
    color: #777777;
}
.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}
.popup_menu .popup_item {
    background: #444444;
    color: #777777;
}
.popup_menu .popup_item:hover {
    background: #222222;
    color: #777777;
}


.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

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

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

.validation_error {
    background: url(images/blight/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/blight/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/blight/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%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.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 {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

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

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}
blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #383838;
    padding: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
}

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

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

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}


.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

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

.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-top: 3px;
    padding-bottom: 3px;
}

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

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    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/blight/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 {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    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 {
    padding: 5px;
}

.post_body a, .post_body a:active, .post_body a:visited {
color: #FFFFFF;
}

.post_content {
    padding: 5px 10px;
}


.quick_jump {
    background: url(images/blight/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;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}


]]>
        </stylesheet>
        <stylesheet name="board_messages.css" version="1601"><![CDATA[.board_message {
    background: #808080;
    border: 1px solid #000000;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}]]>
        </stylesheet>
    </stylesheets>
    <templates>
        <template name="header" version="1601"><![CDATA[<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
    <center>        
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
</center>
<div class="menu">
                <ul>


<center>

<li><a href="{$mybb->settings[bburl]}/index.php"><img src="{$mybb->settings[bburl]}/{$theme[imgdir]}/toplinks/home.png"/>Home</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/subscribe.php"><img src="{$theme['imgdir']}/toplinks/dollar.png" alt="" title="" />VIP Subscription</a></li>
<li><a href="{$mybb->settings['bburl']}/help.php"><img src="{$theme['imgdir']}/toplinks/help.png" alt="" title="" />HELP</a></li>
<li><a href="{$mybb->settings['bburl']}/myawards.php"><img src="{$theme['imgdir']}/toplinks/trophy.png" alt="" title="" />Awards</a></li>
<li><a href="{$mybb->settings[bburl]}/tagpad.php"><img src="{$mybb->settings[bburl]}/{$theme[imgdir]}/toplinks/tagpad.png"/>Tagpad</a></li>
<li><a href="{$mybb->settings[bburl]}/contact.php"><img src="{$mybb->settings[bburl]}/{$theme[imgdir]}/toplinks/contactus.png"/>Contact</a></li>
                
</center>


</ul>
            </div>



            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}{$reportedreps}
            {$pending_joinrequests}
            <navigation>
            {$board_messages}
            <br />]]></template>
        <template name="footer" version="1602"><![CDATA[<br />
            <div class="bottommenu">
                <div class="float_right">{$lang_select}</div>
                <div>
                    <span class="smalltext"><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a> | <a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a> | <a href="#top">{$lang->bottomlinks_returntop}</a> | <a href="#content">{$lang->bottomlinks_returncontent}</a> | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a> | <a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></span>
                </div>
            </div>
            </div>
        <hr class="hidden" />
            <div id="copyright">
                <div id="debug"><debugstuff></div>
                <!-- MyBB is free software developed and maintained by a volunteer community.
                     It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
                     to show your support for MyBB.  If you choose to remove or modify the copyright below,
                     you may be refused support on the MyBB Community Forums.
                    
                     This is free software, support us and we'll support you. -->
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
                <!-- End powered by -->

Visit <a href="http://surrealcoding.com" target="_blank">SurrealCoding</a> & <a href="http://leetcoders.org" target="_blank">LeetCoders</a>.
<br />
Thanks to <a href="http://www.hackforums.net/member.php?action=profile&uid=298797" target="_blank">Reflex?</a> & <a href="http://www.hackforums.net/member.php?action=profile&uid=121008" target="_blank">Methanity</a>.                <br />
<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
        </div>
        </div>]]></template>
    </templates>
</theme>


RE: Hilfe >> MyBB Theme Color Problem - danpan - 18.07.2012

1A
hab den teil gefunden der den Font Color ändert

Code:
table {
    color: #9cff00;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}
jedoch ändert das fast alles was nicht schlimm wäre aber da die Farbe des
Textes im Beitrags Editor 9cff00 und auf FFFFFF ist kommt das nicht gut !
   

wie könnte man jetzt den 2 markierten Bereichen eine neue Text Farbe zuweisen
   

eigene css regel oder wie auch immer ? Bitte Hilfe !!

ich würde gerne die Text Farbe schwarz haben und den Hintergrund grau ist das machbar nur für die 2 Bereiche ?


Außerdem würde ich noch gerne wissen ob man diese blauen Markierung in eine andere Farbe Ändern kann Forum angepasst
   


mfg danpan Smile

RE: Hilfe >> MyBB Theme Color Problem - Kenny - 18.07.2012

Bei Fragen zu Designänderungen ist es immer von Vorteil einen Link zu deinem Projekt zu posten. Je nach verwendetem Theme können die einzelnen Bezeichnungen der CSS-Eigenschaften vom Standard abweichen. Und damit hier nicht ins blaue getippt werden soll, poste bitte einen Link zu deinem Forum.

RE: Hilfe >> MyBB Theme Color Problem - MrBrechreiz - 18.07.2012

Die Textfarbe für den Editor und auch weitere Änderungen sind im --> stylesheet.css des jeweiligen Editor Design zu bearbeiten. ZB: http://dein Root/jscripts/editor_themes/default

Für die Farbe ist dieser Eintrag dafür zuständig --> .editor_dropdown_label
Im ganzen sieht es so aus.
PHP-Code:
.messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
    border-color: #5296f7;
    color: #000;
} 

In meinem Beispiel ist er schwarz.

RE: Hilfe >> MyBB Theme Color Problem - danpan - 18.07.2012

Leider arbeite ich offline sonst hätte ich natürlich einen Link zum Project gepostet Thinking

danke für eure Hilfe habe es geschafft jedoch gefiel mir das nicht wirklich und habe deshalb gleich einen fertigen style verwendet

Onyx Editor Thema

Vielen Dank für eure Hilfe werde jetzt noch etwas mehr ins Detail gehen und mich weiter einarbeiten wenn ich Hilfe brauche weiß ich ja jetzt wohin ich muss gg

Super Forum mitt Super Members Exclamation

mfg danpan bis bald das ist gewiss

RE: Hilfe >> MyBB Theme Color Problem - Kenny - 18.07.2012

(18.07.2012, 11:21)danpan schrieb: Leider arbeite ich offline sonst hätte ich natürlich einen Link zum Project gepostet Thinking

Das ist natürlich ein Argument. Big Grin
Ich kann dir aber noch einen Tipp ans Herz legen. Benutze die Entwicklertools deines Browsers um an die gewünschten Informationen zu gelangen. Oder auch Firebug für den Browser Firefox.

RE: Hilfe >> MyBB Theme Color Problem - danpan - 18.07.2012

danke bin über tipps immer sehr froh

hätte da noch ein anliegen und will jetzt kein neues thema aufmachen also poste ich es hier

hab ein forum gesehn das einen coolen link text effect hat jetzt würde ich gerne wissen wie man sowas machen kann

wenn man über die links fährt also hover ist ein richtig schöner effect zu sehen

hier das forum
Fusselboard

hoffe das mir da einer helfen kann Cool