[Automatikk]

Hallo MyBB Freunde,

nach langem Suchen des richtigen Beitrages, gebe ich mich nun geschlagen und komme mit der Bitte um Hilfe.

Logo zentrieren war für mich bisher in der Version 1.2x ein Kinderspiel, da ich aber auf 1.4.4 umegstiegen bin, verstehe ich jetzt die Welt nicht mehr!

Wie kann ich jetzt das Logo zentrieren??

Link zum Forum: www.ar-studio.de

Bitte erklärt´s mir so, dass ich es auch verstehe, wie ich das Logo zentrieren kann...

Danke schon einmal vorab!

[Michael]

Admin-CP -> Templates & Style -> *Theme* -> Bearbeiten -> global.css -> Bearbeiten -> Erweiterter Modus. Füge dort am Ende folgenden CSS-Code ein:

Code:

.logo {
    text-align: center;
}

[Automatikk]

Gesagt getan, funzt leider nicht....

Ich poste mal meine global.css

body {
background: #FFE2B4;
color: #000;
text-align: center;
line-height: 1.4;

font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

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

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

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

#container {
background: #fff;
width: 92%;
color: #000000;
border: 1px solid #E4E4E4;
margin: auto auto;
padding: 20px;
text-align: left;
}

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

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

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

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

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

#panel {
background: #FFF0D6;
color: #000000;
border: 1px solid #FFF0D6;
padding: 8px;

font-size: 10px;
}

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

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

.thead {
background: #3F6085 url(images/Webmaster/thead_bg.gif) top left repeat-x;
color: #ffffff;
}

.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: #D78F05 url(images/Webmaster/tcat_bg.gif) top left repeat-x;
color: #000000;
font-size: 12px;
}

.tcat a:link {
color: #000000;
text-decoration: underline;
}

.tcat a:visited {
color: #000000;
text-decoration: underline;
}

.tcat a:hover, .tcat a:active {
color: #ffffff;
text-decoration: none;
}

.trow1 {
background: #ffffff;
}

.trow2 {
background: #ffffff;
}

.trow_shaded {
background: #ffdde0;
}

.trow_selected td {
background: #FFFBD9;
}

.trow_sep {
background: #D3D2D3 url(images/Webmaster/sep.gif) top left repeat-x;
color: #000;
font-size: 11px;
font-style: italic;
font-weight: bold;
}

.tfoot {
background: #95B6DC url(images/Webmaster/thead_bg.gif) bottom left repeat-x;
color: #000000;
}

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

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

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

.bottommenu {
background: #ffffff;
color: #000000;
border: 1px solid #D4D4D4;
padding: 10px;
text-align: center;
}

.navigation {
color: #000000;
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: #000000;
font-size: small;
font-weight: bold;
}

.smalltext {
font-size: 11px;
}

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

input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #3F6085;
padding: 1px;
}

textarea {
background: #ffffff;
color: #000000;
border: 1px solid #3F6085;
padding: 2px;
line-height: 1.4;

font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

select {
background: #ffffff;
border: 1px solid #3F6085;
}

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

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

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

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

#copyright {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}

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

blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 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;
}

.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: 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 {
border: 1px solid #81A2C4;
}

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

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

.logo {
text-align: center:
}


Sollte eigentlich richtig sein..

[Michael]

Ersetze den Doppelpunkt hinter center durch ein Semikolon.

[Automatikk]

Vielen Dank! Jetzt hat es endlich funktioniert!

PS: kleiner Tipp an alle anderen, Cookies löschen nicht vergessen...

[cybercrash]

Dank an Michael für die gut verständliche Beschreibung wie das Logo zentriert werden kann.
Nachtrag:
Ergänzend hier noch der Hinweis wie die Menü-Leiste eingemittet werden kann:
Im Admin-CP, Themes, global.css, Bearbeitung Fortgeschrittener Modus, im Code

Suchen: menu ul, text-align: right ersetzen durch text-align: center

PHP-Code:

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