Formatierung des Wechselbanners

von Gast Mi 6 Jul 2011 - 2:10

Huhu!

Ich bin es mal wieder mit einem Codeproblem. Wink

Und zwar bin ich Franks Anleitung gefolgt und habe mir eine Wechselbanner-Funktion über die HMTL-Seite zugelegt. Das Ganze habe ich aber nicht anstelle des Logos eingefügt, sondern unten drunter in dieser Form:

Code::  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <script src=http://darkest.lightbb.com/h1-wechselbanner_script></script> </tr> </table>

Blöderweise sprengt es mir momentan den Rahmen, den die Bilder sind jeweils linksbündig. Daher meine Frage, wie kann ich sie per Code in die Mitte setzen lassen? Ich habe es mit <center> schon an so gut wie allen Stellen probiert, aber dadurch scheine ich das ganze Gefüge auseinander zu bringen und wirkungslos zu gestalten. Könnte mir jemand helfen?

Code:: while(true){ aleatorio = Math.random(); numero = Math.round(aleatorio * 3); if (numero == 0){ imagen = "http://www.abload.de/img/1006dt8.jpg"; break;} if (numero == 1){ imagen = "http://www.abload.de/img/nightbridge5f1n.jpg"; break;} if (numero == 2){ imagen = "http://www.abload.de/img/gothicwallz--red_grave7ign.jpg"; break;} if (numero == 3){ imagen = "http://www.abload.de/img/planetnight-3141991drw.jpeg"; break;} } document.write('<a href="http://darkest.lightbb.com/" target="_self" ><img src="' + imagen + '" border=0 style="width: 725px; height: 308px"></a>');

von Rüdiger Mi 6 Jul 2011 - 2:33

Beitrag storniert, war ein Doppelpost von mir, sorry!

von Rüdiger Mi 6 Jul 2011 - 2:33

Happy schrieb:Hallo Tabula Rasa.

Hast Du das so schon wie folgt ausprobiert, siehe:

Code:
<div align="center"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <script src=http://darkest.lightbb.com/h1-wechselbanner_script> </script> </tr> </table> </div>

lg. Happy

von Gast Mi 6 Jul 2011 - 2:46

Ah, noch ein Nachtschwärmer!^^ Hey Happy - danke für deine Hilfe, aber das habe ich schon probiert. Funzt leider nicht. :/ Trotzdem danke, dass du versucht hast, mir zu helfen. Wink

von Rüdiger Mi 6 Jul 2011 - 2:52

Gerne..., gebe das mal intern weiter, wobei ich glaube, das es ganz simple ist, stehe da aber selber dann grad auf dem Schlauch.

Melde mich wieder okay?

lg. Happy

von Gast Mi 6 Jul 2011 - 2:55

Ich denke auch, dass das ganz simpel ist, aber wir beide kommen wohl einfach nicht drauf - muss an der Uhrzeit liegen^^
Ja, melde dich ruhig, wenn du eine Antwort hast - ich würde mich freuen. Smile

Schöne Nacht noch! Wink

von Rüdiger Mi 6 Jul 2011 - 11:05

Hallo Tabula Rasa.

~~Am einfachsten ist es wenn Du das ohne die table class einsetzt, damit lässt es sich leicht zentrieren.~~

Dank Zuckerpuppe haben wir für dich nun die Lösung und gehst wie folgt vor:

Du setzt folgenden Code ein...

Code:: while(true){ aleatorio = Math.random(); numero = Math.round(aleatorio * 3); if (numero == 0){ imagen = "http://www.abload.de/img/1006dt8.jpg"; break;} if (numero == 1){ imagen = "http://www.abload.de/img/nightbridge5f1n.jpg"; break;} if (numero == 2){ imagen = "http://www.abload.de/img/gothicwallz--red_grave7ign.jpg"; break;} if (numero == 3){ imagen = "http://www.abload.de/img/planetnight-3141991drw.jpeg"; break;} } document.write('<a href="http://darkest.lightbb.com/" target="_self" ><img src="' + imagen + '" border=0 style="width: 725px; height: 308px; display:block; margin:10px auto 50px"> </a>');

Über die margin-Angaben (10px und 50px) kannst Du den Abstand nach oben und nach unten verändern.
Durch das "auto" wird das Bild immer mittig angezeigt.

Nun kannst Du folgenden Code ebenfalls einsetzen (Templates) wenn Du es so haben möchtest:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<script src=http://darkest.lightbb.com/h1-wechselbanner_script></script>
</tr>
</table>

Magst Du hier eine kurze Rückmeldung geben ob es bei dir dann auch funktioniert hat?

Danke und lg. Happy

von Gast Mi 6 Jul 2011 - 17:07

Hallo Happy!

Danke, dass du dich weiterhin um eine Lösung bemühst, aber leider hat Zuckerpuppes Vorschlag auch nicht funktioniert. :/ Jetzt wird gar nichts angezeigt; hier der Screenshot (ich habe mal krakelig mit hellblau eingemalt, wie es eigentlich sein sollte):

Formatierung des Wechselbanners Unbenannt7aqu

Formatierung des Wechselbanners Unbenannt7aqu

Hier das Bild, wie und wo ich es im Moment habe; dort wollte ich den/die Wechselbanner einbauen:

Formatierung des Wechselbanners Unbenannt2nz2s

von Zuckerpuppe Mi 6 Jul 2011 - 17:23

Hallo

du schriebst im ersten Beitrag, dass du das Script unter das Logo setzen wolltest. Jedenfalls habe ich das so verstanden..

Tabula Rasa schrieb:
Das Ganze habe ich aber nicht anstelle des Logos eingefügt, sondern unten drunter in dieser Form:

das funktioniert genau so, wie es es oben erklärt habe, wenn du es direkt hinter folgendem Abschnitt im Template overall_header einsetzt:

Code::  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>  </tr> </table>

wenn du das allerdings im Footer haben möchtest, ist das schon wieder eine andere Sache, die ich mir mal näher anschauen muss Wink

von Zuckerpuppe Mi 6 Jul 2011 - 17:44

o.k., ich habe den Fehler gefunden...da ich das Script direkt über unsere neue Scriptfunktion eingesetzt habe und nicht als HTML-Seite, klappt das bei mir.

setz mal diesen Code hier:

Code:: while(true){ aleatorio = Math.random(); numero = Math.round(aleatorio * 3); if (numero == 0){ imagen = "http://www.abload.de/img/1006dt8.jpg"; break;} if (numero == 1){ imagen = "http://www.abload.de/img/nightbridge5f1n.jpg"; break;} if (numero == 2){ imagen = "http://www.abload.de/img/gothicwallz--red_grave7ign.jpg"; break;} if (numero == 3){ imagen = "http://www.abload.de/img/planetnight-3141991drw.jpeg"; break;} } document.write('<a href="http://darkest.lightbb.com/" target="_self" ><img src="' + imagen + '" border=0 style="width: 725px; height: 308px; display:block; margin:10px auto 50px"> </a>');

nicht als HTML-Seite ein, sondern in die Javascriptverwaltung (direkt unter der HTML-Verwaltung) und setze dann mal den Link, den du erhältst, in dein Template index_body ein.

In meinem Testforum habe ich es so eingesetzt und es funktioniert:

Code::  </table>  {CHATBOX_BOTTOM} <br clear="all" />  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <script src=http://xxxxx.forumieren.com/10104.js></script> </tr> </table>

von Gast Mi 6 Jul 2011 - 17:53

Oh, tut mir Leid! Ich habe das wohl schlecht beschrieben. Sad

Ich meinte natürlich, dass ich unten drunter (unter dem eigentlichen Board) einsetzen möchte. Nächstes Mal gebe ich mir mehr Mühe. Wink

Also ich habe jetzt alles wie beschrieben eingesetzt und jetzt ist der Wechselbanner in der Mitte. Smile

Blöderweise ist er auch noch mal über dem Logo vorhanden (also doppelt auf der Startseite)... und leider fehlt unten noch rechts und links der Rahmen.

Formatierung des Wechselbanners Unbenannt20nue

Formatierung des Wechselbanners Unbenannt20nue

Übrigens ist mir das aufgefallen:

Formatierung des Wechselbanners Unbenanntjwed

von Zuckerpuppe Mi 6 Jul 2011 - 17:57

Danke für den Hinweis Smile

Das ist uns auch schon aufgefallen und wird baldmöglichst behoben...

zu deinem Problem:
ich sehe weder über dem Logo eine Grafik, noch sehe ich fehlende Rahmen..bzw. sehe ich den Rahmen komplett.
Hast du mal den Cache geleert? Bei mir sieht´s jetzt gut aus

von Gast Mi 6 Jul 2011 - 17:58

Sorry, für den Doppelpost - habe mich verklickt.

Edit: Ahhhh! Ist ja ein Dreifachpost. O.O Tut mir Leid... Embarassed

Nach Leerung des Chache ist jetzt auch keine Grafik mehr über dem Logo, aber der Rahmen ist leider nicht vorhanden. :/ Liegt es an Firefox 5?

von Zuckerpuppe Mi 6 Jul 2011 - 18:03

hm, ich sehe es mit dem FF3 und dem IE8 so:
Formatierung des Wechselbanners Aufzei20

vielleicht kann sich das mal jemand anderes ansehen, der den FF5 hat...ich kann das so nicht sagen notknowing

von Gast Mi 6 Jul 2011 - 18:10

Ich weiß, woran es liegt! Ich sehe es in der Vorschau - weil ich noch nicht abschicken wollte (soll für die User eine kleine Überraschung werden). Daher siehst du nur das einzelne Bild und noch nicht den Wechselbanner^^

von Zuckerpuppe Mi 6 Jul 2011 - 18:28

aha, dann ist das dann noch eine alte Änderung oder wie soll ich das verstehen?

Und du siehst in der Vorschau die Ränder nicht?
Dann schau mal, ob es klappt wenn du die Änderung aktivierst.

von Gast Mi 6 Jul 2011 - 18:38

Ja, das ist so, wie es im Moment für alle User aussieht. Ich mache beim Administrieren immer erst die Vorschau und wenn's passt, veröffentliche ich es. Da die Wechselbanner, wie gesagt, eine kleine Überraschung sein sollten, wollte ich es eigentlich nicht abgeschicken, habe ich jetzt aber mal kurz gemacht, um es zu überprüfen und leider sehe ich den linken und rechten Rand immer noch nicht. Des Weiteren ist der Abstand nach unten zu groß (etwa einen Zentimeter, bevor der untere Rand kommt).
Hm, also... wenn die beiden Linien rechts und links nicht einzurichten sind, könnte man dann stattdessen gar keinen Rahmen instuieren? Das würde auch gehen. Nur die Position sollte sich nicht nennenswert verändern, wenn es geht.

von #Frank Mi 6 Jul 2011 - 18:47

Du hast es wieder raus genommen, ohne das man es mal sehen kann.
Kann es sein, das deine Bilder unterschiedliche Größen haben und diese dann den Rand überdecken? Außerdem laden bei mir im Moment deine Grafiken von Abload.de sehr schlecht, so das es sein kann, das es auch daran liegt.
Kannst du das Script bitte noch mal einsetzen so das man es mal sehen kann?

von Gast Mi 6 Jul 2011 - 18:55

Oh Gott, jetzt beschäftige ich schon zwei Admins^^ So war das eigentlich nicht geplant, sollte nur eine kleine Frage sein...

Script ist jetzt drin. Wink

Abload ist (nach jahrelanger Erfahrung mit allen möglichen Hoster) für mich die beste Wahl und lädt bei mir auch recht schnell. Liegt es vielleicht an deiner Leitung, Frank? Bisher hat sich sonst kein User "beschwert".
Ansonsten: Ja, die Banner haben unterschiedliche Größen, aber ich habe extra bei der Breite darauf geachtet, dass keiner mehr als 725 Pixel lang ist, sodass keiner überlappt. Die Höhe variiert geringfügig, kann aber gar nicht den Abstand nach unten verursachen, weil kein Bild so groß ist.

Vielen Dank übrigens für eure Geduld. Smile

von #Frank Mi 6 Jul 2011 - 18:58

Du hast das Script nicht in die Tabelle gesetzt, sondern darüber:

Und das mit Abload ist fast schon normal...
Ich habe das schon über ein halbes Jahr immer wieder mal.
An meiner Leitung liegt es mit Sicherheit nicht, da ich eine 100M/Bit Leitung von Kabel Deutschland habe.
Da gibt es keine Probleme mit Wink

von Gast Mi 6 Jul 2011 - 19:02

Immer diesen dummen kleinen Fehlerchen!^^ Danke, Frank, daran könnte es tatsächlich liegen. Wenn ich mir aber das Template so ansehe, steht das Script doch eindeutig in der Tabelle:

Formatierung des Wechselbanners Unbenanntyxvv

Formatierung des Wechselbanners Unbenanntyxvv

Oder sehe ich da jetzt was falsch?

von #Frank Mi 6 Jul 2011 - 19:07

Ja, ich habe es auch gerade gesehen. Das Script schreibt aber den Linkk oberhalb der Tabelle hin. das liegt mit Sicherheit an der document.write Funktion, die bei dir ja so aussieht:

Code:: document.write('<a href="http://darkest.lightbb.com/" target="_self" ><img src="'+imagen+'" border=0 style="width:725px;height:308px;display:block;margin:10px auto 50px"></a>');

Der Fehler ist hier zu suchen.
Leider muss ich nun erst mal offline. Eventuell kann ich später noch mal rein schauen.
Wenn ein Java Coder hier die Lösung kennt, dann kann er sich ruhig melden.

von Gast Mi 6 Jul 2011 - 19:11

Bei Java muss ich passen^^ Das Einzige, was ich noch ein bisschen könnte, wäre Delphi, aber das ist hier ja absolut nicht gefragt. Ich werde mich da aber mal ein bisschen belesen gehen; vielleicht geht's ja über "Learning by doing"? Es wäre aber trotzdem schön, wenn du später noch mal reinschauen könntest oder jemand, der sich mit der Materie auskennt. Dankeschön aber erst mal für die Identifizierung des Problems - das bringt mich schon ein gutes Stück weiter. Smile

(Ich nehme das Skript erst mal wieder raus - nicht wundern also - und hoffe, dass es noch nicht so viele User mitbekommen haben).

von Zuckerpuppe Mi 6 Jul 2011 - 20:25

ich hab den Fehler gefunden....man muss einfach nur mal raus an die frische Luft, dann werden die Gehirnzellen wieder durchblutet clown

Ich hatte das in meinem Testforum ausprobiert, wo ich aber schon hundert andere Änderungen im Template hatte, daher sah das bei mir schon richtig aus...bei dir fehlt noch was.

setz das mal so ein:

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <script src=http:///xxxxx.forumieren.com/10104.js></script> </td> </tr> </table>

von Gast Mi 6 Jul 2011 - 20:34

*seufz* Tut mir Leid, dich enttäuschen zu müssen, aber leider ist es das nicht. Jetzt hängt nur das rechte Modul zusätzlich noch im Keller. xD Ansonsten hat sich aber nichts getan; ich weiß es aber zu schätzen, dass du weiterhin nach einer Lösung suchst! Smile

Edit: Ich habe es! Ich habe bei deinem Code einfach nur ein "<" vergessen gehabt. knock

Jetzt funktioniert es! Smile

Daaaaaanke, Zuckerpuppe!

Formatierung des Wechselbanners 1839924927

Und natürlich auch Happy und Frank. Wink

Supi!

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Formatierung des Wechselbanners

Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners

Re: Formatierung des Wechselbanners