|
Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...) |
|
Themen-Optionen | Ansicht |
25.02.2005, 00:16 | #1 (permalink) |
[]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> 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$>"><< 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. --> </p> </div> <!-- End #footer --> </body> </html>
__________________
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). |
|
26.02.2005, 12:04 | #2 (permalink) |
|
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> 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)
__________________
https://savetheinternet.info/ |
26.02.2005, 13:25 | #3 (permalink) |
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). |
|
26.03.2008, 15:04 |
ambillenlacle |
Dieser Beitrag wurde von burns gelöscht.
Grund: schpam
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
Themen-Optionen | |
Ansicht | |
|
|