Stilanpassung: WBB 3.0.x auf WBB 3.1.x- wie mache ich was?

Hotzenplotz · 17. Oktober 2009

Hi Jungs,

kann mir einer evtl. sagen, was ich machen muss, wenn ich meinen WBB 3.0.x Style auf einen WBB 3.1.x Style umschreiben will?

Wäre nett von Euch.
Eventuell postet' ja auch einer nen' kleines Tut., was auch anderen hilft

DAnke.

grüße

Tom · 17. Oktober 2009

Das ist leider nicht so einfach da die Änderungen teilweise schon recht tiefgreifend sind. Als erste Möglichkeit könntest du versuchen dir mit dem Seitenrahmen zu behelfen:

Stileditor -> Global -> Seite -> Seitenrahmen

Hotzenplotz · 17. Oktober 2009

So, hab's jetzr soweit...

Zwei Fehler hab ich noch...
Wie kann ich die behebn?

CSS sehen so aus:

Zusätzliche CSS-Deklarationen 1

CSS

/* global.css */


html {
background-color: #0D1400;
}


#page {
border-bottom: #222222 solid 3px;
}


#page {
padding: 0px;
}


/* header.css */


#userNote, userMenu {
	padding: 0px 0 1px 0;
}


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


#header {
border: 0;
margin: 0;
}


#logo {
	margin: 0;
	border: 0 !important;
}


.userPanelInner {
	max-width: 80%; 
	min-width: 770px; 
	margin: 0 auto;
}


.userPanel, .userPanel a {
	color: #ebf1f6;
}


.userPanel a:hover {
	color: #fff;
}


.userPanel .border, .userPanel .popupMenu a {
	color: #57595a;
}


#search {
right:40px;
top:10px;
}


#main {
background:#171717  none repeat scroll 0 0;
border-left: #222222 solid 3px;
border-right: #222222 solid 3px;
padding:20px;
}


#footer {
background:#171717 none repeat scroll 0 0;
border-left: #222222 solid 3px;
border-right: #222222 solid 3px;
padding:20px;
}


#search .searchContainer {
	text-align: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 44px;
right: 200px;
}


.mainMenu {
	min-height: 60px;
}


#mainMenu {
	max-width: 100%; 
	min-width: 100%; 
	width: 100%;
}


.mainMenu .mainMenuInner {
	max-width: 80%; 
	min-width: 770px; 
	margin: 0 auto;
}


.mainMenu a {
	border: 1px solid #494949;
	border-width: 0 0px 0px 1px; 
	padding: 3px 5px;
}


.mainMenu a:hover {
	background-image: url("../images/rtk_normal/Active.png");
}


.mainMenu .active a, .mainMenu .firstActive a, .mainMenu .lastActive a {
	background-image: url("../images/rtk_normal/Active.png") !important;
}


/* footer.css */


#footerContainer {
	background-color: #eee; 
	border-top: 1px solid #8da4b7;
}


#footer {
background:#171717 none repeat scroll 0 0;
border-left: #222222 solid 3px;
border-right: #222222 solid 3px;
padding:20px;
}


/* pageNavigation.css */


.pageNavigation a:hover {
	background-image: url("../images/rtk_normal/smallButtonsHover.png");
}


/* messages.css */


.messageLeft, .messageRight, .messageFramedLeft, .messageFramedRight, .messageTop, .messageFramedTop {
	background-image: url("../images/rtk_normal/ThreadPost.png");
	background-repeat: repeat-x;
}


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


.poll .pollQuestion {
	background-image: url("../images/rtk_normal/poll.jpg");
	background-repeat: repeat-x;
}


/* burningboard.css */


.threadStarterPost .messageLeft, .threadStarterPost .messageRight, .threadStarterPost .messageFramedLeft, .threadStarterPost .messageFramedRight, .threadStarterPost .messageTop, .threadStarterPost .messageFramedTop  {
	background-image: url("../images/rtk_normal/ThreadPost.png");
	background-repeat: repeat-x;
}


.threadStarterPost .container-3 {
	background-color: #0D1400;
}


.threadStarterPost .codeBox .container-3 {
	background-color: #0D1400;
}


.firstPost a {
	color: #858789;
}


/* buttons.css */


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


.largeButtons a {
	line-height: 2; 
	background-image: url("../images/rtk_normal/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 {
	color: #fff; 
	text-shadow: 0 -1px 0 #036; 
	background-image: url("../images/rtk_normal/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 {
	color: #000; 
	text-shadow: 0 1px 0 #fff; 
	background-position: left -86px;
}


/* tabMenu.css */


.tabMenu a span, .tabMenu li.disabled a span {
	text-shadow: 0 1px 0 #fff;
}


.tabMenu .activeTabMenu a span, .tabMenu a:hover span, .subTabMenu a span {
	text-shadow: 0 -1px 0 #036;
}


/* containers.css */


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


/* profile.css */


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


.transMenu .item a {color: yellow !important;}
.transMenu .item a:hover {color: yellow !important;}
.transMenu .item{background-image: url("../images/rtk_normal/holz.png");}
.transMenu .item.hover {background-image: url("../images/rtk_normal/Hover.png");}

Alles anzeigen

Zusätzliche CSS-Deklarationen 2

CSS

* {-o-text-overflow: ellipsis;}


/* rounded completely 5px */
.message, .messageInner, .quoteBox, fieldset, .info, .success, .warning, .error, .help, #userCard, .userCardInner, .second .border, .second .border .content, .avatarSelect li label, .floatedElement, .popupMenu {-webkit-border-radius: 5px; -moz-border-radius: 5px;}


/* message left 5px */
.messageLeft .messageContent, .messageLeft .messageContentInner {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}


/* message right 5px */
.messageRight .messageContent, .messageRight .messageContentInner {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;}


/* message framed left & right 5px */
.messageFramedLeft .messageContent, .messageFramedLeft .messageContentInner, .messageFramedRight .messageContent, .messageFramedRight .messageContentInner {-webkit-border-radius: 5px; -moz-border-radius: 5px;}


/* message top 5px */
.messageTop .messageContent, .messageTop .messageContentInner {-webkit-border-radius: 0; -moz-border-radius: 0;}


/* message framed top 5px */
.messageFramedTop .messageContent, .messageFramedTop .messageContentInner {-webkit-border-radius: 5px; -moz-border-radius: 5px;}


/* rounded completely 3px */
textarea, select, input[type="text"], input[type="password"], .memberList li, .smallButtons > ul > li, .smallButtons > ul > li > a, .extraButton, .extraButton a, .optionButtons > ul > li, .optionButtons > ul > li > a, .subTabMenu .containerHead li a, .pmUsageBar, .statBar, .userAvatarFramed, .userAvatarFramed a, .userAvatarFramed img {-webkit-border-radius: 3px; -moz-border-radius: 3px;}


/* rounded completely 1px */
.pmUsageBar > div, .statBar > div {-webkit-border-radius: 1px; -moz-border-radius: 1px;}


/* rounded top left & right 5px */
.popupMenu li:first-child a, #boardlist .border, .titleBarPanel, .titleBarPanel .containerHead, .messagePreview, .subTabMenu, .subTabMenu .containerHead, .containerHead, .messageTop .messageSidebar, .messageFramedTop .messageSidebar, .thumbnailButtons {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;}


/* rounded top left & right 3px */
.codeBox {-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}


/* rounded top left 5px */
.tabMenu li:first-child, .tabMenu li:first-child a {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;}
/* rounded top right 5px */
.tabMenu li:last-child, .tabMenu li:last-child a {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;}


/* rounded bottom left & right 5px */
.searchInputMenu .pageMenu, .popupMenu li:last-child a, .twoRows li:last-child {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}


/* rounded bottom left & right 3px */
#boardlist .border .boardlistInner, .twoRows li:last-child a, .datalist li:last-child {-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;}


/* remove bottom generally */
.popupMenu li a, #boardlist .border .boardlistInner:first-child {-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;}


/* remove generally important */
.mceToolbar .popupMenu, .mceToolbar .popupMenu li, .mceToolbar .popupMenu li a, .second fieldset .editor, .second fieldset .border, .attachmentPreview, .attachmentPreview li, .tableList td.containerHead {-webkit-border-top-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-bottomright: 0 !important;}


/* search box special */
input#searchInput {-webkit-border-radius: 10px; -moz-border-radius: 11px;}


#searchInput {background-image: url("../images/WoltLab Blue Sunrise/searchBack.png"); background-position: -2px center; padding-left: 33px; width: 14em;}
.searchOptions {background-image: url("../images/WoltLab Blue Sunrise/searchBackOptions.png") !important;}
.searchOptions:focus {background-image: url("../images/WoltLab Blue Sunrise/searchBackOptionsActive.png") !important;}


/* box shadow special */
.galleryPhotoEdit img, .galleryAlbumCover img {-webkit-box-shadow: 0 3px 7px #666; -moz-box-shadow: 0 3px 7px #666;}
.galleryIndex li.floatedElement .thumbnail img, .squared .thumbnail img, .messageBody a.enlargable img {-webkit-box-shadow: 0 1px 3px #666; -moz-box-shadow: 0 1px 3px #666;}
.galleryIndex li.floatedElement:hover {-webkit-box-shadow: 0 1px 3px #999; -moz-box-shadow: 0 1px 3px #999;}
.galleryPhoto img {-webkit-box-shadow: 0 3px 7px #666; -moz-box-shadow: 0 3px 7px #666; margin: 10px;}


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

Alles anzeigen

Ansonsten geht' alles

eragon · 17. Oktober 2009

Zum Navibereich schau mal hier....Quickrahmen

Hotzenplotz · 17. Oktober 2009

Gut, danke

Jetzt müsste ich nur noch den weißen Streifen wegbekommen...
& der Background muss'n Stück höher, sodass das mit dem Menü (Forum, Galerie etc.) abschließt....

Hotzenplotz · 17. Oktober 2009

So, geht jetzt soweit alles

Würde nur noch gerne oben die Userbar (Angemldet als etc.) weiter nach oben bekommen & das Menü (Forum, Galerie) weiter nach recht's einrücken...

Hat da einer nen' Tipp?
Danke

Stilanpassung: WBB 3.0.x auf WBB 3.1.x- wie mache ich was?

cls-design

Informationen

Demoinstallationen

Hilfe