MyBB.de Forum

MyBB.de Forum > Anpassungen > Theme-Diskussionen > Navigation anpassen Hilfe
Normale Version: Navigation anpassen Hilfe
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.

ShiraTensei

02.08.2012, 11:49
Guten Tag,
derzeit bearbeite ich ein Theme und habe 2 Fragen bezüglich der Navigation!

1. Hört einfach die Navigation rechts auf und es ist weiß.
2. Möchte ich gerne das wenn man eingeloggt ist die Navigation sich verändert. Aus dem Anmelden soll ein Logout werden und Registrieren wird nicht mehr benötig.


Code:
.menu {
    background: 30c5db;
}

.menu ul {
    background: url(images/royal_sky/menu_bg.png)  repeat-x;
    width: 95%;
    color: #30c5db;
    text-align: left;
    padding: 4px;
    height: 21px;
    margin: left;
    margin-right
    font-family: georgia;
    font-size: 13px;
}

.menu ul a:link {
    color: #eee;
    text-decoration: none;
    font-family: georgia;
}

.menu ul a:visited {
    color: #eee;
    text-decoration: none;
    font-family: georgia;
}

.menu ul a:hover, .menu ul a:active {
    color: #545454;
    text-shadow: #a3a3a3 0px 1px 0px;
    
    
    text-decoration: none;
    font-family: georgia;
}

.logo {
    width: 500;
    margin:auto;
}

#panel {
    background: #16abd4 url(images/royal_sky/panel_bg.png) top left repeat-x;
    color: #f8f8f8;
    margin-top: -4px;
    border: 1px solid #11a0cd;
    height: 100px;
    text-shadow: #222222 0px 1px 0px;
    
    font-size: 12px;
}

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

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

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

#panel a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

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

.tborder {
    width: 100%;
    margin: auto auto;
    border: 0px solid #0F5C8E;
}

.thead {
    background: #43caef url(images/royal_sky/thead_bg.png) top left repeat-x;
    color: #eaeaea;
    border: 1px solid #0fa1cf;
    text-shadow: #646464 0px 1px 0px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    
    font-family: Helvetica.;
}

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

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

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

.tcat {
    background: #f8f8f8 url(images/royal_sky/tcat_bg.png) top left repeat-x;
    color: #898989;
    border: 1px solid #e1e1e1;
    text-shadow: #e5e5e5 0px 1px 0px;
    
    font-size: 12px;
    font-style: italic;
}

.tcat a:link {
    color: #606060;
}

.tcat a:visited {
    color: #606060;
}

.tcat a:hover, .tcat a:active {
    color: #606060;
}

.trow1 {
    background: #f9f9f9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #ffffff;
}

.trow2 {
    background: #dedede;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #eeeeee;
}

.trow3 {
    background: #f8f8f8 url(images/royal_sky/trow3_bg.png) top left repeat-x;
    border-top: 1px solid #d8d5d5;
    border-left: 1px solid #d8d5d5;
    border-right: 1px solid #d8d5d5;
    border-bottom: 1px solid #d8d5d5;
}

.trow4 {
    background: #ffffff url(images/royal_sky/trow4_bg.png) top left repeat-x;
    color: #393939;
    border-top: 1px solid #8c8c8c;
    border-left: 1px solid #d8d5d5;
    border-right: 1px solid #d8d5d5;
    border-bottom: 1px solid #d8d5d5;
    text-shadow: #c4c4c4 1px 1px 0px;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: url(images/royal_sky/thead_bg.png) top left repeat-x;
    color: #ffffff;
    border: 1px solid #0fa1cf;
    text-shadow: #646464 0px 1px 0px;
}

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

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

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #16abd4 url(images/royal_sky/panel_bg.png) top left repeat-x;
    color: #000000;
    border: 1px solid #11a0cd;
    padding: 10px;
    height: 28px;
    margin-right: -20px;
    margin-left: -20px;
    margin:auto
}

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

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

.bottommenu a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.navigation {
    color: #001926;
    margin:left;
    font-family: Lucida Grande,Arial, Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

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

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

.navigation a:hover, .navigation a:active {
    color: #001926;
    text-shadow: #000000 0px 1px 0px;
    
    text-decoration: none;
}

.navigation .active {
    background: #16abd4 url(images/royal_sky/panel_bg.png) top left repeat-x;
    color: #eee;
    height: 20px;
    padding: 5px;
    border: 1px solid #11a0cd;
    text-shadow: #000000 0px 1px 0px;
    border-radius: 5px;
    margin: left
    font-family: Lucida Grande,;
    
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    color: #878787;
    font-size: 11px;
}

.smalltext2 {
    color: #f6f6f6;
    font-size: 11px;
}

.smalltext3 {
    color: #4d4d4d;
    font-size: 11px;
}

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

input.textbox {
    background: url(images/royal_sky/input_box.png) top left repeat-x;
    color: #595641;
    padding: 1px;
    border-top: 1px solid #66624a;
    border-left: 1px solid #66624a;
    border-right: 1px solid #b5af89;
    border-bottom: 1px solid #b5af89;
}

textarea {
    background: #eaeaea;
    color: #505050;
    border: 1px solid #d2d2d2;
    padding: 2px;
    line-height: 1.4;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: url(images/royal_sky/input_box.png) top left repeat-x;
    color: #636363;
    border-top: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

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

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.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: #444;
}

.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%;
}

.hiddenrow {
    display: none;
}

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

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    width: 80%;
    color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 10px
    padding: 1 px;
    text-align: left;
}

.menu li {
    display: inline;
    padding: 4px;
    text-align: left;
    margin: left;
    
    font-family: georgia.;
}

.menu img {
    background: #F5F5DC;
    padding-right: 0px;
    vertical-align: ;
}

#panel .links {
    margin: 0px;
    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 {
    background: url(images/royal_sky/copy_bg.png) top left repeat-x;
    font: 11px Verdana, Arial, Sans-Serif;
    padding: 10px 0 0 0;
    margin-bottom: -22px;
    margin-right: -20px;
    margin-left: -20px;
    text-shadow: #340606 0px 1px 0px;
    
    font-family: Lucida Grande,;
    font-weight: bold;
}

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

blockquote {
    background: #e0e0e0 url(images/royal_sky/udetail_bg.png) top left repeat-x;
    border: 1px solid #b2b2b2;
    margin: 0;
    padding: 4px;
    text-shadow: #f5f2e1 0px 1px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

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

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

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

.codeblock {
    background: #e0e0e0 url(images/royal_sky/udetail_bg.png) top left repeat-x;
    padding: 4px;
    border: 1px solid #b2b2b2;
    text-shadow: #f5f2e1 0px 1px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.codeblock .title {
    border-bottom: 1px solid  #625f4d;
    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-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/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_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;
}

.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;
}
[/php]

StefanT

02.08.2012, 11:56
Bitte beachte die Foren-Regeln, speziell Punkt 5 und 9: https://www.mybb.de/forum/thread-171.html

Da du das MyBB-Copyright entfernt hast, bekommst du hier keinen Support. Sobald du es wieder einfügst, einfach eine PN an mich und ich öffne das Thema wieder.
Siehe auch: https://www.mybb.de/doku/haeufig-gestell...entfernen/

EDIT: Thema wieder geöffnet

Jockl

02.08.2012, 19:52
(02.08.2012, 11:49)ShiraTensei schrieb: [ -> ]1. Hört einfach die Navigation rechts auf und es ist weiß.
Das würde sich mit einem Blick auf das Forum leicht beurteilen lassen. Geht aber nicht, weil Du es Offline gestellt hast. Nutze mal die Entwicklertools Deines Browsers, dann solltest Du dem Problem recht schnell auf die Schliche kommen können.
(02.08.2012, 11:49)ShiraTensei schrieb: [ -> ]2. Möchte ich gerne das wenn man eingeloggt ist die Navigation sich verändert. Aus dem Anmelden soll ein Logout werden und Registrieren wird nicht mehr benötig.
Du kannst der Navigation Variablen zuordnen, deren Inhalt Du dann wiederum über die global.php einem registrierten User zeigen kannst bzw. einem Gast eben nicht.
z.B. kannst Du im header-Template in die Navigation folgende Variable einsetzen
Code:
{$meineVariable}
in der global.php setzt Du dann, bevor das header-Template geladen wird folgende Zeile ein
PHP-Code:
if($mybb->['uid'] != 0){
  $mein Variable = "<li><a href=\"URLzumLINK\" title=\"\">LINK</a></li>";
} 

Das mit dem "Logout" und dem "Registrieren" lässt sich über Änderungen an Templates und auch Javascript-Dateien erledigen. Wenn Du hier im Forum ein wenig danach suchst, solltest Du fündig werden.

ShiraTensei

10.09.2012, 17:53
Die Navigation konnte ich trotz Entwicklertools nicht in Ordnung bringen!
Ich würde gerne um Hilfe bitten !

http://forum.anime-king.de/index.php

NetHunter

10.09.2012, 18:07
Pass mal die Breite in .menu ul an. 80% ist an der Stelle zu wenig, daher der weiße Kasten.
MyBB.de Forum > Anpassungen > Theme-Diskussionen > Navigation anpassen Hilfe