MyBB.de Forum
Theme in 1.8 Konvertieren - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Theme in 1.8 Konvertieren (/thread-34267.html)

Seiten: Seiten: 1 2

Theme in 1.8 Konvertieren - Lagerlui - 16.02.2017

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.
   

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
   
  • UserCP / Admin CP ect...
   
  • New Thread Bereich und co.
   

Würde mich sehr über Hilfe freuen.

Mit freundlichen Grüßen
Lagerlui

RE: Theme in 1.8 Konvertieren - Lagerlui - 17.02.2017

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.

RE: Theme in 1.8 Konvertieren - StefanT - 17.02.2017

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.

RE: Theme in 1.8 Konvertieren - Lagerlui - 17.02.2017

Also meinste sollte ich lieber bei 1.6 bleiben?

RE: Theme in 1.8 Konvertieren - StefanT - 17.02.2017

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.

RE: Theme in 1.8 Konvertieren - Lagerlui - 17.02.2017

Okay danke dann werde ich mal eins suchen Smile

RE: Theme in 1.8 Konvertieren - Lagerlui - 17.02.2017

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?

RE: Theme in 1.8 Konvertieren - MrBrechreiz - 17.02.2017

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.

RE: Theme in 1.8 Konvertieren - Lagerlui - 17.02.2017

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

RE: Theme in 1.8 Konvertieren - MrBrechreiz - 17.02.2017

https://www.mybb.de/erweiterungen/18x/themes?sort=aktualisiert

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".