HX3 Foren  

  HX3 Foren > Konstruktiv > Software- und Webentwicklung

Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...)

Antwort
 
Themen-Optionen Ansicht
Alt 25.02.2005, 00:16   #1 (permalink)
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von Das Nichts
 
Registriert seit: 25.02.2004
Alter: 30
Beiträge: 3.449
Das Nichts eine Nachricht über ICQ schicken Das Nichts eine Nachricht über AIM schicken Das Nichts eine Nachricht über MSN schicken Das Nichts eine Nachricht über Yahoo! schicken
Standard []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.
__________________
Ich persönlich glaube, dass ich an nichts glaube. Vielleicht ist das auch ein Irrglauben, doch die Hauptsache ist doch, dass man überhaupt an irgendwas glaubt, oder?

Geändert von Das Nichts (25.02.2005 um 00:23 Uhr).
Das Nichts ist offline   Mit Zitat antworten
Alt 26.02.2005, 12:04   #2 (permalink)
Administrator 10 Jahre hx3
5000 Beiträge
 
Benutzerbild von Atomic
 
Registriert seit: 21.02.2003
Ort: Freiburg im Breisgau
Alter: 32
Beiträge: 5.139
Atomic eine Nachricht über ICQ schicken Atomic eine Nachricht über Skype™ schicken
Standard 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)
__________________
http://webagentur-walde.de/
Atomic ist offline   Mit Zitat antworten
Alt 26.02.2005, 13:25   #3 (permalink)
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von Das Nichts
 
Registriert seit: 25.02.2004
Alter: 30
Beiträge: 3.449
Das Nichts eine Nachricht über ICQ schicken Das Nichts eine Nachricht über AIM schicken Das Nichts eine Nachricht über MSN schicken Das Nichts eine Nachricht über Yahoo! schicken
Standard 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!
__________________
Ich persönlich glaube, dass ich an nichts glaube. Vielleicht ist das auch ein Irrglauben, doch die Hauptsache ist doch, dass man überhaupt an irgendwas glaubt, oder?

Geändert von Das Nichts (26.02.2005 um 13:52 Uhr).
Das Nichts ist offline   Mit Zitat antworten
Alt 26.03.2008, 15:04
ambillenlacle
Dieser Beitrag wurde von burns gelöscht. Grund: schpam
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Kontakt - HX3.de - Archiv - Nach oben

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