Problem mit WBB-Design

[olieg]

Hallo Com, ich habe ein neues Forum-Design auf WBB-Lite. Nun aber ist es irgendwie nicht so wie es sein sollte, normalerweise steht vorne der Name des Forums und der letzte Beitrag aus dem jeweiligen Forum wird hinten angezeigt, doch bei mir wird es unten dran angezeigt. Hier ein Screenshot:




Wie bringe ich es hin, dass der jeweils letzte Beitrag wieder hinten angezeigt wird?


Danke im Voraus

Gruss

[αωєѕσмє]

Wie ich sehe benutzt du das Curse-World-Design und dies ist meines Wissens nach nur mit Wbb 3 kompatibel , könnte daran liegen !

Ansonsten kannst/musst du das via CSS anpassen

Mfg

[olieg]

Hm habe sonst eigentlich keine anderen Probleme damit auch nicht obwohl es nur auf Lite läuft. Wo in der CSS anpassen habe sowas noch nie gemacht.

[.Tobias]

Nehm ein anderes Design, wirst du eh nicht hinkriegen.

[Coniesan]

hahahahah xD genialer Kommentar Tobi xD
sowas is ne Arbeit von 2min xD aber epic <3

[αωєѕσмє]

Originally Posted by .Tobias

Nehm ein anderes Design, wirst du eh nicht hinkriegen.

Nur weil du sowas nicht hinkriegst ?

Hatte das Problem noch nicht und kenne den CSS-Code gerade nicht aus dem Kopf , google am besten mal "Wbb letzter beitrag position" oder sowas

Mfg

[Coniesan]

achwas, easy Mode -> Firefox Element untersuchen -> id/class raus suchen -> margin bzw padding oder width verändern evtl direkt im Firefox und wenns passt, in die CSS übernehmen

[αωєѕσмє]

Originally Posted by .Tobias

Sagt der eine, von 50.000 Arbeitslosen Designern.

Was für Quellen besitzt du haha ?

Habe momentan 2 Aufträge und auserdem Designe ich nicht ich Code

B2T: Besteht das Problem noch ?

Mfg

[.Tobias]

Originally Posted by αωєѕσмє

Was für Quellen besitzt du haha ?

Habe momentan 2 Aufträge und auserdem Designe ich nicht ich Code

B2T: Besteht das Problem noch ?

Mfg

AC Designs - Ich Designe nicht, ich Code
2 Aufträge, hast fast nen Wikipedia Eintrag verdient.
Achja, und Coden lernt man in ~2 Stunden.

B2T:

Geh im Style mal auf die Zusätlichen CSS Deklarationen, uns such dort mal nach etwas ähnlichem wie Last Post oder LastPost or so, dort solltest du dann die Position verändern können.

[#CHaCKi]

Wieso macht Ihr es denn so umständlich? Er muss lediglich die Zeilen wieder anpassen im css dec. so wie diese bei WBB3.1.x sind.

@Threadersteller ich schicke dir eine PM mit meinen CSS Codes.

edit = ist wohl je nach Design anders. Frage mal bei den Autoren des Designs nach

[olieg]

Ok, danke allen bis jetzt für die mehr oder weniger hilfreichen Antworten, doch welche css genau muss ich bearbeiten und wo befindet sie sich?

[Coniesan]

Uiii wir sind Gott, kennen dein Script auswändig und wissen daher direkt zu sagen, wo sich der "Fehler" befindet, und können dir ne Lösung nennen, ohne uns das Script 1x angesehen zu haben..... NIECHT! (u know what I mean?!)

[olieg]

Jedes WBB ist (fast) gleich aufgebaut, also wenigstens den Pfad hättest du schreiben können anstatt wieder jemanden darauf aufmerksam zu machen, dass du keine magische Glaskugel besitzt.

Habe hier irgendwas gefunden:

PHP Code:

@charset "UTF-8";
/* CSS Document */

a:focus {
    outline: none;
}

.mainMenu .mainMenuInner {
    border-style:none;
}

#mainMenu {
    position: absolute;
    top: 160px;
    z-index: 99;
    height: 65px;
    padding-right: 5px;
    padding-left: 0px;
    border: 0px;
    margin-left:11px;
    width:630px;
}

.mainMenu a {
    float:left;
    font-size:1.0em;
    font-weight:bold;
    height:65px;
    line-height:90px;
    text-align:center;
    text-decoration:none;
    border:none!important;
    padding: 0px 0px 0px 0px;
    background:transparent url('../images/menu1.png') no-repeat center bottom;
    width:103px;
    text-transform: uppercase;
}

.mainMenu .active a, .mainMenu .firstActive a, .mainMenu .lastActive a {
    background:transparent url('../images/menu3.png') no-repeat center bottom;
}

.mainMenu a:hover {
    background:transparent url('../images/menu2.png') no-repeat center bottom;
}

.mainMenu li  {
    margin-left: 3px;
}

select, textarea, input[type="text"], input[type="password"] {
    background-image: url("../images/inputBG.png");
    background-position: left top;
    background-repeat: repeat-x;
}

.boardTitle { 
    text-shadow: 0 1px 0 #1b1b1b; 
}

.largeButtons a:hover span {
    text-shadow: 0 1px 0 #000; 
}

.largeButtons a span {
    text-shadow: 0 1px 0 #000; 
}

.mainMenu a {
    text-shadow: 0 1px 0 #000;
}

.mainMenu .active a, .mainMenu .firstActive a, .mainMenu .lastActive a {
    text-shadow: 0 1px 0 #000;
}

.mainMenu a:hover {
    text-shadow: 0 1px 0 #000;
}

.infoBox h3 {
    font-size:1.1em; text-shadow: 0 -1px 0 #000;
}

h1 {
    text-shadow: 0 -1px 1px #000;
}

h2, h2 a {
    text-shadow: 0 -1px #000;
}

.pageOptions span, .breadCrumbs span {
    text-shadow: 0 -1px #000;
}


.galleryAlbumCover img {
    -webkit-box-shadow: 0 3px 7px #000; 
    -moz-box-shadow: 0 3px 7px #000;
}

.galleryIndex li.floatedElement .thumbnail img, .galleryIndex li.floatedElement:hover, .squared .thumbnail img {
    -webkit-box-shadow: 0 1px 3px #000; 
    -moz-box-shadow: 0 1px 3px #000;
}

.galleryPhoto img {
    -webkit-box-shadow: 0 3px 7px #000; 
    -moz-box-shadow: 0 3px 7px #000; 
    margin: 10px;
}

.imageViewerCurrentImage {
    -webkit-box-shadow: 0 3px 23px #000; 
    -moz-box-shadow: 0 3px 23px #000;
}

.containerHead, .containerHead a {
    text-shadow: 0 -1px 0 #000;
}

.smallButtons a span {
    text-shadow: 0 -1px 0 #2A160E;
}

.smallButtons a:hover span {
    text-shadow: 0 -1px 0 #2A160E; 
}

.subTabMenu a span {
    text-shadow: 0 -1px 0 #000;
}

.memberList li span {
    text-shadow: 0 -1px 0 #fff;
}

.galleryPhotoEdit img, .galleryAlbumCover img {
    -webkit-box-shadow: 0 3px 7px #000; 
    -moz-box-shadow: 0 3px 7px #000;
    box-shadow: 0 3px 7px #000;
}

.galleryIndex li.floatedElement .thumbnail img, .squared .thumbnail img {
    -webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;
}

.galleryIndex li.floatedElement:hover, .avatarSelect li label:hover {
    -webkit-box-shadow: 0 1px 3px #000; 
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;
}

.galleryPhoto img {
    -webkit-box-shadow: 0 3px 7px #000;
    -moz-box-shadow: 0 3px 7px #000; 
    box-shadow: 0 3px 7px #000; 
    margin: 10px;
}

.imageViewerCurrentImage {
    -webkit-box-shadow: 0 3px 23px #000; 
    -moz-box-shadow: 0 3px 23px #000;
    box-shadow: 0 3px 23px #000;
}

.info, .success, .warning, .error {
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.copyright:after { 
    content: " | made by Kai M. & cls-design"
}

.tabMenu li:first-child, .tabMenu li:first-child a {
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.tabMenu li:last-child, .tabMenu li:last-child a {
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.loginPopup input#quickLoginPassword {
    -webkit-border-top-left-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -moz-border-radius-topleft: 0; 
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

input#searchInput {
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px;
    border-radius: 12px;
}

textarea, select, input[type="text"], input[type="password"], .loginPopup input#quickLoginPassword  {
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.optionButtons li {
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.quoteBox, fieldset {
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
} 


...und:

PHP Code:

@charset "UTF-8";
/* CSS Document */

#tplIndex .mainHeadline {
    position:absolute;
    top:239px;
    margin-left:10px;
    width:900px;
}

#main > ul.breadCrumbs {
    padding-left:18px;
    position:absolute;
    top:250px;
    z-index:99;
}

.loginPopup {
    margin-top: 0px;
    margin-left: 225px;
}

.smallButtons li a {
    padding:3px 8px 3px 7px;
}

.smallButtons .extraButton a {
    padding:3px 4px 3px 6px;
}

.smallButtons .extraButton {
    margin-left: 4px !important;
}

.message .messageInner {
    border: none !important;
}

.message .messageContent, .message .messageContentInner {
    border: none !important;
    background-color: transparent !important;
}

.message .messageInner {
    background: #0a0a0a url('../images/postBG.jpg') top left no-repeat;
}

.threadStarterPost .messageLeft, .threadStarterPost .messageRight, .threadStarterPost .messageFramedLeft, .threadStarterPost .messageFramedRight, .threadStarterPost .messageTop, .threadStarterPost .messageFramedTop {
    background:transparent url('../images/threadstarterBG.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-color:#0a0a0a;
}

#userNote {
    position: absolute;
    left: 43px;
    padding-top:1px;
    font-size:1.2em;
    text-shadow: 0 1px 0 #000;
    color:#fff;
}

#userNote a {
    color:#FFAB03;
}

#userMenu {
    position: absolute;
    top: 20px;
    left: 43px;
    padding-left:0px;
    padding-top:3px;
}

#userAvatar {
    display: block !important;
    max-width: 30px;
    clip:rect(0px, 30px, 34px, 0px);
    position:absolute;
}

#userAvatar img {
    height: auto !important;
    max-width: 30px;
    float:right;
    padding-top:4px;
}

#userPanel {
    top: 163px;
    margin-left:665px;
    width:275px;
    position: absolute;
    z-index:98;
}

#userPanel a {
    color:#fff;
    text-shadow: 0 -1px 0 #374200;
}

#userPanel a:hover {
    color:#F1FFB5;
}
#userMenu img {
    display:none;    
}

#userMenu .new span {
    color:#FFAB03;
}

#userMenu span {
    text-decoration: none;
}

.container-1, .container-2, .container-3 { 
    margin-bottom:0px !important; 
    border-bottom: 1px #333 solid !important; 
}

.border, .error, .info, .inlineCalendarFooter, .inlineCalendarHeader, .inlineCalendarTable, .message, .quoteBox, .searchContainer, .success, .warning, fieldset {
    border-width:0px;
}

.tabMenu li, .border {
     border-width:0px !important;
}

.tabMenu li.activeTabMenu a {
    padding-bottom: 3px;
    border-bottom-width: 0px;
} 

.tabMenu li a, .tabMenu li.disabled a:hover {
    padding-bottom: 2px;
}

.tabMenu .activeTabMenu a, .tabMenu .activeTabMenu a span {
    padding-bottom: 1px;
}

.subTabMenu .containerHead li {
    margin-top: 3px;margin-bottom: 3px;
}

.tabMenu li {
    padding-bottom: 1px;
}

.subTabMenu {border-width: 0 !important;}

#mainContainer, #headerContainer, #footerContainer {
    width:998px;
}

.userName a span {
    text-shadow: 0 -1px 0 #000;
}

.tabMenuContent .marked .messageInner *, .marked .messageSidebar *, .tableList tr.marked td, .tableList tr.marked td a, .tableList tr.marked td a:hover, .tableList tr.marked td .light, .tableList tr.marked td .light a, .tableList tr.marked:hover .columnTopic .topic a .tableList tr.marked:hover .columnTitle a .tableList tr.marked:hover .columnUsername a {
    color:#FFCC00;
}
.mainMenu .mainMenuInner {
    border-style:none;
}

.boardTitle { 
    font-weight: bold; 
}

.dynBox .dynBoxInner {
    background-color: #2A170E;
}

#logo a.pageLogo {
    height: 140px;
}

#search {
    top: 50px;
    right: 0px;
}

#search .searchContainer {
    text-align: center;
    background-color: transparent;
    background-image: url("../images/searchBG.png");
    background-repeat: no-repeat;
    background-position: right top;
    padding-left: 40px;
    min-height: 24px;
}

#searchInput {
    border: 0px;
    background-color: transparent !important;
    width:168px;
    color: #E9BD7F;
}

#boardlist .container-1, .container-1, #boardlist .container-2, .container-2, .layout-3 .first, .layout-2 .second,.pmUsage, .layout-3 .first, .layout-2 .second   {
    background-image: url("../images/lineBG.png");
    background-color: #26150D;
    background-repeat: repeat-y;
    background-position: left top;
}

#headerContainer {
    margin-left: auto;
    margin-right: auto;
    background: url("../images/headerBG.png");
    background-repeat: no-repeat;
    background-position: left top;
    border: none !important;
}

#header{
    padding-left:30px;
    padding-right:30px;
}

#mainContainer {
    margin-left: auto;
    margin-right: auto;
    background: url("../images/mainBG.png");
    background-repeat: repeat-y;
    background-position: left top;
}

#mainMenu span {
dispaly: none;
}

#main {
    padding: 3px 13px 10px 13px;
}

#footer {
    padding: 0px 15px;
    background-image:url("../images/footerBG.png");
    background-repeat: no-repeat;
    background-position: right top;
    border-top: 0px;
    height: 200px;
}

#footerContainer {
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    padding-bottom: 0px;
    background-image:url("../images/footerContainerBG.png");
    background-repeat: repeat-x;
    background-position: left top;
    margin-left: auto;
    margin-right: auto;
}

#header, #logo, .mainMenu , .mainMenu a {
        border: 0 !important;
        background-color: transparent !important;
}

.boardlistCols-3 {
    width: 55%;
}

.boardlistLastPost {
    width: 33%;
}

.boardlistStats {
    width: 12%;
}

.containerHead {
    padding: 5px 5px;
    font-weight:bold;
}

.containerHead h3 {
    font-weight:bold;
}

.boardlistLastPost b { 
    color: #F7CA04; 
}

#userMenu span, .pageOptions a span, a, .breadCrumbs li a span, .messageFooter .breadCrumbs li a, .footerMenuInner a span, .stylePicker a  span, div.pageMenu .twoRows a span, .galleryIndex li.floatedElement a span, .friendsConnection a .avatarCaption  {
    text-decoration:none !important;
}

.threadStarterPost .poll .container-3 {
    background: url("../images/small1.png") repeat-x right top
}

.threadStarterPost .poll .container-3, .threadStarterPost .poll .container-3 a {
    color:#292B30;
}

.largeButtons a {
    line-height: 1; 
    background-image: url("../images/largeButtons.png"); 
    background-position: right 0; 
    background-repeat: no-repeat;
    padding: 0 7px 0 0;
}

.largeButtons a img {
    margin-top: 5px; 
    margin-left: 7px; 
    position: absolute;
}

.largeButtons a span {
    background-image: url("../images/largeButtons.png"); 
    background-position: left 0;
    background-repeat: no-repeat; 
    padding: 9px 3px 0 36px; 
    display: block; 
    height: 25px; 
    cursor: pointer;
}

.largeButtons a:hover {
    background-position: right -86px;
}

.largeButtons a:hover span {
    background-position: left -86px;
}
.recentActivityBox .tableList td {
border-width: 0;
} 


[#CHaCKi]

Coniesan, du kannst deine dummen Kommentare echt lassen..

Am besten Adde mich mal in Skype, ich erkläre dir alles. Dann brauchst du dir hier
keine Klugscheißer Kommentare zu geben

[Coniesan]

er weiß im Grunde genau, dass er mich nur in Skype anschreiben muss (er hat mich ja) xD
Außerdem, schonmal was von Ironie gehört?^^

#Edit: schick mal Link zum Forum per pn, dann könnt ichs dir evtl zeigen