Acquia Marina Theme Anpassen (Rechte Menüspalte)
Eingetragen von ddarthgorn1 (66)am 19.06.2009 - 09:56 Uhr in
Hallo Drupaler,
ich verkrampfe derzeit an einer Anpassung von "Acquia Marina" ich möchte eine Spalte "verschieben".
Und zwar soll die Sidebar Last wie eine Kopie von Sidebar First aussehen nur halt rechts! Aber alles was ich bereits gemacht habe will nicht gehen. es bleibt immer untergeordnet unter Content Top.
Hier noch ein Screenshot von Acquia wo die Templates zu sehen sind.
Wie gesagt Content Top und Content Bottom soll gekürzt sein wie Node Bottom und Main Content Area und dafür Sidebar Last genauso "groß" wie Sidebar First.
Ich hoffe mir kann einer dabei helfen.
Ich danke schon vorweg für eure Mühen, aber vielleicht hat das schonmal wer für sich angepasst und mag mir helfen.
Viele Grüße
Bjoern
<?php
// $Id: page.tpl.php,v 1.1.2.4 2008/12/21 23:38:55 jwolf Exp $
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language->language; ?>" xml:lang="<?php print $language->language; ?>">
<head>
<title><?php print $head_title; ?></title>
<?php print $head; ?>
<?php print $styles; ?>
<!--[if IE 7]>
<link rel="stylesheet" href="<?php print $base_path . $directory; ?>/ie7-fixes.css" type="text/css">
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" href="<?php print $base_path . $directory; ?>/ie6-fixes.css" type="text/css">
<![endif]-->
<?php print $scripts; ?>
</head>
<body class="<?php print $body_classes; ?>">
<div id="page" class="clearfix">
<div id="header">
<div id="header-wrapper" class="clearfix">
<?php if ($search_box): ?>
<div id="search-box">
<?php print $search_box; ?>
</div><!-- /search-box -->
<?php endif; ?>
<div id="header-first">
<?php if ($logo): ?>
<div id="logo">
<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a>
</div>
<?php endif; ?>
<?php if ($site_name): ?>
<h1><a href="<?php print $base_path ?>" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a></h1>
<?php endif; ?>
<?php if ($site_slogan): ?>
<span id="slogan"><?php print $site_slogan; ?></span>
<?php endif; ?>
</div><!-- /header-first -->
<div id="header-middle">
<?php if ($header_middle): ?>
<?php print $header_middle; ?>
<?php endif; ?>
</div><!-- /header-middle -->
<div id="header-last">
<?php if ($header_last): ?>
<?php print $header_last; ?>
<?php endif; ?>
</div><!-- /header-last -->
</div><!-- /header-wrapper -->
<div id="header-bottom" class="clearfix">
<?php if ($primary_links): ?>
<div id="primary-menu">
<?php print $primary_links_tree; ?>
</div><!-- /primary_menu -->
<?php endif; ?>
</div><!-- /header-bottom -->
</div><!-- /header -->
<div id="preface">
<?php if ($preface_first || $preface_middle || $preface_last || $mission): ?>
<div id="preface-wrapper" class="<?php print $prefaces; ?> clearfix">
<?php if ($mission): ?>
<div id="mission">
<?php print $mission; ?>
</div>
<?php endif; ?>
<?php if ($preface_first): ?>
<div id="preface-first" class="column">
<?php print $preface_first; ?>
</div><!-- /preface-first -->
<?php endif; ?>
<?php if ($preface_middle): ?>
<div id="preface-middle" class="column">
<?php print $preface_middle; ?>
</div><!-- /preface-middle -->
<?php endif; ?>
<?php if ($preface_last): ?>
<div id="preface-last" class="column">
<?php print $preface_last; ?>
</div><!-- /preface-last -->
<?php endif; ?>
</div><!-- /preface-wrapper -->
<?php endif; ?>
</div><!-- /preface -->
<div id="main">
<div id="main-wrapper" class="clearfix">
<?php if ($breadcrumb): ?>
<div id="breadcrumb">
<?php print $breadcrumb; ?>
</div><!-- /breadcrumb -->
<?php endif; ?>
<?php if ($sidebar_first): ?>
<div id="sidebar-first">
<?php print $sidebar_first; ?>
</div><!-- /sidebar-first -->
<?php endif; ?>
<div id="content-wrapper">
<?php if ($help): ?>
<?php print $help; ?>
<?php endif; ?>
<?php if ($messages): ?>
<?php print $messages; ?>
<?php endif; ?>
<?php if ($content_top): ?>
<div id="content-top">
<?php print $content_top; ?>
</div><!-- /content-top -->
<?php endif; ?>
<div id="content">
<?php if ($tabs): ?>
<div id="content-tabs">
<?php print $tabs; ?>
</div>
<?php endif; ?>
<?php if (($sidebar_first) && ($sidebar_last)) : ?>
<?php if ($sidebar_last): ?>
<div id="sidebar-last">
<?php print $sidebar_last; ?>
</div><!-- /sidebar_last -->
<?php endif; ?>
<?php endif; ?>
<div id="content-inner">
<?php if ($title): ?>
<h1 class="title"><?php print $title; ?></h1>
<?php endif; ?>
<div id="content-content">
<?php print $content; ?>
</div>
</div><!-- /content-inner -->
</div><!-- /content -->
<?php if ($content_bottom): ?>
<div id="content-bottom">
<?php print $content_bottom; ?>
</div><!-- /content-bottom -->
<?php endif; ?>
</div><!-- /content-wrapper -->
<?php if ($postscript_first || $postscript_middle || $postscript_last): ?>
<div id="postscript-wrapper" class="<?php print $postscripts; ?> clearfix">
<?php if ($postscript_first): ?>
<div id="postscript-first" class="column">
<?php print $postscript_first; ?>
</div><!-- /postscript-first -->
<?php endif; ?>
<?php if ($postscript_middle): ?>
<div id="postscript-middle" class="column">
<?php print $postscript_middle; ?>
</div><!-- /postscript-middle -->
<?php endif; ?>
<?php if ($postscript_last): ?>
<div id="postscript-last" class="column">
<?php print $postscript_last; ?>
</div><!-- /postscript-last -->
<?php endif; ?>
</div><!-- /postscript-wrapper -->
<?php endif; ?>
<?php print $feed_icons; ?>
<?php if ($footer_top || $footer || $footer_message): ?>
<div id="footer" class="clearfix">
<?php if ($footer_top): ?>
<?php print $footer_top; ?>
<?php endif; ?>
<?php if ($footer): ?>
<?php print $footer; ?>
<?php endif; ?>
<?php if ($footer_message): ?>
<?php print $footer_message; ?>
<?php endif; ?>
</div><!-- /footer -->
<?php endif; ?>
</div><!-- /main-wrapper -->
</div><!-- /main -->
</div><!-- /page -->
<?php print $closure; ?>
</body>
</html>- Anmelden oder Registrieren um Kommentare zu schreiben
Das musst du in der .css
am 19.06.2009 - 16:02 Uhr
Das musst du in der .css anpassen, der Auszug aus deiner HTML-Datei hilft da nicht weiter. Installier dir Firebug für Firefox und bestimme damit, welche .css die zu ändernden Informationen enthält und an welcher Stelle.
Hallo, kannst du mir
am 22.06.2009 - 08:22 Uhr
Hallo,
kannst du mir vielleicht sagen wo ich das genau ändern kann?
Ich danke für jede Hilfe.
Viele Grüße
Bjoern
/**
* $Id: style.css,v 1.1.2.13 2008/12/22 03:21:40 jwolf Exp $
* Acquia Marina
*/
/******************************************/
/* TopNotchThemes CSS Stylesheet */
/* by Chris Fassnacht & Stephanie Pakrul */
/* copyright 2008 Collective Mind */
/******************************************/
/***************************/
/* RESET MARGINS & PADDING */
/***************************/
html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}
img {
border: 0;
}
/**************/
/* TYPOGRAPHY */
/**************/
body {
background: #DDEFEB;
/*background: #FFF;*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* web safe fonts */
font-size: 75%; /* 12px */
font-weight: normal;
line-height: 160%; /* 19.2px */
}
h1 {
font-size: 2.5em;
font-weight: normal;
}
h2 {
font-size: 1.75em;
font-weight: normal;
}
h3 {
font-size: 1.25em;
font-weight: bold;
}
h4 {
font-size: 1.1em;
font-weight: bold;
}
h5 {
font-size: 1em;
font-weight: bold;
}
h6 {
font-size: 0.8em;
font-weight: bold;
}
/*****************/
/* DEFAULT LINKS */
/*****************/
a {
color: #006c64;
margin: 0;
padding: 0;
text-decoration: none;
}
a:link,
a:visited {
color: #006c64;
}
a:hover,
a:active {
color: #006c64;
text-decoration: underline;
}
/**********/
/* LAYOUT */
/**********/
html {
background: #F4F7E7; /* background & font color */
/* background: #F4F7E7; */ /* background & font color */
color: #666;
}
#page {
background-color: #F4F7E7;
margin: 0;
width: 100%;
}
p {
font-size: 1em;
font-weight: normal;
line-height: 160%;
margin: 10px 0;
}
/*********/
/* LISTS */
/*********/
ul {
margin: 0.5em 0 1em;
padding: 0;
}
ol {
margin: 0.75em 0 1.25em;
padding: 0;
}
ol li, ul li {
margin: 0.4em 0 0.4em .5em;
}
ul.menu li,
.item-list ul li {
margin: 0.15em 0 0.15em 0.5em;
}
ul.menu ul, .item-list ul ul {
margin-left: 0;
}
ol li,
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
margin: 0.15em 0 0.15em 0;
padding: 0.2em 0 0 1.333em;
}
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
background: url('images/raquo.png') no-repeat left 0.833em;
list-style-image: none;
list-style-type: none;
}
ol li {
padding: 0 0 .3em;
margin-left: 2em;
}
div.block ul {
padding: 0 0 3px;
}
ul.links li,
ul.links.inline {
background: transparent;
}
/* remove list styling on login block and taxonomy */
#user-login-form div.item-list ul li,
div.terms ul li {
list-style-type: none;
margin: 0;
}
/* adjust openid link */
html.js #user-login-form li.openid-processed,
html.js #user-login li.openid-processed {
font-weight: bold;
list-style-type: none;
margin: 10px 0 0 -6px;
padding-left: 20px;
padding-top: 0.2em
}
#preface-wrapper div.block ul li {
background: url('images/green-checkmark.png') no-repeat 0 0.222em;
list-style-image: none;
list-style-type: none;
padding: 1em 0 0 2.222em;
}
#preface-wrapper div.block ol li {
list-style-image: none;
padding: 2px 0;
}
body.layout-main-last #sidebar-last li.leaf,
body.layout-main-last #sidebar-last ul.menu li,
body.layout-main-last #sidebar-last .item-list ul li,
#content-content .node ul li,
#content-bottom ul li {
background: url('images/green-bullet.png') no-repeat left 0.50em;
list-style-image: none;
list-style-type: none;
padding-left: 1.666em;
}
/********/
/* MISC */
/********/
hr {
border: 1px solid #D6DDB9;
}
div.content a.feed-icon img,
div.content th img {
border: 0; /* remove image borders where we don't want them */
}
/* format initial startup page list nicely */
#first-time p {
clear: both;
}
#first-time ol {
list-style-position: outside;
margin-left: 2em;
}
/********************/
/* ALL PAGE REGIONS */
/********************/
/******************/
/* HEADER REGIONS */
/******************/
#header {
background-color: #DDEFEB;
padding-left: 15px;
}
#header-wrapper {
background-color: inherit;
margin: 0 auto;
padding: 0;
width: 100%;
}
#search-box {
background-color: #ABDBD5;
border: 1px solid #CCCCCC;
float: right;
padding: 8px;
position: relative;
top: 0;
width: 20em;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}
#search-box input#edit-search-theme-form-1 {
width: 170px;
}
/* theming for header search box */
#search-box input.form-submit {
background: #EFEBE7;
border: 1px solid #ccc;
color: #194765;
cursor: pointer;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 3px 3px 2px;
outline: none;
text-transform: none;
-moz-border-radius: 0;
-moz-outline-radius: 0;
-webkit-border-radius: 0;
}
#search-box label,
#search-box a.advanced-search-link {
display: none;
}
#header-first {
float: left;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
margin: 12px 30px 0 0;
width: 380px;
}
#header-first #logo { /* logo postion. default image replaced if you upload your own */
float: left;
margin: 0 14px 0 0;
}
#header-first h1 { /* site name link */
font-size: 3em;
line-height: 80%;
margin: 10px 0 15px 0;
}
#header-first h1 a { /* site name link */
text-decoration: none;
}
#header-first #slogan { /* site slogan */
display: block;
font-size: 1.166em;
margin: 4px 0;
}
#header-middle {
float: left;
margin: 10px 20px 0 0;
width: 230px;
}
#header-last {
float: right;
margin: 10px 0 0;
width: 300px;
}
#header-bottom {
margin: 0 auto;
position: relative;
width: 960px;
z-index: 600; /* fixes IE z-index bug */
}
/********************************/
/* PREFACE REGIONS */
/********************************/
#preface {
background: #006c64 ;
min-height: 24px;
padding-left: 15px;
}
#preface-wrapper {
color: #fff;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
font-size: 1.5em;
margin: 0 auto;
padding: 10px 0 8px 0;
width: 100%;
}
/* correct button font size */
#preface-wrapper .form-submit {
font-size: 0.6em;
}
#preface-wrapper #preface-first {
}
#preface-wrapper #preface-middle {
}
#preface-wrapper #preface-last {
}
#preface-wrapper.prefaces-1 div.column {
float: left;
width: 100%;
}
#preface-wrapper.prefaces-2 div.column {
display: inline;
float: left;
margin: 0 14px;
width: 47%;
}
#preface-wrapper.prefaces-3 div.column {
display: inline;
float: left;
margin: 0 14px;
width: 30%;
}
#preface-wrapper a:link,
#preface-wrapper a:visited {
color: #fff;
text-decoration: underline;
}
#preface-wrapper a:link:hover,
#preface-wrapper a:visited:hover {
border-bottom: none;
text-decoration: none;
}
div.content > a:link img {
border-bottom: none;
margin: 0;
padding: 0;
}
/************************/
/* MAIN AREA WRAPPER */
/* (Sidebars + Content) */
/************************/
#main {
background: transparent url('images/content-gradient.png') repeat-x 0 1px;
padding-left: 15px;
}
#main-wrapper {
margin: 0 auto;
/*width:100%*/
width: 1000px;
}
#main-wrapper a.active {
color: #144A6E;
text-decoration: underline;
}
/*******************/
/* SIDEBAR REGIONS */
/*******************/
#sidebar-first {
float: left;
}
#sidebar-last {
background: transparent;
float: right;
margin: 0 0 0 10px;
}
/*******************/
/* CONTENT REGIONS */
/*******************/
#content-wrapper {
float: left;
}
#content-top {
margin: 0 0 30px;
}
#content {
margin: 0 0 20px; /* default spacing between content regions */
}
#content-inner {
}
#content-bottom {
clear: both;
margin: 20px 0 0;
}
/**********************************/
/* POSTSCRIPT REGIONS */
/**********************************/
#postscript-wrapper {
clear: both;
margin: 0 auto;
width: 960px;
}
#postscript-wrapper #postscript-first {
padding-left: 0;
}
#postscript-wrapper #postscript-middle {
}
#postscript-wrapper #postscript-last {
padding-right: 0;
}
#postscript-wrapper.postscripts-1 div.column {
float: left;
width: 100%;
}
#postscript-wrapper.postscripts-2 div.column {
float: left;
margin: 0 10px 0 8px;
width: 48%;
}
#postscript-wrapper.postscripts-3 div.column {
float: left;
padding: 0 8px;
width: 32%;
}
/*****************/
/* FOOTER REGION */
/*****************/
#footer {
border-bottom: 1px solid #D6DDB9;
border-top: 1px solid #D6DDB9;
clear: both;
display: block;
font-size: 0.9em;
margin: auto 0;
overflow: hidden;
padding: 10px 0;
text-align: center;
width: 960px;
}
#footer ul {
display: inline;
margin: 0;
padding: 0 0 0 9px;
}
#footer ul li {
background: transparent none repeat;
border-left: 1px solid #CCC;
display: inline;
padding: 0 5px 0 9px;
}
#footer ul li.first {
border: none;
}
#legal-notice {
background: #F4F7E7;
clear: both;
color: #AAA;
display: block;
font-size: 0.9em;
padding: 10px 0;
text-align: center;
width: 100%;
}
#legal-notice a {
color: #6699CC;
}
/****************************************/
/* COLUMN LAYOUTS */
/* */
/* Classes for different column layouts */
/* that are applied to the <body> tag. */
/****************************************/
/************************/
/* SINGLE COLUMN LAYOUT */
/* (Main Content) */
/************************/
body.layout-main #content-wrapper {
margin: 24px 0 0 0;
width: 960px;
}
/**************************/
/* TWO COLUMN LAYOUT */
/* (Sidebar:Main Content) */
/**************************/
body.layout-first-main #sidebar-first {
margin: 24px 14px 0 0;
width: 200px;
}
body.layout-first-main #content-wrapper {
margin: 34px 0 0 0;
width: 706px;
}
/**************************/
/* TWO COLUMN LAYOUT */
/* (Main Content:Sidebar) */
/**************************/
body.layout-main-last #content-wrapper {
margin: 32px 20px 0 0;
position: relative;
width: 470px;
z-index: 1;
}
body.layout-main-last #sidebar-last {
background-color: transparent;
margin: 32px 0 0 0;
width: 470px;
}
/**********************************/
/* THREE COLUMN LAYOUT */
/* (Sidebar:Main Content:Sidebar) */
/**********************************/
body.layout-first-main-last #sidebar-first {
margin: 40px 20px 0 0;
width: 200px;
}
body.layout-first-main-last #content-wrapper {
margin: 40px 0 0;
width: 700px;
}
body.layout-first-main-last #content-wrapper #content-inner {
}
body.layout-first-main-last #content-wrapper #sidebar-last {
background-color: #F4F7E7;
margin: 0;
padding: 0 0 0 20px;
width: 280px;
}
body.full-node.layout-first-main-last #sidebar-last {
margin: 0;
}
/******************/
/* HELPER CLASSES */
/******************/
.hide {
display: none;
visibility: hidden;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.clearfix:after { /* add .clearfix class to clear floats after an element */
clear: both; /* (IE version is in ie6-fixes.css) */
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
/************/
/* HEADINGS */
/************/
h1.title { /* page titles */
border-bottom: 1px solid #D6DDB9;
clear: left;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
font-size: 1.833em;
font-weight: 600;
line-height: 1.272em;
}
h2.title { /* block titles, node titles */
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
font-size: 1.033em;
font-weight: 600;
text-transform: uppercase;
}
h2.title a:link,
h2.title a:visited {
}
h2.title a:hover,
h2.title a:active {
color: #619CBE;
text-decoration: none;
}
div.node h2.title {
border-bottom: 1px solid #d6ddb9;
}
/*********/
/* NODES */
/*********/
div.node {
margin: 0 0 30px;
overflow: hidden;
}
#content-content .node ul.links li,
#content-content .node ul.inline li,
#content-content .node .links a {
background: transparent;
margin: 0;
padding: 0 14px 0 0;
}
div.node .read-more a,
div.node .more-link a,
div.node .links a {
font-size: 0.9em;
font-weight: bold;
margin: 0;
}
#content-content .node ul.links li.comment_forbidden a {
padding-right: 4px;
}
.submitted,
.terms { /* styling for byline and tags */
font-size: 0.9em;
}
.vocab-name {
font-weight: bold;
}
.terms {
line-height: 130%;
}
#content-content .terms ul.taxonomy li {
background: transparent;
margin: 10px 0 5px;
padding: 0;
}
#content-content .terms ul.taxonomy ul.vocab-list,
#content-content .terms ul.taxonomy li.vocab-term {
background: transparent;
display: inline;
padding: 0 0 0 2px;
}
.submitted a:link {
}
.submitted a:visited,
.submitted a:hover,
.submitted a:active {
}
div.node.full-node div.content {
border-bottom: 1px solid #D6DDB9;
}
.node-form .standard {
clear: none;
}
.picture {
float: right;
margin: 0px 0px 2px 4px;
padding: 2px;
clear:right;
}
/**********/
/* BLOCKS */
/**********/
div.block {
position: relative;
}
div.block-region {
background-color: #FFFF66;
color: #000;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
margin-bottom: 4px;
margin-top: 4px;
padding: 3px;
text-align: center;
}
div.block .title {
}
div.block .submitted { /* byline styles in blocks */
}
div.block .submitted a:link {
}
div.block .submitted a:visited,
div.block .submitted a:hover,
div.block .submitted a:active {
}
div.block-wrapper { /* spacing between blocks */
margin: 10px 0;
}
div.block div.content {
overflow: hidden;
}
#user-login-form .item-list ul li,
div.terms ul li {
list-style-type: none;
margin: 2px 0 0 16px;
}
#header-middle h2.block-title,
#header-last h2.block-title {
color: #51748C;
font-size: 1.833em;
margin: 0;
padding: 0;
}
#preface-wrapper h2.block-title {
background-color: transparent;
color: #ABDBD5;
font-size: 1em;
padding: 0;
}
#preface-wrapper .block .content {
margin: 10px 0 0;
}
body.layout-first-main-last #sidebar-first .block-wrapper,
body.layout-first-main-last #sidebar-last .block-wrapper {
margin: 0 0 10px;
}
/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
background-color: #ABDBD5;
color: #fff;
padding: 8px 8px 6px 46px;
text-align: right;
text-shadow: #545454 1px 1px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
#sidebar-first div.block div.content,
#sidebar-last div.block div.content,
#postscript-wrapper div.block div.content {
background: transparent url('images/block-gradient.png') no-repeat center bottom;
border-bottom: 3px solid #F1F5F7;
padding: 10px 10px 8px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
/* non-rounded blocks styles = prefaces & layout-main-last blocks */
#preface-wrapper div.block div.content,
body.layout-main-last #sidebar-last div.block div.content {
border: none;
}
body.layout-main-last #sidebar-last div.block-wrapper {
margin: 0 0 30px;
}
#preface-wrapper div.block div.content,
body.layout-main-last #sidebar-last div.block div.content,
#footer div.block div.content {
background: none;
border-bottom: none;
margin: 0;
padding: 0;
}
body.layout-main-last #sidebar-last div.block div.content {
padding: 6px;
}
body.layout-main-last #sidebar-last h2.block-title {
border-bottom: 1px solid #D6DDB9 ;
background-color: transparent;
color: #666;
padding: 0;
text-align: left;
text-shadow: none;
width: 400px;
}
#footer h2.block-title {
background: transparent;
color: #666;
}
#sidebar-first #block-search-0 .form-item label,
#sidebar-last #block-search-0 .form-item label {
display: none;
}
/***************/
/* BLOCK MENUS */
/***************/
div.block ul li a,
div.block ul.menu li a {
font-size: 1em;
font-weight: bold;
}
div.block ul.menu li,
div.block .item-list ul li {
margin: 0;
}
div.block ul.menu li a:link,
div.block ul.menu li a:visited {
}
div.block ul.menu li a:hover,
div.block ul.menu li a:active {
}
#footer div.block ul li a,
#footer div.block ul.menu li a {
font-weight: normal;
}
/*****************************************/
/* ROUNDED CORNERS FOR BLOCKS (optional) */
/*****************************************/
div.rounded-block {
margin-top: -1px; /* use negative margin to overlap stacked blocks */
}
p.rounded-topspace {
margin-top: -14px; /* removes unwanted space */
}
p.rounded-bottomspace {
margin-bottom: -10px; /* removes unwanted space */
}
div.rounded-block-top-left,
div.rounded-block-top-right,
div.rounded-block-bottom-left,
div.rounded-block-bottom-right {
background: transparent url('images/rounded-block.png') no-repeat; /* combined rounded corner image */
font-size: 2px; /* IE div correction */
height: 11px; /* height of an image corner */
}
body.layout-main-last #sidebar-last div.rounded-block-top-left,
body.layout-main-last #sidebar-last div.rounded-block-top-right,
body.layout-main-last #sidebar-last div.rounded-block-bottom-left,
body.layout-main-last #sidebar-last div.rounded-block-bottom-right {
background: none;
font-size: inherit;
height: auto;
}
div.rounded-block-top-left,
div.rounded-block-bottom-left {
margin-right: 11px; /* width of an image corner */
}
div.rounded-block-top-right { /* anchor image in top right */
background-position: 100% 0;
}
div.rounded-block-top-right,
div.rounded-block-bottom-right {
margin-left: 11px; /* width of an image corner */
margin-top: -11px; /* height of an image corner */
}
body.layout-main-last #sidebar-last div.rounded-block-top-right,
body.layout-main-last #sidebar-last div.rounded-block-bottom-right {
margin: 0;
}
div.rounded-block-bottom-left {
background-position: 0 -11px; /* negative height of an image corner */
}
div.rounded-block-bottom-right {
background-position: 100% -11px; /* negative height of an image corner */
}
div.rounded-outside,
div.rounded-inside {
background: transparent url('images/rounded-block-inner.png') repeat-y right;
padding-right: 8px;
}
body.layout-main-last #sidebar-last div.rounded-outside,
body.layout-main-last #sidebar-last div.rounded-inside {
background: none;
margin: 0;
padding: 0;
}
div.rounded-inside {
background-position: left;
padding: 0 0 0 8px;
}
/****************/
/* PRIMARY MENU */
/****************/
#primary-menu { /* menu layout */
display: block;
float: right;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
font-size: 1em;
font-weight: bold;
margin-top: 12px;
padding: 0;
position: relative;
text-transform: uppercase;
}
#primary-menu ul.links li { /* text styling for the top (primary) menu */
}
#primary-menu ul.links li.first { /* .first and .last classes applied to first and last menu & list items */
}
#primary-menu ul.links li.last { /* .first and .last classes applied to first and last menu & list items */
}
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}
#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
}
/************************************/
/* PRIMARY MENU WITH DROPDOWNS */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php */
/************************************/
#primary-menu ul.menu li { /* top item layout */
background: transparent url('images/tab-left.png') no-repeat left 0;
display: block;
float: left;
margin: 0 4px 0 0;
padding: 0 0 0 0.833em; /* 0 0 0 10px */
position: relative;
width: auto;
}
#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail {
background-position: left -29px;
}
#primary-menu ul.menu li a {
background: transparent url('images/tab-right.png') no-repeat right 0;
color: #154B70;
display: block;
padding: 0.416em 0.833em 0.083em 0; /* 5px 10px 1px 0 */
text-decoration: none;
}
#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a,
#primary-menu ul.menu li.active-trail a {
background-position: right -29px;
color: #fff;
}
#primary-menu ul.menu li ul {
background: transparent url('images/drop-bottom.png') no-repeat 0 bottom;
left: -999em;
opacity: 0.95;
margin: 0 0 0 -10px;
padding: 2px 0 4px;
position: absolute;
width: 144px;
z-index: 2;
}
#primary-menu ul.menu li:hover ul,
#primary-menu ul.menu li.hover ul {
display: block;
left: auto;
}
#primary-menu ul.menu li ul li {
background: #ABDBD5;
border-bottom: 1px solid #83A638;
float: left;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.916em;
height: auto;
margin: 0;
}
#primary-menu ul.menu li ul li.last {
border-bottom: none
}
#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
background: transparent;
color: #154B6F;
display: block;
margin: 0;0
padding: 4px 0;
text-transform: none;
width: 135px;
}
#primary-menu ul.menu li ul li a:hover {
color: #fff;
display: block;
margin: 0;
padding: 4px 0;
text-decoration: none;
}
#primary-menu ul.menu li ul li ul.menu {
left: -999em;
margin: 0 0 0 -14px;
padding: 6px 0 4px;
}
#primary-menu ul.menu li ul li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu {
display: block;
left: 154px;
top: -6px;
}
#primary-menu ul.menu li ul li ul.menu li a {
padding: 4px;
width: 128px;
}
/******************/
/* SECONDARY MENU */
/******************/
#secondary-menu {
}
/***********/
/* MISSION */
/***********/
#mission {
padding: 8px 0;
}
/***************/
/* BREADCRUMBS */
/***************/
#breadcrumb {
font-size: 1em;
line-height: 100%;
left: 21.654em;
position: relative;
top: 1.333em;
width: 700px;
}
body.layout-main-last #breadcrumb {
left: 0;
}
.breadcrumb {
margin: 0;
padding: 0;
}
/********/
/* TABS */
/********/
/* styling for node tabs (e.g., View, Edit) */
#content-tabs {
background-color: transparent;
float: left;
margin: 0 0 20px 0;
padding: 0;
}
#content-tabs ul.primary,
#content-tabs ul.secondary {
border-bottom: 1px solid #bbb;
clear: left;
float: left;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
}
#content-tabs ul.secondary {
border-bottom: 1px solid #bbb;
margin-top: 10px;
text-transform: lowercase;
}
#content-tabs ul.primary li,
#content-tabs ul.secondary li {
background: transparent;
border-style: none;
display: inline;
float: left;
list-style: none;
margin: 0 10px;
padding: 0;
}
#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
background-color: transparent;
border: none;
color: #27638C;
float: left;
font-size: 1.1em;
line-height: 1.2em;
font-weight: bold;
margin: 0;
padding: 0 0 6px 0;
text-decoration: none;
}
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
color: #27638C;
font-size: 1em;
line-height: 1.1em;
}
#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
border-bottom: 4px solid #ABDBD5;
color: #27638C;
padding-bottom: 2px;
}
#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
border-bottom: 4px solid #ABDBD5;
color: #27638C;
padding-bottom: 2px;
}
#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
border-bottom: 4px solid #ABDBD5;
color: #4A95C8;
padding-bottom: 2px;
}
/*********/
/* FORMS */
/*********/
form {
margin: 0;
padding: 0;
}
select.form-select,
input.form-text,
textarea.form-textarea { /* default styling for all text fields */
background: #F6F9FB url('images/form-bg.png') left top;
color: #666666;
border: 1px solid #9BABB0;
padding: 2px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
body.layout-first-main-last select.form-select,
body.layout-first-main-last input.form-text,
body.layout-first-main-last textarea.form-textarea,
body.layout-first-main-last div.resizable-textarea,
body.layout-first-main-last div.resizable-textarea .grippie {
max-width: 325px;
}
input.form-submit,
input.teaser-button { /* default styling for all form buttons */
background: transparent url('images/blue-button.png') no-repeat left center;
border: 1px solid #fff;
color: #fff;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.916em;
font-weight: bold;
margin: 0 4px;
padding: 2px 4px;
text-transform: uppercase;
outline: 1px solid #9BABB0;
-moz-border-radius: 4px;
-moz-outline-radius: 4px;
-webkit-border-radius: 4px;
}
input.form-submit:hover,
input.teaser-button:hover {
background-position: right center;
cursor: pointer;
}
fieldset {
border: 1px solid #D6DDB9;
margin: 15px 0;
padding: 10px;
}
fieldset.collapsed {
}
fieldset legend {
font-weight: bold;
}
html.js fieldset.collapsible legend a {
font-weight: bold;
}
form#system-theme-settings select,
form#system-theme-settings input.form-text {
width: 95%;
}
#user-login-form {
text-align: left;
}
div.form-item label {
font-weight: normal;
}
html.js input.form-autocomplete {
background-position: 100% 5px;
}
/**********/
/* PAGERS */
/**********/
#main-wrapper .item-list .pager {
clear: both;
margin: 0 0 20px;
text-align: center;
}
#preface-wrapper .item-list .pager li,
#main-wrapper .item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 2px;
}
#main-wrapper .item-list .pager a.active {
color: #27638C;
font-size: 1em;
font-weight: bold;
padding: 4px;
text-decoration: none;
}
#main-wrapper .pager li.pager-current {
background-color: #D9DBCD;
border: 1px solid #266996;
color: #333;
margin: 0 4px;
padding: 4px;
}
#main-wrapper .pager-first,
#main-wrapper .pager-next,
#main-wrapper .pager-previous,
#main-wrapper .pager-item,
#main-wrapper .pager-last {
background-color:#FDFFEF;
border: 1px solid #266996;
margin: 0 4px;
padding: 4px;
}
#main-wrapper .pager-first:hover,
#main-wrapper .pager-next:hover,
#main-wrapper .pager-previous:hover,
#main-wrapper .pager-item:hover,
#main-wrapper .pager-previous:hover,
#main-wrapper .pager-last:hover {
background-color: #EAEFCB;
}
/**********/
/* TABLES */
/**********/
table {
border-collapse: collapse;
margin: 0 0 10px;
width: 100%;
}
.layout-first-main-last table {
border-collapse: collapse;
margin: 0 0 10px;
width: 57%;
}
th {
text-align: left;
padding-right: 1em;
border-bottom: 3px solid #CCC;
}
tr {
padding: 0.1em 0.6em;
}
td {
padding: 3px;
}
th.active img {
display: inline;
}
tr.even td {
background-color: #E3ECC0;
border-bottom: 1px solid #CCC;
}
tr.odd td {
background-color: #FDFFEF;
border-bottom: 1px solid #CCC;
}
td.active {
}
tbody {
border-top: 1px solid #CCC;
}
tbody th {
border-bottom: 1px solid #CCC;
}
thead th {
text-align: left;
padding-right: 1em;
border-bottom: 3px solid #CCC;
}
/*******************/
/* DRUPAL MESSAGES */
/*******************/
.node-unpublished {
background-color: #FFF4F4;
}
.preview {
background-color: #FFFFEA;
padding: 10px;
}
.description {
}
div.messages {
background: #FFFCE3;
border: 2px solid #EED300;
color: #C28E00;
font-weight: bold;
font-size: 1.166em;
margin: 20px 0pt;
padding: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
div.messages ul {
list-style-position: inside;
}
div.messages em {
color: #656C9B;
}
div.error {
background-color: #FFF2F2;
border-color: #FF0000;
color: #B20000;
}
.status {
}
.help {
}
.help .more-help-link {
}
.marker {
}
.tips {
}
/*--------------------------------*/
/*---- MODULE SPECIFIC STYLES ----*/
/*--------------------------------*/
/*******************/
/* BOOK NAVIGATION */
/*******************/
.book-navigation .menu {
border-top: 1px solid #CCC;
padding: 1em 0 0 3em;
}
.book-navigation .page-links {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
text-align: center;
padding: 0.5em;
}
/********/
/* BLOG */
/********/
/************/
/* COMMENTS */
/************/
#comments {
clear: both;
}
#comments h2.comments {
background-color: #ABDBD5;
color: #fff;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
font-size: 1.333em;
font-weight: 600;
padding: 6px 14px 6px 52px;
text-shadow: #545454 1px 1px;
text-transform: uppercase;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
#comments .content {
background: transparent;
border: none;
}
#main-wrapper #comments a.active {
color: #27638C;
text-decoration: none;
}
.box {
padding: 10px;
}
#comment-form {
margin: 0 0 20px;
padding: 0 20px;
}
.comment {
border: none;
margin: 6px 0 0;
padding: 10px;
}
.comment h3.title {
font-weight: bold;
margin: 0 0 5px 0;
}
.comment .links a {
font-size: 0.9em;
text-align: right;
}
#comments .odd {
background-color: #F4F7E7;
border: 1px solid #ddd;
}
#comments .even {
background-color: #fff;
}
#comments .comment-by-author {
background-color: #FFFFEA;
}
.comment ul.links {
text-align: right;
clear: right;
}
#content-content .comment ul.links li {
background: transparent;
margin: 0 10px 0 0;
padding: 0;
}
.signature p {
border-top: 1px solid #d6ddb9;
font-family: serif;
font-size: 0.916em;
margin: 10px 0;
padding: 0;
}
.content blockquote p {
font-style: italic;
margin: 0;
padding: 0 20px 8px;
}
blockquote {
background: url('images/close-quote.gif') no-repeat right bottom;
color: #5A6A78;
margin: 10px 0;
}
blockquote :first-child {
background: url('images/open-quote.gif') no-repeat left top;
padding: 10px 0 0 20px;
}
blockquote * > :first-child {
background: transparent;
padding: 0;
}
blockquote a:link {
text-decoration: underline;
}
/**********/
/* FORUMS */
/**********/
#forum .description {
font-size: 0.9em;
margin: 0.5em;
}
#forum td.created,
#forum td.posts,
#forum td.topics,
#forum td.last-reply,
#forum td.replies,
#forum td.pager {
white-space: nowrap;
}
#forum td.posts,
#forum td.topics,
#forum td.replies,
#forum td.pager {
text-align: center;
}
.forum-topic-navigation {
padding: 1em 0 0 3em;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
text-align: center;
padding: 0.5em;
}
.forum-topic-navigation .topic-previous {
text-align: right;
float: left;
width: 46%;
}
.forum-topic-navigation .topic-next {
text-align: left;
float: right;
width: 46%;
}
/**********/
/* PANELS */
/**********/
.tnt-panel .panel-preface-wrapper,
.tnt-panel .panel-postscript-wrapper {
}
.tnt-panel .panel-preface-first,
.tnt-panel .panel-postscript-first {
}
.tnt-panel .panel-preface-last,
.tnt-panel .panel-postscript-last {
}
/****************************************************/
/* TNT ROUNDED CORNERS FOR PANELS MODULE (optional) */
/****************************************************/
.tnt-panel {
margin-top: 15px;
}
.tnt-panel .panel-panel {
margin: 0 0 10px 0;
}
.rounded_corner .wrap-corner {
background-color: transparent !important;
}
.rounded_corner .wrap-corner .t-edge,
.rounded_corner .wrap-corner .b-edge {
background-image: none;
}
.rounded_corner .wrap-corner .l-edge,
.rounded_corner .wrap-corner .r-edge {
background-image: none !important;
}
.rounded_corner .wrap-corner .l-edge {
border-left: 1px solid #cce2a3; /* left inside border color & width */
border-right: 1px solid #cce2a3; /* right inside border color & width */
background: #FFF;
color: #000;
padding-bottom: 1px; /* prevents gap in FF when an inner element has bottom padding */
padding-left: 10px;
padding-right: 10px;
}
.rounded_corner .wrap-corner .r-edge {
padding: 0;
}
.rounded_corner .wrap-corner .t-edge .l,
.rounded_corner .wrap-corner .t-edge .r,
.rounded_corner .wrap-corner .b-edge .l,
.rounded_corner .wrap-corner .b-edge .r {
background-image: none; /* combined rounded corner image */
font-size: 2px; /* IE div correction */
height: 11px; /* height of an image corner */
position: static;
width: auto;
}
.rounded_corner .wrap-corner .t-edge .l,
.rounded_corner .wrap-corner .b-edge .l {
margin-right: 11px; /* width of an image corner */
}
.rounded_corner .wrap-corner .t-edge .r { /* anchor image in top right */
background-position: 100% 0;
}
.rounded_corner .wrap-corner .t-edge .r,
.rounded_corner .wrap-corner .b-edge .r {
margin-left: 11px; /* width of an image corner */
margin-top: -11px; /* height of an image corner */
}
.rounded_corner .wrap-corner .b-edge .l {
background-position: 0 -11px; /* negative height of an image corner */
}
.rounded_corner .wrap-corner .b-edge .r {
background-position: 100% -11px; /* negative height of an image corner */
}
/*********/
/* POLLS */
/*********/
.poll .bar { /* styles for poll ratings */
background-color: #DDD;
}
.poll .bar .foreground {
background-color: #999;
float: none;
}
/************/
/* PROFILES */
/************/
/*BENUTZERLISTE*/
#profile .profile {
width: 45%;
height: 150px;
margin-right: 10px;
float: left;
clear: none;
margin-bottom: 0px;
_word-wrap: break-word;
border: 1px dotted #7F98A7; /*od. "solid"*/
padding:4px;
margin-bottom: 1em;
position: relative; /* avoid IE peekaboo bug */
}
/*EINZELPROFILSEITE*/
.profile h2.title { /*Profilblocküberschrift*/
margin-top:13px;
border-bottom-width: 0px;
border-bottom-style: solid;
}
.profile dd { /*rechte Spalte (Feldinhalte)*/
min-height:10px;
margin:5px;
margin-top:8px;
margin-left:150px;
margin-bottom:0px;
padding:0px;
width:300px;
height:auto;
position: relative;
border-bottom: 0px dotted #d9d9ff;
}
.profile dt { /*linke Spalte (Felddefinitionen)*/
width:130px;
background-color: #DEE;
border-bottom: 0px solid white;
float:none;
margin-bottom: -30px;
}
.layout-first-main-last .profile dd {
margin: 15px 5px 0 120px;
}
.layout-first-main-last .profile dt {
width: 100px;
}
a.profile-link {color: #ffff00;}
/* oder */
.node .profile a {color: #ff0000;}
/* oder ... */
/******************/
/* SEARCH RESULTS */
/******************/
/*********/
/* VIEWS */
/*********/
.view .view-comments-recent .views-field-subject {
font-weight: bold;
}
.view .view-style-node{
}
.view .view-style-teaser{
}
.view .view-style-list{
}
.view .view-style-table{
}
.view .views-admin-links li {
background: transparent !important;
}
/***************/
/* PRINT STYLE */
/***************/
@media print {
body {
background: white;
font-size: 10pt;
}
#header,
#header-top,
#header-wrapper,
#header-bottom,
#sidebar-first,
#sidebar-last,
#preface-wrapper,
#content-tabs,
#mission,
#slogan,
#postscript-wrapper,
#footer-top,
#footer,
#primary-menu,
#search-box,
#logo {
display: none;
}
#page,
#main-wrapper,
#content-wrapper,
#content-top,
#content,
#content-bottom {
background: transparent none;
border: 0;
color: black;
float: none !important;
margin: 0;
padding: 0;
width: auto;
}
#content-wrapper {
margin: 0 3%;
}
}
Posting
am 22.06.2009 - 08:48 Uhr
Moin.
Nurmal so nebenbei bemerkt: es ist nicht wirklich nötig, hier den kompletten Inhalt der Dateien zu posten. Den kann man sich (so man denn möchte) auch direkt aus dem Theme-Paket holen. Dann hat man den Code auch gleich richtig formatiert.
Zu Deinem Problem: verwende Firebug um die Struktur der einzelnen Bereiche und deren Umsetzung in CSS zu sehen. Dann erkennst Du womöglich auch die Unterschiede bei den CSS-Anweisungen zwischen "Content top" und "Main content area" und kannst das CSS dementsprechend anpassen.
hth,
Stefan
--
sei nett zu Deinem Themer
Ich habe Acquia Marina auch
am 22.06.2009 - 09:30 Uhr
Ich habe Acquia Marina auch installiert und mal nachgeschaut, weil ich früher auch solche Probleme hatte und weiß wie unübersichtlich sowas sein kann. Acquia Marina ist ja auch ein riesiges Theme :-)
Soweit ich das überblicke, würde dir am ehesten eine Änderung an der page.tpl.php helfen. Die Region content-top wird in einem extra div-container ausgegeben, deshalb steht er ÜBER content und sidebar-last. Der betreffende Code-Ausschnitt in der page.tpl.php ist folgender:
<div id="content-wrapper">
<?php if ($help): ?>
<?php print $help; ?>
<?php endif; ?>
<?php if ($messages): ?>
<?php print $messages; ?>
<?php endif; ?>
<?php if ($content_top): ?>
<div id="content-top">
<?php print $content_top; ?>
</div><!-- /content-top -->
<?php endif; ?>
<div id="content">
<?php if ($tabs): ?>
<div id="content-tabs">
<?php print $tabs; ?>
</div>
<?php endif; ?>
<?php if (($sidebar_first) && ($sidebar_last)) : ?>
<?php if ($sidebar_last): ?>
<div id="sidebar-last">
<?php print $sidebar_last; ?>
</div><!-- /sidebar_last -->
<?php endif; ?>
<?php endif; ?>
<div id="content-inner">
<?php if ($title): ?>
<h1 class="title"><?php print $title; ?></h1>
<?php endif; ?>
<div id="content-content">
<?php print $content; ?>
</div>
</div><!-- /content-inner -->
</div><!-- /content -->
Probier mal, es folgendermaßen zu ändern: (ich hab es ausprobiert, es rückt die sidebar-last Blöcke nach oben, braucht aber evtl. noch Anpassung, musst du gucken)
<div id="content-wrapper">
<?php if ($help): ?>
<?php print $help; ?>
<?php endif; ?>
<?php if ($messages): ?>
<?php print $messages; ?>
<?php endif; ?>
<!-- HIER WAR MAL CONTENT-TOP -->
<div id="content">
<?php if ($tabs): ?>
<div id="content-tabs">
<?php print $tabs; ?>
</div>
<?php endif; ?>
<?php if (($sidebar_first) && ($sidebar_last)) : ?>
<?php if ($sidebar_last): ?>
<div id="sidebar-last">
<?php print $sidebar_last; ?>
</div><!-- /sidebar_last -->
<?php endif; ?>
<?php endif; ?>
<div id="content-inner">
<!-- JETZT CONTENT-TOP HIER -->
<?php if ($content_top): ?>
<div id="content-top">
<?php print $content_top; ?>
</div><!-- /content-top -->
<!-- ENDE CONTENT-TOP HIER -->
<?php endif; ?>
<?php if ($title): ?>
<h1 class="title"><?php print $title; ?></h1>
<?php endif; ?>
<div id="content-content">
<?php print $content; ?>
</div>
</div><!-- /content-inner -->
</div><!-- /content -->
Ich hoffe das hilft dir.
Viele Grüße
Anja
Hallo, ich danke Euch
am 22.06.2009 - 09:51 Uhr
Hallo,
ich danke Euch schonmal für Eure Hilfe und werde Deinen Vorschlag (Anja) gleich mal probieren und Deinen (Stborchardt) heute Nachmittag umsetzen denn das kann mir auch in Zukunft helfen denke ich.
Danke für die Hilfe
tschaui bjoern
Bitte das nächste mal keine
am 22.06.2009 - 12:39 Uhr
Bitte das nächste mal keine so ellenlangen Quelltexte direkt ins Forum kopieren, nutzt hierfür zum Beispiel den Dienst von http://pastebin.com/
*************************************************************************************************
Ihr erwartet doch nicht ehrlich eine Meinung die frei von eigener Meinung ist, in einem Drupal Forum... ;)
sidebar-last Hintergrund ändern
am 22.10.2009 - 12:31 Uhr
Hallo liebes Drupal- Team
ich habe auch ein blödes Problem mit dem Theme. Ich kriegs einfach nicht hin den den Menüblöcken unterschiedliche Farben zuzuordnen. Bislang sind alle Blöcke "grün."
vgl. http://drupal.org/files/images/acquia_marina.thumbnail.png
In der style.css von auqamarine kann man die Farbe um Zeile 890 zwar ändern, doch werden dann alle Farben der Menüs wieder geändert. Das ist so, weil in der style.css diese Menüs auch zusammenhängen. Ich kopiere mal den code rein:
/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
background-color: #94CE18;
color: #fff;
padding: 8px 8px 6px 46px;
text-align: right;
text-shadow: #545454 1px 1px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
Mir würde es schon reichen, wenn ich nur "#sidebar-last h2.block-title," eine andere Farbe geben könnte. Also nur den Hintergrund ändern, d.h. background-color: #94CE18 ändern dieser Box. Kann mir da jemand helfen was ich da machen muss?
Schon mal DANKE im Voraus.
Die Blöcke haben doch
am 22.10.2009 - 12:46 Uhr
Die Blöcke haben doch eindeutige IDs. Sagen wir du blendest den Block "Primary Links" ein, z.B. in die rechte Seitenleiste. Dann schaust du in den Quelltext (mit Firebug) und siehst, dass der Block die eindeutige ID "block-menu-primary-links" hat.
<div class="block block-menu" id="block-menu-primary-links">So kannst du sie nun in der style.css direkt ansprechen, etwa so:
/* das folgende in die style.css */
#sidebar-last #block-menu-primary-links h2.block-title{
background-color:#DFEDF7;
}
Damit sind alle Block-Überschriften der Region Sidebar Last mit einem Drupalcenterhellblauen Hintergrund versehen =)
Und das war's eigentlich schon.
http://www.twitter.com/aschiwi
Vielen Dank für die
am 22.10.2009 - 12:59 Uhr
Vielen Dank für die Antwort; ich habe es sicher immer noch falsch; habe es so reinkopiert
/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
/* das folgende in die style.css */
#sidebar-last #block-menu-primary-links h2.block-title{
background-color:#DFEDF7;
}
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
background-color: #94CE18;
color: #fff;
padding: 8px 8px 6px 46px;
text-align: right;
text-shadow: #545454 1px 1px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
Nach dem Hochladen der style.css ist aber jetzt gar keine Veränderung zu erkennen.
Wenn ich "#sidebar-last h2.block-title," wegnehme ist der Hintergund weiß.
Ach, ich verstehe langsam nichts mehr.
Du musst schon vorher
am 22.10.2009 - 13:19 Uhr
Du musst schon vorher gucken, um welchen Block es sich handelt. Ich habe als Beispiel den Block "Primary Links" genommen, der die ID #block-menu-primary-links hat. Dein Block hat sicher eine andere ID, das musst du mit Firebug rausfinden oder normal im Quelltext suchen.
http://www.twitter.com/aschiwi
Wenn ich mit Firebug auf den
am 22.10.2009 - 13:38 Uhr
Wenn ich mit Firebug auf den Block klicke kommt da
<h2 class="title block-title pngfix">Aktuelle Termine</h2>Ich kopiere auch ein paar Zeilen drüber; ich bin immer noch nicht sicher, was ich nun anstelle von "PrimaryLinks" ersetzen soll. Klappt immer noch nicht :-(
<div id="content"><a id="main-content" name="main-content"/>
<div id="sidebar-last">
<div class="block-wrapper odd">
<div class="rounded-block">
<div class="rounded-block-top-left"/>
<div class="rounded-block-top-right"/>
<div class="rounded-outside">
<div class="rounded-inside">
<p class="rounded-topspace"/>
<div id="block-block-1" class="block block-block">
<div class="block-icon pngfix"/>
<h2 class="title block-title pngfix">Aktuelle Termine</h2>
<div class="content">
</div>
</div>
Ich hoffe ich bringe hier niemanden auf Grund Blödheit zur Verzweifelung..
[GELÖST]Du bist (edit) die Beste
am 22.10.2009 - 14:46 Uhr
block-block-1war es !!Sorry, das ich so blöd und langsam war.
Nochmal: DANKE
Hehe =) Gern geschehen
am 22.10.2009 - 14:56 Uhr
Hehe =)
Gern geschehen :-)
http://www.twitter.com/aschiwi