02.08.2012, 11:49
(Dieser Beitrag wurde zuletzt bearbeitet: 02.08.2012, 12:27 von ShiraTensei.)
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.
[/php]
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;
}