HX3 Foren

HX3 Foren (https://hx3.de/)
-   Software- und Webentwicklung (https://hx3.de/software-webentwicklung-23/)
-   -   []Tagboard-Problem (https://hx3.de/software-webentwicklung-23/tagboard-problem-10212/)

Das Nichts 25.02.2005 00:16

[]Tagboard-Problem
 
Wie ihr sicherlich wisst, bin ich, was die Programmierung von Internetseiten angeht, ein totaler Anfänger.
Bisher konnte ich mich beim editieren meines Blogs noch mit Copy&Paste bzw. mit Trial&Error durchschlagen, doch nun stehe ich leider vor einem Problem, welches ich alleine leider nicht lösen kann:

Ich möchte in die Sidebar auf der rechten Seite meines Blogs, genauer gesagt über "Archives" und unter "Previous Posts", ein sogenanntes Tagboard einfügen - um das bisschen Community, was bisher darum enstanden ist, etwas besser miteinander zu verschweißen.
Ich habe mich dafür bei http://www.tag-board.com/ angemeldet. Dort wird mir der Code, welchen ich in meine Seite einfügen muss, bereitgestellt und alle Einstellungen des Boards sind ebenfalls auf deren Seite möglich. Sollte jemand hier eine bessere Alternative als diesen Anbieter kennen, wäre ich froh, wenn er mir sagen könnte, wo und wie ich ihn finde ;).

Mein Problem ist jetzt, dass ich keinen Schimmer habe, wie und wo ich das Javascript in den Blog-Code (css, wenn ich mich nicht irre) einfügen muss, damit das Tagboard an der richtigen Stelle erscheint und auch funktioniert.
Wenn ich den Blog-Code selbst geschrieben hätte, wäre mir sicherlich klar, wohin das ganze müsste, doch da der von blogger.com gestellt wurde, muss ich das irgendwie selbst herausfinden.

Nach einigen misslungenen Versuchen habe ich mich jetzt dazu entschieden, bei euch Hilfe zu suchen. Ich denke nicht, dass das Problem für einen einigermaßen erfahrenen Webdesigner eine sonderlich große Hürde darstellt, da der Blog-Code relativ kurz ist und diese Arbeit für ihn normalerweise wohl kein allzu großes Problem darstellen würde.

Wenn der gepostete Code zu lang ist, kann ich ihn ja rausnehmen und den Interessierten einfach per Textdatei zuschicken.

Hier der Code des Tagboards:

HTML-Code:

<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js?boardname=DasNichts"></SCRIPT>

<table width="200" cellpadding="2" cellspacing="0" border="0">
  <tr>
    <td width=200 height=200 valign=top>
      <iframe src="http://www.tag-board.com/my.tag?name=DasNichts" name="tag" width="200" height="200"
marginwidth="0" marginheight="0">
</iframe>
      <script>netscape_support();</script>
    </td>
  </tr>
  <tr>
    <td>
      <a href="http://www.tag-board.com/" target="_new">Powered by TagBoard Message Board</a>
    </td>
  </tr>
  <tr>
    <td>
      <form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
        <input type="hidden" name="name" value="DasNichts">
        Name<br>
        <input name="tagname" maxlength="20"><br>
        URL or Email<br>
        <input name="tagurl" maxlength="100"><br>
        Messages(<a href="http://www.tag-board.com/smilies/smilies.htm" onClick="return pop_up_smilies();" target="_blank">smilies</a>)
        <br>
        <textarea cols="24" rows="3" name="message" wrap></textarea><br>
        <input class=button type="submit" value="TAG" onclick="return Clear_Last_Message_on_Submit();">
      </form>
      <script>rememberme()</SCRIPT>
    </td>
  </tr>
</table>

Hier der Blog-Code:

HTML-Code:

<!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" xml:lang="en" lang="en">
<head>
  <title><$BlogPageTitle$></title>

  <$BlogMetaData$>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:    Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:    26 Feb 2004
----------------------------------------------- */


body {
  background:#000;
  margin:0;
  padding:40px 20px;
  font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  text-align:center;
  color:#ccc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#9ad;
  text-decoration:none;
  }
a:visited {
  color:#a7a;
  text-decoration:none;
  }
a:hover {
  color:#ad9;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header {
  width:660px;
  margin:0 auto 10px;
  border:1px solid #333;
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#ad9;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Content
----------------------------------------------- */
#content {
  width:660px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:410px;
  float:left;
  }
#sidebar {
  width:220px;
  float:right;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#ad9;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#999;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
<MainOrArchivePage>
  span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
  span.fullpost {display:inline;}
</ItemPage>
  }
  </style>

</head>

<body>

<div id="header">

  <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
        <$BlogTitle$>
        <ItemPage></a></ItemPage>
  </h1>
  <p id="description"><$BlogDescription$></p>

</div>

<!-- Begin #content -->
<div id="content">


<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>

    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

 
   
  <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>
        <BlogItemTitle>
    <h3 class="post-title">
        <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
        <$BlogItemTitle$>
        <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

                <div class="post-body">
        <div>
      <$BlogItemBody$>
<MainOrArchivePage><br />
  <a href="<$BlogItemPermalinkURL$>">[...] zum ganzen Post...</a>
</MainOrArchivePage>
    </div>
    </div>
   
    <p class="post-footer">
      <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>

        <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled></MainOrArchivePage>  <$BlogItemControl$>
    </p>
 
  </div>
  <!-- End .post -->
 
 
 
  <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">

        <BlogItemCommentsEnabled><a name="comments"></a>
        <h4><$BlogItemCommentCount$> Comments:</h4>
        <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">

        <p><$BlogCommentBody$></p>
      </dd>
      <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
          <$BlogCommentDeleteIcon$>
          </dd>
      </BlogItemComments>
    </dl>
                <p class="comment-timestamp">

    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
                <p class="comment-timestamp">
        <a href="<$BlogURL$>">&lt;&lt; Home</a>
    </p>
    </div>

</ItemPage>

  <!-- End #comments -->

</Blogger>
</div></div>
<!-- End #main -->







<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
 
 
  <!-- Begin #profile-container -->

  <$BlogMemberProfile$>
 
  <!-- End #profile -->

 
  <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
    </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>

  <h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
            <BloggerArchives>
            <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
          </BloggerArchives>

  </ul>
  </MainOrArchivePage>

      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
 
  <!--
  <p>
This is a paragraph of text that could go in the sidebar.</p>
  -->

 


</div></div>
<!-- End #sidebar -->


</div>
<!-- End #content -->



<!-- Begin #footer -->
<div id="footer"><hr />
  <p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

</div>
<!-- End #footer -->



</body>
</html>

Ich hoffe, ihr erbarmt euch meiner unwürdigen Existenz. :ugly:

Atomic 26.02.2005 12:04

AW: []Tagboard-Problem
 
Kopier den Quellcode von Tag-Board vor

HTML-Code:

<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
und schreib "<p>" davor und "</p>" danach

Event. Bekommst du probleme mit den Breiten.
Editier dazu die Zahl "200" beim Tag-Board Code (an jeder Stelle). (Mach sie kleiner bis alles wieder stimmt)

Das Nichts 26.02.2005 13:25

AW: []Tagboard-Problem
 
Vielen Dank. Ich werde mich gleich mal daran setzen ;).

Edit: Ha! ^^ Dank deiner Hilfe hat mein Blog jetzt ein nagelneues Tagboard. Ich habe es farblich noch ein bisschen angepasst und die Größe, wie du mir geraten hast, verändert.

Vielen Dank! :D


Alle Zeitangaben in WEZ +1. Es ist jetzt 09:06 Uhr.

Angetrieben durch vBulletin, Entwicklung von Philipp Dörner & Tobias


SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119