Logo Größe
Posted: Sun 10. Oct 2010, 11:38
Hallo erstmal
und zum Anfang euer Design ist Top nur habe ich vollgendes Problem ich finde in der colour.css nich den passenden Code-schnippsel wie in dem anderen Thread erwähnt. Kann mir da wer weiterhelfen.
hier meine Colour.css
Bin zwar neu beim phpbb Forum aber finden tue ich es trotzdem nicht
und zum Anfang euer Design ist Top nur habe ich vollgendes Problem ich finde in der colour.css nich den passenden Code-schnippsel wie in dem anderen Thread erwähnt. Kann mir da wer weiterhelfen.
hier meine Colour.css
Code: Select all
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #000000;
background-color: #1d1d1d;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #28313F;
}
h3 {
border-bottom-color: #CCCCCC;
color: #030303;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
hr.dashed {
border-top-color: #CCCCCC;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
}
#search-box #keywords {
background-color: #FFF;
}
#search-box input {
border-color: #0075B0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #FFFFFF url("{T_THEME_PATH}/images/header_bg.gif") no-repeat 50% 0;
max-width: 1400px;
height: 150px;
color: #FFFFFF;
margin: 0 auto;
margin-bottom: 4px;
min-width: 590px;
}
.navbar {
background-color: #d2d2d2;
}
.forabg {
background-color: #000000;
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
.forumbg {
background-color: #000000;
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
.panel {
background-color: #e1e1e1;
color: #28313F;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #e1e1e1; }
.bg2 { background-color: #e6e6e6; }
.bg3 { background-color: #e3e3e3; }
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}
span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}
span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}
span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-bottom-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}
table.table1 td {
color: #536482;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #536482;
}
.sep {
color: #1198D9;
}
/* Pagination
---------------------------------------- */
.pagination span strong {
color: #FFFFFF;
background-color: #4692BF;
border-color: #4692BF;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}
.pagination span a:hover {
border-color: #368AD2;
background-color: #368AD2;
color: #FFF;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #368AD2;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.rules {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #D31141; }
a:active { color: #368AD2; }
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #A8D8FF;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #C8E6FF;
}
/* Links for forum/topic lists */
a.forumtitle {
color: #000000;
}
/* a.forumtitle:visited { color: #000000; } */
a.forumtitle:hover {
color: #BC2A4D;
}
a.forumtitle:active {
color: #000000;
}
a.topictitle {
color: #000000;
}
/* a.topictitle:visited { color: #368AD2; } */
a.topictitle:hover {
color: #BC2A4D;
}
a.topictitle:active {
color: #000000;
}
/* Post body links */
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}
.postlink:visited {
color: #5D8FBD;
border-bottom-color: #666666;
}
.postlink:active {
color: #368AD2;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
.signature a, .signature a:visited, .signature a:active, .signature a:hover {
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #000000;
}
.postprofile a:hover, .postprofile dt.author a:hover {
color: #D31141;
}
/* Profile searchresults */
.search .postprofile a {
color: #000000;
}
.search .postprofile a:hover {
color: #D31141;
}
/* Back to top of page */
a.top {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}
a.top2 {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}
/* Arrow links */
a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }
a.up:hover {
background-color: transparent;
}
a.left:hover {
color: #368AD2;
}
a.right:hover {
color: #368AD2;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #FEFCFF;
background-image: url("{T_THEME_PATH}/images/gradient.gif");
}
ul.topiclist li {
color: #000000;
}
ul.topiclist dd {
border-left-color: #FFFFFF;
}
.rtl ul.topiclist dd {
border-right-color: #fff;
border-left-color: transparent;
}
ul.topiclist li.row dt a.subforum.read {
background-image: url("{IMG_SUBFORUM_READ_SRC}");
}
ul.topiclist li.row dt a.subforum.unread {
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}
li.row {
border-top-color: #FFFFFF;
border-bottom-color: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #333333;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
color: #000000;
border-bottom-color: #CCCCCC;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
/* Post signature */
.signature {
border-top-color: #CCCCCC;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
background-image: url("{T_THEME_PATH}/images/quote.gif");
border-color:#DBDBCE;
}
.rtl blockquote {
background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
dl.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
dl.codebox dt {
border-bottom-color: #CCCCCC;
}
dl.codebox code {
color: #2E8B57;
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
fieldset.polls dl.voted {
color: #000000;
}
fieldset.polls dd div {
color: #FFFFFF;
}
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}
.pollbar1 {
background-color: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}
.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}
.pm .postprofile {
border-left-color: #DDDDDD;
}
.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/* Big button images */
.reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}") ;}
.locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
a.print {
background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}
a.sendemail {
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}
a.fontsize {
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}
/* Icon images
---------------------------------------- */
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.png"); }
.icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
/* Profile & navigation icons */
.email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
/* Moderator icons */
.report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #A4B3BF;
}
#cp-main .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}
#cp-main table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-image: url("{T_THEME_PATH}/images/bg_tabs1.png");
}
#tabs a span {
background-image: url("{T_THEME_PATH}/images/bg_tabs2.png");
color: #000000;
}
#tabs a:hover span {
color: #BC2A4D;
}
#tabs .activetab a {
border-bottom-color: #e1e1e1;
}
#tabs .activetab a span {
color: #333333;
}
#tabs .activetab a:hover span {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #e1e1e1;
}
#minitabs li.activetab {
background-color: #F9F9F9;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
color: #333;
background-color: #bababa;
background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}
.rtl #navigation a {
background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
background-position: 0 100%;
}
#navigation a:hover {
background-image: none;
background-color: #ababab;
color: #BC2A4D;
}
#navigation #active-subsection a {
color: #D31141;
background-color: #F9F9F9;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #D31141;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
color: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}
/* Friends list */
.cp-mini {
background-color: #F9F9F9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
border-bottom-color: #A4B3BF;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;
}
#gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}
label {
color: #425067;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
#message-box textarea {
color: #333333;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
color: #0F4987;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #FAFAFA;
background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #BC2A4D;
color: #BC2A4D;
}
input.search {
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}
input.disabled {
color: #666666;
}
/* ----------- start borders ----------- */
.top-left, .top-right, .bottom-left, .bottom-right {
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ /* DNC: correction IE for height of the <div>'s */
}
.top-left {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
margin-left: 2px; /* CHANGE: replace by the width of one of your corners */
margin-top: 0px; /* CHANGE: replace by the height of one of your corners */
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
margin-left: 0px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
}
.top-center {
background-color: transparent;
background-color: transparent;
background-repeat: repeat-x;
background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ /* DNC: correction IE for height of the <div>'s */
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}
.bottom-left {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
margin-left: 2px; /* CHANGE: replace by the width of one of your corners */
margin-top: 0px; /* CHANGE: replace by the height of one of your corners */
}
.bottom-right {
background-color: transparent;
background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
margin-left: 0px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
}
.bottom-center {
background-color: transparent;
background-repeat: repeat-x;
background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
height: 20px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */ /* DNC: correction IE for height of the <div>'s */
margin-left: 20px; /* CHANGE: replace by the width of one of your corners */
margin-top: -20px; /* CHANGE: replace by the height of one of your corners */
margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}
.inside {
color: #000000; /* YCC: default text-color of the inside */
margin-left: 5px; /* YCC: all texts at some distance of the left border */
margin-right: 5px; /* YCC: all texts at some distance of the right border */
width: auto;
background-color: white; /* CHANGE: path and name of your image */
}
.notopgap { margin-top: 0; } /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
#left-border {
background-image: url('{T_THEME_PATH}/images/bg_left.gif');
background-position: 0% 100%;
background-repeat: repeat-y;
padding-left: 17px;
}
#right-border {
background-image: url('{T_THEME_PATH}/images/bg_right.gif');
background-position: 100% 0%;
background-repeat: repeat-y;
margin-right: -2px;
padding-right: 17px;
}
#box {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0;
text-align: left;
width:95%; /* <-- use this to tie width to viewport size */
min-width: 660px;
max-width: 1450px;
}
Marc wrote:Die Größe des Logos kann man in der imageset.cfg einstellen (site_logo).
Bei 150px wirst du auch noch die colours.css modifizieren müssen. Einfach nach .header-pad suchen und padding-top soweit reduzieren, dass das ganze passt.