MyBB Forum

[Bot]

Hey, ich weiß net ob das jez etwas scheise kommt, aber ich würde gerne bei "die stämme" so en forum machen wie dies hier.
MyBB hab ich mir gedownloadet und hochgeladen mit dem ftp und so, aber das Design gelingt mir nicht so gut.
also frag ich mal, ob mir da jemand helfen könnte oder sowas.

[stewue]

Hier ein Tutorial von Milos

[ON21]

Bei sowas ist Jonsn sehr gut...

[Jonsn]

Nein bin ich nicht.
Ich kann zwar so ein bisschen CSS, aber das Design komplett nachzubauen..?
Da müsst ihr euch jemand anders suchen.

[ON21]

Ups, dann war es mein fehler. Ich dachte, es gabe "unser" Designe als Download.
Aber wenn du lieb bist, stellt ein Admin diese ja für uns öffentlich.

[Steffen]

ich glaub das gibts irgendwo öffentlich , meine zumindest es irgendwo mal gesehen zu haben..
=> Google

[ON21]

Hallo,

Ich glaube, ich habe die CSS datei gefunden, vom Forum.
Mit GC ist sowas eigentlich "einfach" rauszufinden. :

body {
color: #000;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 12pt;
text-align: center; /* IE 5 fix */
line-height: 1.4;
background: #C6A05B url(../../../images/tribalwars-new/design/bg-tile.jpg);
background-image: url(../../../images/tribalwars-new/design/bg-tile.jpg);
margin: 0px;
padding: 0px;
}

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

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

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

#container {
width: 95%;
/* border: 1px solid #e4e4e4;*/
color: #000000;
margin: auto auto;
padding: 0px 20px;
text-align: left; /* IE 5 fix */
}

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

}

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

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

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

.menu ul a:hover, .menu ul a:active {
text-decoration: none;
}

#panel {
background: #E5D0A8 url(../../../images/tribalwars-new/design/back_main.gif) repeat;;
color: #000000;
font-size: 11px;
border: 1px solid #E5D0A8;
padding: 8px;
}

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

.tborder {
background: #E5D0A8;
width: 100%;
margin: auto auto;
/* border: 1px solid #0F5C8E;*/
}

.thead {
background: #E5D0A8 url(../../../images/tribalwars-new/design/tcat.png) repeat-x 0% 0%;
color: #661613;
}

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

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

.thead a:hover, .thead a:active {
color: #661613;
text-decoration: underline overline;
}

.tcat {
background: #E5D0A8 url(../../../images/tribalwars-new/design/header_gradient.jpg) repeat-x 0% 0%;
color: #000000;
font-size: 12px;
}

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

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

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

.trow1 {
background: #E5D0A8;
}

.trow2 {
background: #E5D0A8 url(../../../images/tribalwars-new/design/back_main.gif) repeat;
}

.trow_shaded {
background: #ffdde0;
}

.trow_selected td {
background: #FFFBD9;
}

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

.tfoot {
background: #8C4403 url(../../../images/tribalwars-new/design/dark_pattern.gif) repeat-x 0% 0%;
color: #e5d0a8;
}

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

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

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

.bottommenu {
background: #8C4403 url(../../../images/tribalwars-new/design/dark_pattern.gif) repeat-x 0% 0%;
color: #E5D0A8;
/*border: 1px solid #4874a3;*/
padding: 10px;
}

.bottommenu a:link, .bottommenu a:visited {
color: #E5D0A8;
text-decoration: none;
}

.bottommenu a:hover, .bottommenu a:active {
color: #E5D0A8;
text-decoration: underline;
}

.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 #0f5c8e;
padding: 1px;
}

textarea {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
line-height: 1.4;
font-size: 13px;
}

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

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

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


blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}

.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 #E5D0A8;
background: #E5D0A8 url(../../../images/tribalwars-new/design/back_main.gif) repeat;;
}

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

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

vielleicht hilft das ja.