Blockabstand zwischen node
Eingetragen von KiLLAH89 (181)am 22.04.2010 - 01:18 Uhr in
Hallo,
ich habe folgendes Problem!
Ich habe eine Blockregion mit dem Namen Banner3, diese befindet sich genau (bei entferntem Breadcrumb) über einer Node. Nun möchte ich gerne, dass der Block den ich konfiguriert habe, in die Node übergeht. Sprich, der Block soll sozusagen die Überschrift für die Node sein.
Kann mir zuvälligerweise jmd. dabei helfen?
Ich danke.
- Anmelden oder Registrieren um Kommentare zu schreiben
Wenn du mit Firebug
am 22.04.2010 - 13:44 Uhr
Wenn du mit Firebug arbeitest, siehst du genau für welche Bereiche du margins und/oder paddings im CSS ändern musst.
Weiß aber nicht was!
am 23.04.2010 - 11:52 Uhr
Ich kenne mich leider rein garnicht mit CSS und PHP aus. Ich weiß überhaupt nicht wie ich das machen soll. Hier meine template-datei: (wohlgemerkt banner3 ist die blockregion.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo get_page_language($language); ?>" xml:lang="<?php echo get_page_language($language); ?>">
<head>
<title><?php if (isset($head_title )) { echo $head_title; } ?></title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<?php echo $head; ?>
<?php echo $styles ?>
<?php echo $scripts ?>
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $base_path . $directory; ?>/style.ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php echo $base_path . $directory; ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript"><?php /* Needed to avoid Flash of Unstyle Content in IE */ ?> </script>
</head>
<body>
<!-- <?php print $breadcrumb; ?> -->
<div id="art-page-background-simple-gradient">
<div id="art-page-background-gradient"></div>
</div>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<?php if (!empty($navigation)): ?>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<?php echo $navigation; ?>
</div>
<?php endif;?>
<?php if (!empty($banner1)) { echo '<div id="banner1">'.$banner1.'</div>'; } ?>
<?php echo art_placeholders_output($top1, $top2, $top3); ?>
<div class="art-content-layout">
<div class="art-content-layout-row">
<?php $l = get_left_sidebar($left, $sidebar_left);
if (!empty($l) || !empty($vnavigation_left)) echo '<div class="art-layout-cell art-sidebar1">' . $vnavigation_left . $l . "</div>"; ?>
<div class="<?php $l = get_left_sidebar($left, $sidebar_left);
$r = get_right_sidebar($right, $sidebar_right);
echo art_get_content_cell_style($l, $r, $content); ?>">
<?php if (!empty($banner2)) { echo '<div id="banner2">'.$banner2.'</div>'; } ?>
<?php if ((!empty($user1)) && (!empty($user2))) : ?>
<table class="position" cellpadding="0" cellspacing="0" border="0">
<tr valign="top"><td class="half-width"><?php echo $user1; ?></td>
<td><?php echo $user2; ?></td></tr>
</table>
<?php else: ?>
<?php if (!empty($user1)) { echo '<div id="user1">'.$user1.'</div>'; }?>
<?php if (!empty($user2)) { echo '<div id="user2">'.$user2.'</div>'; }?>
<?php endif; ?>
<?php if (!empty($banner3)) { echo '<div id="banner3">'.$banner3.'</div>'; } ?>
<?php if ((isset($node) && isset($node->nid))): ?>
<?php if (!empty($tabs) || !empty($tabs2)): ?>
<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div class="art-post-inner">
<div class="art-postcontent">
<!-- article-content -->
<?php if (!empty($tabs)) { echo $tabs.'<div class="cleared"></div>'; }; ?>
<?php if (!empty($tabs2)) { echo $tabs2.'<div class="cleared"></div>'; } ?>
<!-- /article-content -->
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if (!empty($mission)) { echo '<div id="mission">'.$mission.'</div>'; }; ?>
<?php if (!empty($help)) { echo $help; } ?>
<?php if (!empty($messages)) { echo $messages; } ?>
<?php $art_post_position = strpos($content, "art-post"); ?>
<?php if ($art_post_position === FALSE): ?>
<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div class="art-post-inner">
<div class="art-postcontent">
<!-- article-content -->
<?php endif; ?>
<?php echo art_content_replace($content); ?>
<?php if ($art_post_position === FALSE): ?>
<!-- /article-content -->
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php else: ?>
<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div class="art-post-inner">
<div class="art-postcontent">
<!-- article-content -->
<?php if (!empty($title)): print '<h2'. ($tabs ? ' class="with-tabs"' : '') .'>'. $title .'</h2>'; endif; ?>
<?php if (!empty($tabs)) { echo $tabs.'<div class="cleared"></div>'; }; ?>
<?php if (!empty($tabs2)) { echo $tabs2.'<div class="cleared"></div>'; } ?>
<?php if (!empty($mission)) { echo '<div id="mission">'.$mission.'</div>'; }; ?>
<?php if (!empty($help)) { echo $help; } ?>
<?php if (!empty($messages)) { echo $messages; } ?>
<?php echo art_content_replace($content); ?>
<!-- /article-content -->
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<?php if (!empty($banner4)) { echo '<div id="banner4">'.$banner4.'</div>'; } ?>
<?php if (!empty($user3) && !empty($user4)) : ?>
<table class="position" cellpadding="0" cellspacing="0" border="0">
<tr valign="top"><td class="half-width"><?php echo $user3; ?></td>
<td><?php echo $user4; ?></td></tr>
</table>
<?php else: ?>
<?php if (!empty($user3)) { echo '<div id="user1">'.$user3.'</div>'; }?>
<?php if (!empty($user4)) { echo '<div id="user2">'.$user4.'</div>'; }?>
<?php endif; ?>
<?php if (!empty($banner5)) { echo '<div id="banner5">'.$banner5.'</div>'; } ?>
</div>
<?php $r = get_right_sidebar($right, $sidebar_right);
if (!empty($r) || !empty($vnavigation_right)) echo '<div class="art-layout-cell art-sidebar2">' . $vnavigation_right . $r . "</div>"; ?>
</div>
</div>
<div class="cleared"></div>
<?php echo art_placeholders_output($bottom1, $bottom2, $bottom3); ?>
<?php if (!empty($banner6)) { echo '<div id="banner6">'.$banner6.'</div>'; } ?>
<div class="art-footer">
<div class="art-footer-inner">
<?php echo $feed_icons; ?>
<div class="art-footer-text">
<?php
if (!empty($footer_message) && (trim($footer_message) != '')) {
echo $footer_message;
}
else {
echo '<p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a> | <a href="#">Privacy Statement</a><br />'.
'Copyright © 2009 '.$site_name.'. All Rights Reserved.</p>';
}
?>
<?php if (!empty($copyright)) { echo $copyright; } ?>
</div>
</div>
<div class="art-footer-background"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"><?php echo t('Powered by').' <a href="http://drupal.org/">'.t('Drupal').'</a> '.t('and').' <a href="http://www.artisteer.com/?p=drupal_themes">Drupal Theme</a> '.t('created with').' Artisteer'; ?>.</p>
</div>
<?php print $closure; ?>
</body>
</html>
Vielen Dank im Voraus!
KiLLAH89 schrieb Ich kenne
am 23.04.2010 - 12:35 Uhr
Ich kenne mich leider rein garnicht mit CSS und PHP aus. Ich weiß überhaupt nicht wie ich das machen soll. Hier meine template-datei: (wohlgemerkt banner3 ist die blockregion.)
Vielen Dank im Voraus!
Ohne CSS Kenntnisse kannst du solche Sachen dann auch nicht umsetzen. Ich kann mein Auto auch nicht selbst reparieren :-(
Das Page Template nützt dir hier nichts.
mhh...
am 23.04.2010 - 12:51 Uhr
Schade, was brauche ich denn? Hilft vielleicht die CSS-datei?
Vielen Dank.
Du hast auch noch ein mit
am 23.04.2010 - 13:26 Uhr
Du hast auch noch ein mit Artisteer erzeugtes Theme. Die sind sowohl in der page.tpl.php als auch im zugehörigen CSS furchtbar unübersichtlich. Wenn Du Dich mit den Bausteinen von HTML und CSS sowie Basis PHP nicht auskennst, kannst Du halt nur das benutzen, was Artisteer Dir vorgibt. Sonderwünsche kannst Du dann eben nicht haben.
Beste Grüße
Werner
Artisteer
am 23.04.2010 - 13:46 Uhr
Da ich die aktuelle Version von Artisteer habe, ist alles doch ziemlich übersichtlich! Icha kann es ja mal versuchen! das ist der Block ausschnitt!
/* begin Box, yellowinfoBlockContent */
.yellowinfo .art-blockcontent
{
position: relativ;
z-index: 0;
margin: 0px;
min-width: 1px;
min-height: 1px;
}
.yellowinfo .art-blockcontent-body
{
position: relative;
z-index: 0;
padding: 7px;
}
.yellowinfo .art-blockcontent-cc
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F6F4BC;
}
.yellowinfo .art-blockcontent-body
{
color: #484E46;
}
.yellowinfo .art-blockcontent-body a:link
{
color: #525252;
}
.yellowinfo .art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
color: #6B6B6B;
}
.yellowinfo .art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
color: #000000;
text-decoration: none;
}
.yellowinfo .art-blockcontent-body ul
{
list-style-type: none;
color: #232622;
margin: 0;
padding: 0;
}
.yellowinfo .art-blockcontent-body ul li
{
text-decoration: none;
line-height: 1,25em;
}
.yellowinfo .art-blockcontent-body .calendar-calendar td a:visited, .art-blockcontent-body .calendar-calendar td a.visited
{
color: #525252;
}
.yellowinfo .art-blockcontent-body .links li
{
float: left;
padding: 0 0 0 1em;
background-image: none;
}
.yellowinfo .art-blockcontent-body .calendar-calendar td a:hover
{
text-decoration: none;
}
.yellowinfo .art-blockcontent-body table td.mini a
{
font-weight: normal;
}
.yellowinfo .art-blockcontent-body table td div.mini-day-on a
{
text-decoration: none;
}
.yellowinfo .art-blockcontent-body .calendar-calendar td a
{
text-decoration: none;
}
/* end Box, BlockContent */
Dann kannst du den Block so
am 23.04.2010 - 14:09 Uhr
Dann kannst du den Block so verschieben:
.yellowinfo .art-blockcontent-cc{
top:24px;
}
Der wird absolut in dem umgebenen, relativ positionierten Block .yellowinfo .art-blockcontent platziert.