[SteepX]

Guten Tag liebes Forum-Team,

ich habe hier ein paar minimale Probleme, womit ich schon seit gestern kämpfe.
Ich werde diese nach und nach hier Auflisten + Bilder und Erklärung.

Also dann mal los:

1. Logo versetzt

   

Hierbei möchte ich gerne, dass mein Logo, genau an dem schwarzen Menü angrenzt.
Habe es im global.css gesucht, desweiteren im header_include aber habe nichts gefunden.
Wäre nett, wenn mir da jemand weiterhelfen könnte.


2. Themeeditor größe ändern

   

Wie man hier sehen kann, ist das Feld einfach zu groß und kleiner kann man es nicht ziehen. :/
Kann man diese Größe ändern, wenn ja wo? =)



3. Thema größe festlegen

   

Hier kann man gut sehen, dass Themen sich nicht dem Browserfenster anpassen.
Natürlich würde ich das auch gerne anpassen, sprich das es statisch bleibt, eine Einheitsgröße.


Wäre echt cool, wenn Ihr mir soweit schon mal helfen könnt. =)

Nun noch ein paar Grundlegende Informationen zu unserem Forum:

MyBB Version: 1.6.8
PHP: 5.3.8
SQL Engine: MySQL 5.0.91
Plugins:
http://mods.mybb.com/view/pluginlibrary
http://mods.mybb.com/view/google-seo
http://mods.mybb.com/view/thanks
http://mods.mybb.com/view/ajax-pm-notification
http://mods.mybb.com/view/donation-page
http://mods.mybb.com/view/news-message
http://mods.mybb.com/view/mention
http://mods.mybb.com/view/accept-tos
http://mods.mybb.com/view/help-center
http://mods.mybb.com/view/stopforumspam-com-for-mybb

Theme: http://mods.mybboard.de/16x/themes/portal-2-theme/

[Jockl]

Hallo SteepX,

zunächst einmal möchte ich Dich bitten, Dich an die Regeln zu halten und Bilder nicht auf entsprechende Bilderdienste zu verlinken. Lade die Bilder bitte hier im Forum hoch. Danke Dir.

Zu "Logo versetzt":
Auf der Suche nach dem Problem sollten Dir die Entwicklerwerkzeuge Deines Browsers oder auch das Plugin Firebug für den FF weiter helfen können.

Zu "Themeeditor größe ändern":
Suche hier im Forum mal nach "editor" und "textarea". Zu dem Thema gibt es ziemlich viele Threads und ebenso viele Lösungen.

Zu "Thema größe festlegen":
Da könnte u.U. die URL zu Deinem Forum weiter helfen....

[SteepX]

(25.07.2012 13:57)Jockl schrieb:  Hallo SteepX,

zunächst einmal möchte ich Dich bitten, Dich an die Regeln zu halten und Bilder nicht auf entsprechende Bilderdienste zu verlinken. Lade die Bilder bitte hier im Forum hoch. Danke Dir.

Zu "Logo versetzt":
Auf der Suche nach dem Problem sollten Dir die Entwicklerwerkzeuge Deines Browsers oder auch das Plugin Firebug für den FF weiter helfen können.

Zu "Themeeditor größe ändern":
Suche hier im Forum mal nach "editor" und "textarea". Zu dem Thema gibt es ziemlich viele Threads und ebenso viele Lösungen.

Zu "Thema größe festlegen":
Da könnte u.U. die URL zu Deinem Forum weiter helfen....

Entwicklertools des Chrome benutze ich schon, finde dadurch aber nicht sehr viel raus. :/

Die URL?
Okay dann schalte ich das Forum mal eben frei und sende dir eine PN.

Für den Editor muss ich das hier umschreiben :

Zitat:<textarea cols="70" rows="20" id="message_new" name="message_new" style="height: 230px; width: 437px; " tabindex="2"></textarea>

Aber keine Ahnung in welcher Datei, denn in der Stylesheet.css des Editors ist es nicht.

[Jockl]

Zu "Logo versetzt":
füge mal in Deinem img-Tag für das Logo noch einen Style ein

Code:

style="margin-bottom:-15px;"

Ggf. musst Du noch ein wenig mit dem Wert spielen.

Zu "Themeeditor größe ändern":

Code:

<textarea cols="70" rows="20" id="message_new" name="message_new" style="height: 230px; width: 437px; " tabindex="2"></textarea>

...kommt in mehreren Templates vor. Suche einfach mal im ACP bei den Templates nach "textarea"....

Das andere Problem mit "Thema größe festlegen" kann ich leider nicht nachvollziehen...

[SteepX]

(25.07.2012 14:38)Jockl schrieb:  Zu "Logo versetzt":
füge mal in Deinem img-Tag für das Logo noch einen Style ein

Code:

style="margin-bottom:-15px;"

Ggf. musst Du noch ein wenig mit dem Wert spielen.

Zu "Themeeditor größe ändern":

Code:

<textarea cols="70" rows="20" id="message_new" name="message_new" style="height: 230px; width: 437px; " tabindex="2"></textarea>

...kommt in mehreren Templates vor. Suche einfach mal im ACP bei den Templates nach "textarea"....

Das andere Problem mit "Thema größe festlegen" kann ich leider nicht nachvollziehen...

Das mit dem Editor habe ich nun hinbekommen.

Zitat:Habe deswegen in der editor.js Zeile 256 - 257 die entsprechenden Subtrahenden um 6 erhöht.

Altes js:
PHP-Code:
255 // Set the width/height of the area
256 subtract = 20;
257 subtract2 = 12;

Änderungen:
PHP-Code:
255 // Set the width/height of the area
256 subtract = 56;
257 subtract2 = 18;

Den Rest muss ich noch irgendwie hinbekommen.
In welche Datei muss ich den Style einfügen?

Danke für die bisherige Hilfe!



EDIT:
Das mit dem Logo ist nun auch geklärt, hat geklappt! =)
Nur noch das mit den Beiträgen.

[SteepX]

Nun gilt nur noch das Problem Nummer 3 zu lösen. ;/

Hier mein Forum, da könnt ihr sehen, was ich genau meine.

http://sammelkarten.org/Thread-Shadow-Dragon-Saga

Der Beitrag ist einfach zu breit.

[MrBrechreiz]

Hallo,

in deinem Beitrag sieht es bei mir normal aus. Also keine über den Rand Anzeige.

In deiner global.css findest Du diesen Eintrag

PHP-Code:

.post_content {
    padding: 5px 10px;
} 


ändere doch mal die maximale breite, also in

PHP-Code:

.post_content {
    padding: 5px 10px;
    max-width:   hier nun deine Breite in px oder %
} 


Ein Versuch isses Wert.

[SteepX]

Nun ist es wie auf dem Bild zusehen
   

Also ein wenig hat es geholfen, aber die Bilder sind trotzdem außerhalb. :/


Hier meine Global.css

Code:

body {
    background: #1b1b1b url(images/portal2/background.gif) top left repeat-x;
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    
    font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
    font-size: 13px;
}

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

.logo {
    margin-left:-27px;
    margin-bottom:-55px;
}

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

a:hover, a:active {
    color: #b9b9b9;
    text-decoration: none;
}

#container {
    background: #0e0e0e;
    width: 980px;
    color: #707070;
    border: 1px solid #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-radius-buttomleft: 4px;
    -webkit-border-radius-bottomright: 4px;
    -border-radius-bottomright: 4px;
    -border-radius-bottomleft: 4px;
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    margin-bottom: 20px;
    border-radius: 0 0 4px 4px;
}

#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: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

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

table {
    color: #807f7f;
    text-shadow: 0 -1px 0 #000;
    
    font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
    font-size: 12px;
}

.tborder {
    background: #000;
    width: 100%;
    margin: auto auto;
    border: 1px solid #000;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -border-radius: 4px 4px 0 0;
}

.thead {
    background: url(images/portal2/thead_bg.gif) top left repeat-x;
    color: #1b1b1b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -border-radius: 4px 4px 0 0;
    padding: 8px;
    font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
    font-size: 16px;
}

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

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

.thead a:hover, .thead a:active {
    color: #1b1b1b;
}

.tcat {
    background: #1b1b1b url(images/portal2/toplinks.gif) top left repeat-x;
    color: #686868;
    padding: 8px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #000;
    padding-top: -3px;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

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

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

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

.trow1 {
    background: #1b1b1b url(images/portal2/trow.gif) top left repeat-x;
    border-top: 1px solid #000;
    padding: 6px;
}

.trow2 {
    background: #1b1b1b url(images/portal2/trow.gif) top left repeat-x;
    border-top: 1px solid #000;
    padding: 6px;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: rgba(255, 255, 255, 0.2);
}

.trow_sep {
    background: #rgba(255, 255, 255, 0.4);
    color: #9c9c9c;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: url(images/portal2/thead_bg.gif) top left repeat-x;
    color: #1b1b1b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

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

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

.tfoot a:hover, .tfoot a:active {
    color: #1b1b1b;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    background: #1b1b1b url(images/portal2/toplinks.gif) top left repeat-x;
    color: #b9b9b9;
    padding: 6px;
    border: 1px solid #000;
    -border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    text-shadow: 0 -1px 0 #000 !important;
    
    font-size: 11px;
}

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

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

.navigation a:hover, .navigation a:active {
    color: #9c9c9c;
    text-decoration: none;
}

.navigation .active {
    color: #b9b9b9;
    font-size: 11px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: #222;
    color: #9c9c9c;
    border: 1px solid #000;
    padding: 1px;
}

textarea {
    background: #222;
    color: #9c9c9c;
    border: 1px solid #000;
    padding: 4px;
    line-height: 1.4;
    text-shadow: 0 -1px 0 #000;
    
    font-family: 'Segoe UI', Arial, Verdana, Sans-Serif;
    font-size: 12px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    width: 220px;
    border: 1px solid #ccc;
    text-shadow: none !important;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
    text-shadow: none !important;
}

.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 {
    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: 0 auto;
    display: none;
}

blockquote {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.6);
    margin: 0;
    padding: 4px;
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -border-radius: 4px;
}

blockquote cite {
    display: block;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3px 0;
    margin-bottom: 3px;
    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: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 4px;
    padding: 4px;
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.3);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -border-radius: 4px;
}

.codeblock .title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 3px 0;
    text-transform: uppercase;
    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;
    color: #222;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

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

.pagination .pagination_current {
    background: #1b1b1b url(images/portal2/toplinks.gif) top left repeat-x;
    color: #686868;
    border: 1px solid rgba(0, 0, 0, 0.5);
    text-shadow: 0 -1px 0 #000;
    font-weight: bold;
}

.pagination a:hover {
    background: #222;
    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;
        max-width: 900px;
}

.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: #000;
    border: 1px solid #000;
    outline: 1px solid #000;
    padding: 5px;
    margin-top: 5px;
    
    font-weight: normal;
}

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

.pm_alert a:link, .pm_alert a:visited, .pm_alert a:active {
    color: #2e2e2e;
}

.pm_alert a:hover {
    color: #222;
}

Edit by Jockl: code-Tag korrigiert

[MrBrechreiz]

Stell ma den .wrapper einen kleineren Wert ein. Statt 85% mach 70%. Musst da ma selber ein wenig spielen damit, bis es für dich passt.

[SteepX]

Wo ist denn dort der .wrapper finde den net.


EDIT:
Hab nun

.wrapper {
width: 75%;
}

eingefügt.
Hat nichts gebracht.