MyBB.de Forum

MyBB.de Forum > Anpassungen > Theme-Diskussionen > Theme in 1.8 Konvertieren
Normale Version: Theme in 1.8 Konvertieren
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2

Lagerlui

16.02.2017, 19:27
Hallo,
ich habe eine Theme erstellt welches ich nun gerne in die aktuelle 1.8 Version implementieren möchte.

Ich habe es soweit auch schon geschafft.
[attachment=11358]

Hier sind nur noch ein paar "kleine" fehler hoffe ich doch nur weiß ich nicht wo ich die ändern soll bzw wie?
kann mir da evtl jemand helfen?

Hier die Screens wie es aussehen soll.
  • Forenliste
[attachment=11359]
  • UserCP / Admin CP ect...
[attachment=11360]
  • New Thread Bereich und co.
[attachment=11361]

Würde mich sehr über Hilfe freuen.

Mit freundlichen Grüßen
Lagerlui

Lagerlui

17.02.2017, 11:25
Hier einmal die 
Global.CSS
Code:
.messageEditor {
background: transparent !important;
border: 0 !important;
}

#message_old {
width: 700px !important;
}

body {
background: #F5F5F5 url(../../../images/boden1.gif);
color: #000;
font-family: Verdana, Arial, sans-serif;
font-size: 9pt;
padding-top: 0px;
padding-bottom: 0px;
line-height: 12pt;
}

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

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

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

#container {
width: 960px;
padding: 0px;
margin: auto auto;
}

#content {
width: 100%;
margin: auto auto;
}

.menu ul {
font-weight: bold;
padding: 6px;
padding-bottom: 20px;
}

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

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

#panel {
background: #6c7e4c;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
padding: 5px;
}

table {
border-width: 0px;
border-collapse: separate;
border-spacing: 0px;
}

.tborder {
width: 100%;
margin: auto auto;
border-width: 0px;
}

.thead {
background: #6c7e4c;
border-width: 0px;
border-right-width: 1px;
border-right-style:solid;
border-right-color:#3c5a34;
height: 16px;
background-image: url(../../.././images/tablehead_green.png);
background-repeat: no-repeat;
padding: 2px;
padding-left: 18px;
}

.tcat {
background: #5e6e42;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
}

.trow1 {
background: #657547;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
}

.trow2 {
background: #6c7e4c;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
}

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

.tfoot {
background: #5e6e42;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
}

.bottommenu {
background: #657547;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
text-align: right;
padding: 5px;
}

.navigation {
font-weight: bold;
}

.navigation .active {
font-size: 13px;
font-weight: bold;
}

.smalltext {
font-size: 8pt;
}

.largetext {
font-size: 10pt;
font-weight: bold;
}

input.textbox {
background: #889f60;
color: #000000;
border: 1px solid;
padding: 1px;
border-top-color: #3c5a34;
border-left-color: #3c5a34;
border-bottom-color: #9cb26c;
border-right-color: #9cb26c;
}

textarea {
background: #889f60;
color: #000000;
border: 1px solid;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 9pt;
line-height: 12pt;
border-top-color: #3c5a34;
border-left-color: #3c5a34;
border-bottom-color: #9cb26c;
border-right-color: #9cb26c;
width: 95%;
}

select {
background: #788c55;
color: #000000;
border: 1px solid;
border-top-color: #3c5a34;
border-left-color: #3c5a34;
border-bottom-color: #9cb26c;
border-right-color: #9cb26c;
}

input.button {
background: #fcb030;
color: #000000;
border: 1px solid;
font-size: 8pt;
font-weight: bold;
border-top-color: #fcd898;
border-left-color: #fcd898;
border-bottom-color: #e49004;
padding-top: 0px;
padding-bottom: 0px;
border-right-color: #e49004;
}

.editor {
background: #6c7e4c;
border: 0px;
}

.editor_control_bar {
border: 0px;
}

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

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: 2px;
}

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

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

td.insidePost a {
font-weight: bold; text-decoration: underline;
}

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: 2px;
}

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

.usercpnav li a {
font-weight: normal;
}

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

td.insidePost a {
font-weight: bold; text-decoration: underline;
}

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: 2px;
}

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

.usercpnav li a {
font-weight: normal;
}

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

.trow_selected td {
background: #FFFBD9;
}

blockquote {
background: #889F60;
border: 1px solid #5E6E42;
margin: 0;
padding: 4px;
}

blockquote cite {
border-bottom: 1px solid #5E6E42;
display: block;
margin: 4px 0;

font-style: normal;
font-weight: bold;
}

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

.codeblock {
background: #889F60;
border: 1px solid #5E6E42;
padding: 4px;
}

.codeblock .title {
border-bottom: 1px solid #5E6E42;
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;
}

.subject_new {
font-weight: bold;
}

.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}

.pm_alert {
background: #657547;
border-width: 1px;
border-style: solid;
border-top-color: #9cb26c;
border-left-color: #9cb26c;
border-bottom-color: #3c5a34;
border-right-color: #3c5a34;
text-align: center;
padding: 5px 5px;
margin-bottom: 15px;
}

.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
font-size: 11px;
margin-bottom: 15px;
margin-bottom: 15px;
}

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

.pagination .pagination_current {
background: #889F60;
border: 1px solid #5E6E42;

font-weight: bold;
color: #000;
color: #000;
}

.pagination a:hover {
background: #889F60;
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;
}

.spoiler_header {
background: #889F60;
border: 1px solid #5E6E42;
margin: 0;
padding: 4px;
}

.spoiler_body {
background: #889F60;
border: 1px solid #5E6E42;
margin: 0;
padding: 4px;
}

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

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

.hiddenrow {
display: none;
}

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

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

Vlt weiß jemand wie und was ich noch ändern muss.

StefanT

17.02.2017, 11:36
Da ist viele Änderungen gab, ist eine manuelle Konvertierung meist sehr aufwendig. Ein paar Kleinigkeiten in Templates und den Stylesheets zu ändern, reicht selten aus.

Wir bei MyBB.de haben das Theme für MyBB 1.8 aus diesem Grund komplett neu erstellt. Es sieht zwar fast gleich aus, basiert aber nicht auf dem von MyBB 1.6. Es war schlicht einfacher und weniger fehleranfällig das neue Standard-Theme anzupassen.

Lagerlui

17.02.2017, 11:39
Also meinste sollte ich lieber bei 1.6 bleiben?

StefanT

17.02.2017, 12:40
Nein, auf gar keinen Fall. Es könnte jedoch einfacher sein ein Theme für MyBB 1.8 an deine Vorstellungen anzupassen oder vielleicht auch ein neues Theme zu verwenden.

Lagerlui

17.02.2017, 13:52
Okay danke dann werde ich mal eins suchen Smile

Lagerlui

17.02.2017, 20:15
Hi ich glaube ich habe das Theme gefunden Smile

Das sollte doch anzupassen sein oder?
https://www.mybb.de/erweiterungen/18x/themes/1point8/

Ebend evtl mit den Grafiken aus den Screenshots diese liegen alle vor Smile

Wäre sowas dort machbar?

MrBrechreiz

17.02.2017, 20:46
Das letzte Update vom Theme liegt zwei Jahre zurück. Daher eher nicht zum empfehlen dies zu verwenden, außer Du magst es per Hand korrigieren.

Lagerlui

17.02.2017, 20:49
Naja per Hand werde ich wohl bei meinem Theme vorstellungen ehh nicht drum um kommen oder?

Aber hast du evtl oder jemand anders eine andere Alternative?

Mit freundlichen Grüßen
Lagerlui

MrBrechreiz

17.02.2017, 21:01
https://www.mybb.de/erweiterungen/18x/th...tualisiert

Von oben abwärts in aktueller Form. Verwende möglichst ein aktuelles Theme, sonst musst Du Templates zurücksetzen um aktuelle Änderungen feststellen zu können. Es ist aber auch keine Garantie, dass diese aufgeführten Themes aktuell sind. Du kennst den Spruch bestimmt, "Traue keinen außer dir selbst".
Seiten: 1 2
MyBB.de Forum > Anpassungen > Theme-Diskussionen > Theme in 1.8 Konvertieren