MyBB.de Forum

MyBB.de Forum > Anpassungen > Theme-Diskussionen > Hilfe >> MyBB Theme Color Problem
Normale Version: Hilfe >> MyBB Theme Color Problem
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2 3

danpan

17.07.2012, 18:30
Hallo Leute ich habe ein Problem mit meinen theme BLight Dark
http://www.awesomestyles.com/mybb-themes...light-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

MrBrechreiz

17.07.2012, 19:52
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.

Kenny

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

danpan

17.07.2012, 20:44
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>

danpan

18.07.2012, 00:41
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 !
[attachment=7854]

wie könnte man jetzt den 2 markierten Bereichen eine neue Text Farbe zuweisen
[attachment=7855]

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
[attachment=7856]


mfg danpan Smile

Kenny

18.07.2012, 06:00
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.

MrBrechreiz

18.07.2012, 07:22
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.

danpan

18.07.2012, 11:21
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

Kenny

18.07.2012, 12:48
(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.

danpan

18.07.2012, 16:06
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
Seiten: 1 2 3
MyBB.de Forum > Anpassungen > Theme-Diskussionen > Hilfe >> MyBB Theme Color Problem