advanced forum - Top Post farblich markieren
Eingetragen von Apfel007 (143)am 17.09.2008 - 10:22 Uhr in
Hallo zusammen,
kann mir jemand einen Tip geben, wie ich den TopPost farblich markieren kann? Ich steige noch nicht so durch die CSS-Struktur durch -> advf-forum-post.tpl.php
Wie kann man die Beiträge trennen? Im Moment werde alle mit den gleichen Styles behandelt..
- Anmelden oder Registrieren um Kommentare zu schreiben
Also in der Demo hat der
am 17.09.2008 - 10:35 Uhr
Also in der Demo hat der oberste Beitrag die div class forum-post-wrapper und die Beiträge darunter sind ja eigentlich Kommentare und haben die class forum-comment. Dann kannst du per css ein anderes Styling wählen. Oder meinst du was anderes?
Geht schon in die Richtung
am 17.09.2008 - 11:23 Uhr
Im oberen Teil steht " if ($top_post) { " kann man danach dann einfach die Anweisungen, die unter " class forum-comment." stehen einsetzen und verschiedene neue styles einsetzen? habe ich da richtig verstanden? habe bis jetzt da wohl noch einen Fehler gemacht..
Äh, das versteh ich jetzt
am 17.09.2008 - 13:13 Uhr
Äh, das versteh ich jetzt nicht :-)
Also ich hab einfach in den Quellcode der Advanced Forum Demo geguckt. Da hat der Beitrag ne css class und die Antworten andere css classes. Ist ja auch logisch, weil bei Drupal ein Forenbeitrag ein Node ist und die Antworten darauf Kommentare. Du schaust also einfach mal mit firebug in deinen Quellcode wie die css classes genau heißen und stylst diese dann per style.css. Wenn das bei dir so ist wie in der Demo brauchst du kein php anrühren sondern machst es nur per css.
Also ..:-)
am 17.09.2008 - 13:55 Uhr
Wenn ich mir dass so anschaue, ist doch
Jetzt müßte ich doch einen Style zB. "ThemaStyle" in den Teil "if ($top_post) " schreiben oder - nur wie ? Wie beziehe ich mich auf diese Zeile? Woher kommt die Info? Ich blicke dies zur Zeit noch nicht..
<?php
// $Id: advf-forum-post.tpl.php,v 1.1.2.9 2008/06/06 03:06:32 michellec Exp $
<?php
if ($top_post) {
// Class that shows we are on the node to allow for special theming
$postclass = "top-post";
?>
<div class="forum-post-header">
<?php print $reply_link; ?>
<?php print $jump_first_new; ?>
</div>
<?php } ?>
<div class="<?php print $postclass ? $postclass . ' ' : ''; ?>forum-comment<?php print $row_class ? ' forum-comment-' . $row_class : ''; print $comment->new ? ' comment-new forum-comment-new' : ''; ?>">
<div class="post-info">
<span class="postedon"><?php print t("Posted on: ") . $date ?></span>
<?php if ($comment->new) : ?>
<a id="new"></a>
<span class="new"><?php print $new ?></span>
<?php endif ?>
<?php
if (!$top_post) {
print '<span class="post-num">';
print $comment_link;
print ' ' . $page_link;
print '</span>' ;
}
?>
</div>
Also wenn du das mal
am 17.09.2008 - 14:19 Uhr
Also wenn du das mal ausprobieren möchtest was ich meine, dann ignoriere bitte deine oben gepostete tpl.php Datei. Diese gibt wohl (das nehme ich an, weil ich das in der Demo so sehe) für den ersten Beitrag im Thread einen
<div class="top-post">aus. Die folgenden Beiträge, also Antworten auf den ersten Beitrag, werden mit einem<div class="forum-comment">umgeben. Das ist schon so. Das heißt du müsstest in deiner tpl.php nichts ändern. Schau doch bitte in den HTML-Quellcode deines Forums. Benutz z.B. Firebug. Wenn du siehst, dass das so ist wie ich sage kannst du deine style.css öffnen und z.B. sowas schreiben:.top-post{background-color: #000;
}
Verstehst du was ich meine? Reden wir vielleicht aneinander vorbei?
***edit: screenshot angefügt und div-name korrigiert :-)
Genau so ..
am 17.09.2008 - 15:17 Uhr
Ha .. drupal bringt mich noch um .. :-) also so habe ich es schon gemacht... nur dass so nicht nur die erste Zeile eingefärbt wird, sondern die gesamte Tabelle... komisch - Firebug schreib dies.. ist die class "gekoppelt"? "top-post & forum-comment" ?
<div class="top-post forum-comment"><div class="post-info">
<span class="postedon">Posted on: Di, 09/16/2008 - 13:01</span>
</div>
kann ich nicht bestätigen.
am 17.09.2008 - 15:27 Uhr
kann ich nicht bestätigen. habe per firebug mal in .top-post eine background-color hinzugefügt, das ging. habe eine weitere background-color bei .forum-comment hinzugefügt, so hatten beide eine unterschiedliche hintergrundfarbe.
probiert bei http://socnet.shellmultimedia.com/node/2209
und schreib in deine style.css nur
.top-post {was du willst hier hin
}
und nicht etwa .top-post forum-comment oder so.
hast du es genau so schon probiert? gibts vielleicht nen link zur seite?
funzt nicht...heul
am 17.09.2008 - 15:53 Uhr
ich arbeite leider offline.. kann es den sein das diese Top-Post class nicht richtig angesprochen wird, wenn ein TopPost ist?? Denn In FireBug steht bei mir immer nur die ".post-info " die wird erkannt - im Posting , die TopPost wird nicht erkannt... woran das nur liegt?
dann poste bitte deinen
am 17.09.2008 - 16:04 Uhr
dann poste bitte deinen code. und zwar den html-code der seite, wie sie dir ausgegeben wird.
hast du auf die seite geschaut, die ich dir verlinkt habe? das ist die demo vom advanced profile. und was heißt, die toppost wird nicht erkannt? kannst du mal den quelltext aufrufen und nach "top-post" suchen? die muss es doch definitiv geben... aber wie gesagt, poste mal deinen html-code - so wie er vom browser ausgegeben wird.
Erstmal vielen dank für die Mühe..
am 17.09.2008 - 16:35 Uhr
<?php
<!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="de" xml:lang="de">
<head>
<title>localhost | </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/drupal/sites/default/themes/zen/zen/favicon.ico" type="image/x-icon" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/node/node.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/system/defaults.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/system/system.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/system/system-menus.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/user/user.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/cck/theme/content.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/fckeditor/fckeditor.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/filefield/filefield.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/imagefield/imagefield.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/lightbox2/css/lightbox.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/og/og.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/forum/forum.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/advanced_forum/themes/advforum/advanced_forum-structure.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/advanced_forum/themes/advforum/advanced_forum.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/comment/comment.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/default/themes/zen/zen/html-elements.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/default/themes/zen/zen/tabs.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/default/themes/zen/zen/zen.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/default/themes/zen/zen/layout-fixed.css?M" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/default/themes/zen/zen/block-editing.css?M" />
<link type="text/css" rel="stylesheet" media="print" href="/drupal/sites/default/themes/zen/zen/print.css?M" />
<!--[if IE]>
<link rel="stylesheet" href="/drupal/sites/default/themes/zen/zen/ie.css" type="text/css">
<![endif]-->
<script type="text/javascript" src="/drupal/misc/jquery.js?M"></script>
<script type="text/javascript" src="/drupal/misc/drupal.js?M"></script>
<script type="text/javascript" src="/drupal/sites/default/files/languages/de_416f5514f724f5469666dec88a275323.js?M"></script>
<script type="text/javascript" src="/drupal/sites/all/modules/filefield/filefield.js?M"></script>
<script type="text/javascript" src="/drupal/sites/all/modules/lightbox2/js/auto_image_handling.js?M"></script>
<script type="text/javascript" src="/drupal/sites/all/modules/lightbox2/js/lightbox_video.js?M"></script>
<script type="text/javascript" src="/drupal/sites/all/modules/lightbox2/js/lightbox.js?M"></script>
<script type="text/javascript" src="/drupal/sites/all/modules/dhtml_menu/dhtml_menu.js?M"></script>
<script type="text/javascript">jQuery.extend(Drupal.settings, { "basePath": "/drupal/", "lightbox2": { "rtl": "0", "file_path": "/drupal/(\\w\\w/)sites/default/files", "default_image": "/drupal/sites/all/modules/lightbox2/images/brokenimage.jpg", "border_size": "10", "font_color": "000", "box_color": "fff", "top_position": "", "overlay_opacity": "0.8", "overlay_color": "000", "disable_close_click": 1, "resize_sequence": "0", "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 600, "use_alt_layout": 0, "disable_resize": 0, "disable_zoom": 0, "force_show_nav": 0, "loop_items": 0, "node_link_text": "View Image Details", "node_link_target": 0, "image_count": "Image !current of !total", "page_count": "Page !current of !total", "lite_press_x_close": "\x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e zum Schließen drücken", "keys_close": "c x 27", "keys_previous": "p 37", "keys_next": "n 39", "keys_zoom": "z", "keys_play_pause": "32", "display_image_size": "", "image_node_sizes": "(\\.thumbnail)", "trigger_lightbox_classes": "img.inline,img.image-img_assist_custom,img.thumbnail, img.image-thumbnail", "trigger_lightbox_group_classes": "", "trigger_slideshow_classes": "", "trigger_lightframe_classes": "", "trigger_lightframe_group_classes": "", "custom_class_handler": "lightbox_ungrouped", "custom_trigger_classes": "img.imagecache imagecache-thumbnail,img.imagecache-thumbnail,img.field-items,img.field field-type-image field-field-image-cacheimagecache-thumbnail,img.imagecache-thumbnail", "disable_for_gallery_lists": 1, "disable_for_acidfree_gallery_lists": true, "enable_acidfree_videos": true, "slideshow_interval": 5000, "slideshow_automatic_exit": true, "show_play_pause": true, "pause_on_next_click": false, "pause_on_previous_click": true, "loop_slides": false, "iframe_width": 600, "iframe_height": 400, "iframe_border": 1, "enable_video": 1 } });</script>
<script type="text/javascript">jQuery.extend(Drupal.settings, { "og": { "group_context": { "nid": "15", "title": "Firma XY Müller", "type": "groups" } } });</script>
</head>
<body class="not-front logged-in page-node node-type-forum one-sidebar sidebar-left page-node-29 section-node">
<div id="page"><div id="page-inner">
<a name="top" id="navigation-top"></a>
<div id="skip-to-nav"><a href="#navigation">Skip to Navigation</a></div>
<div id="header"><div id="header-inner" class="clear-block">
<div id="logo-title">
<div id="logo"><a href="/drupal/" title="Startseite" rel="home"><img src="/drupal/sites/default/themes/zen/zen/logo.png" alt="Startseite" id="logo-image" /></a></div>
<div id='site-name'>
<a href="/drupal/" title="Startseite" rel="home">
<strong>localhost</strong>
</a>
</div>
</div> <!-- /#logo-title -->
</div></div> <!-- /#header-inner, /#header -->
<div id="main"><div id="main-inner" class="clear-block">
<div id="content"><div id="content-inner">
<div id="content-header">
<div class="breadcrumb"><a href="/drupal/">Startseite</a> › <a href="/drupal/forum">Forums</a> › <a href="/drupal/forum/6">Firma XY Müller</a> › </div> <h1 class="title">vmbnmnb</h1>
</div> <!-- /#content-header -->
<div id="content-area">
<div class="forum-post-header">
<ul class="forumlinks"><li class="topic_reply first last"><a href="/drupal/comment/reply/29#comment-form" title="Teilen Sie Ihre Gedanken und Meinungen zu diesem Beitrag mit.">Post Reply</a></li>
</ul> </div>
<div class="top-post forum-comment">
<div class="post-info">
<span class="postedon">Posted on: Di, 09/16/2008 - 13:01</span>
</div>
<div class="clear"></div>
<div class="forum-post-wrapper">
<div class="forum-comment-left">
<div class="innertube">
<div class="user-info">
<div class="username">admin2</div> <div class="picture">
</div>
<br />
<div class="account-joined"><strong>Joined: </strong>2008-09-16</div> <div class="user-offline"> Offline</div>
</div>
</div>
</div>
<div class="forum-comment-right">
<div class="posttitle">
vmbnmnb </div>
<div class="content">
nbmvmbnb </div>
<!-- Note: This is only used in 6.x -->
</div>
<div class="clear"></div>
<div class="links">
<ul class="links inline forumlinks"><li class="comment_add first last"><a href="/drupal/comment/reply/29#comment-form" title="Teilen Sie Ihre Gedanken und Meinungen zu diesem Beitrag mit.">Antworten</a></li>
</ul> </div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<br />
<div id="comments">
<h2 id="comments-title">Kommentare</h2>
</div>
</div>
</div></div> <!-- /#content-inner, /#content -->
<div id="sidebar-left"><div id="sidebar-left-inner" class="region region-left">
<div id="block-user-1" class="block block-user region-odd odd region-count-1 count-1"><div class="block-inner">
<h2 class="title">user01</h2>
<div class="content">
<ul class="menu menu-root">
<li class="leaf" id="menu-leaf49954Abmelden4"><a href="/drupal/logout">Abmelden</a></li>
<li class="leaf" id="menu-leaf50000MeineTopics904"><a href="/drupal/topics">Meine Topics</a></li>
</ul>
</div>
</div></div> <!-- /block-inner, /block -->
<div id="block-menu-menu-forum" class="block block-menu region-even even region-count-2 count-2"><div class="block-inner">
<h2 class="title">Forenbereich</h2>
<div class="content">
<ul class="menu"><li class="leaf last"><a href="/drupal/forum" title="">Mein Forum</a></li>
</ul> </div>
</div></div> <!-- /block-inner, /block -->
<div id="block-forum-1" class="block block-forum region-odd odd region-count-3 count-3"><div class="block-inner">
<h2 class="title">Neue Forenbeiträge</h2>
<div class="content">
<div class="item-list"><ul><li class="first"><a href="/drupal/node/33">Zeit test 2.</a></li>
<li><a href="/drupal/node/32">zeit test 2.</a></li>
<li><a href="/drupal/node/31">zeittest</a></li>
<li><a href="/drupal/node/30">gfdgfdg</a></li>
<li class="last"><a href="/drupal/node/29" class="active">vmbnmnb</a></li>
</ul></div><div class="more-link"><a href="/drupal/forum" title="Neuste Beiträge im Forum lesen.">Weiter</a></div> </div>
</div></div> <!-- /block-inner, /block -->
<div id="block-og-3" class="block block-og region-even even region-count-4 count-4"><div class="block-inner">
<h2 class="title">Neue Gruppen</h2>
<div class="content">
<div class="item-list"><ul><li class="first last"><a href="/drupal/node/15">Firma XY Müller</a></li>
</ul></div> </div>
</div></div> <!-- /block-inner, /block -->
<div id="block-user-3" class="block block-user region-odd odd region-count-5 count-5"><div class="block-inner">
<h2 class="title">Wer ist online</h2>
<div class="content">
Zur Zeit sind <em>1 Benutzer</em> und <em>0 Gäste</em> online.<div class="item-list"><h3>Benutzer online</h3><ul><li class="first last">user01</li>
</ul></div> </div>
</div></div> <!-- /block-inner, /block -->
<div id="block-menu-menu-blogbereich" class="block block-menu region-even even region-count-6 count-6"><div class="block-inner">
<h2 class="title">Mein Blog</h2>
<div class="content">
<ul class="menu menu-root">
<li class="leaf" id="menu-leaf49952Beitragschreiben129"><a href="/drupal/node/add/myblog" title="">Beitrag schreiben</a></li>
<li class="leaf" id="menu-leaf50000MeineBeitrge841"><a href="/drupal/userview" title="">Meine Beiträge</a></li>
</ul>
</div>
</div></div> <!-- /block-inner, /block -->
</div></div> <!-- /#sidebar-left-inner, /#sidebar-left -->
</div></div> <!-- /#main-inner, /#main -->
<div id="footer"><div id="footer-inner" class="region region-footer">
<div id="footer-message"></div>
<div id="block-system-0" class="block block-system region-odd odd region-count-1 count-7"><div class="block-inner">
<div class="content">
<a href="http://drupal.org"><img src="/drupal/misc/powered-blue-80x15.png" alt="Powered by Drupal, einem Open-Source Content-Management-System." title="Powered by Drupal, einem Open-Source Content-Management-System." width="80" height="15" /></a> </div>
</div></div> <!-- /block-inner, /block -->
</div></div> <!-- /#footer-inner, /#footer -->
</div></div> <!-- /#page-inner, /#page -->
</body>
</html>
?>
Moin! Also dann wollen wir
am 18.09.2008 - 07:24 Uhr
Moin! Also dann wollen wir mal wieder :-)
Hast du den Code von Advanced Forum (von dessen tpl.php) mal verändert? das
<div class="top-post forum-comment">gibt es ja doch, aber es schließt nicht bevor die comments anfangen, deswegen wird die Farbe auf den gesamten Bereich angewendet.Du bräuchtest statt diesem hier:
<div class="top-post forum-comment">
<div class="post-info">
<span class="postedon">Posted on: Di, 09/16/2008 - 13:01</span>
</div>
<div class="clear"></div>
das hier:
<div class="top-post forum-comment">
<div class="post-info">
<span class="postedon">Posted on: Di, 09/16/2008 - 13:01</span>
</div>
</div> <!-- DIESES /DIV FEHLTE -->
<div class="clear"></div>
Dann kannst du wie besprochen in style.css ein .top-post mit background-color versehen oder was auch immer du damit machen willst.
kein div an der Stelle
am 18.09.2008 - 11:23 Uhr
Moin,
vielen dank für Deine Hilfe.. also habe jetzt nochmal alles geprüft.. ein
scheint da in dem original File nicht zu sein auf jeden Fall nicht an der Stelle.
Was jetzt (gestern auch) funktioniert: der komplette Hintergrund des Top Posts wird eingefärbt..
Habe mir nochmal Dein gif von gestern angeschaut.. Bin heute wieder frisch im Kopf..:-)
kann man diesen Balken in Top Post umfärben? Hier steht ja was von jedem Post... kann ma eine Unterscheidung einbauen? oder ist sie schon da und funzt nicht? ...wahnsinn!! :-)
/* Header at the top of each post */.post-info {
background: #3898D3 ;
color:white;
}
äh, also ich weiß nicht ob
am 18.09.2008 - 11:51 Uhr
äh, also ich weiß nicht ob ich das jetzt richtig verstehe...
wenn jeder beitrag, sowohl top-post als auch post-comment (oder wie das heißt) ein post-info hat (ist das die zeile mit "erstellt von... am..."???), dann kannst du doch so stylen:
.top-post .post-info{blabla} und
.post-comment .post-info{blabla}
also einmal wird das .post-info innerhalb von .top-post divs gestyled und einmal innerhalb von .post-comment divs.
Hey
am 26.10.2009 - 09:35 Uhr
Super hatte auch schon nach einer Lösung gesucht.
Gregor S.
www.sms-puls.de