Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.10.2010 um 12:00 (UTC)    
Titel: rechte Box verändern

Hallo zusammen,

ich möchte gerne Bilder in der rechten Box einstellen, die wie eine Diashow ablaufen.

So wie hier auf dieser Seite. Nur mit das da so Absätze zwischen sein sollen.

http://6p-iceblue.de.tl/Design-einf.ue.gen.htm

Ja noch besser:

Wie hier:

http://www.wollpalast.de.tl/Socken-am-Doppelbett.htm

Bin meine Favoriten mal durch gegangen, die das so haben. Da bin ich durch Zufall hier drauf geraten.

Kann mir jemand dabei helfen?

LG
Marlies
Beitrag22.10.2010 um 12:10 (UTC)    
Titel:

Hallo!
Hierbei handelt es sich um einen Marquee.
Hier ist der Code von meiner Slideshow, hab ja auch eine:

Zitat:
<center>
<marquee direction="up" scrollamount="4" style="border-bottom: #000000 1px solid; border-left: #000000 1px solid; background-color: transparent; width: 168px; height: 350px; border-top: #000000 1px solid; border-right: #000000 1px solid">
<table border="0">
<tbody>
<tr>
<td> <img alt="" style="width: 168px; height: 251px"src="http://img.webme.com/pic/h/holz-osterholzer/cimg0865.jpg" /> <br />
<img alt="" style="width: 168px; height: 251px" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/firmenlogo001.jpg" /><br />
<img alt="" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/homepage003.jpg" /> <br />
<img alt="" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/cimg0862.jpg" /> <br />
<img alt="" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/homepage033.jpg" /></td>
</tr>
</tbody>
</table>
</marquee><br />


Rot = Bildadresse
Grün = Maße der Bilder (Höhe und Breite)

Im oberen Teil kannst du natürlich noch mehr Einstellungen vornehmen. Mit <br /> fügst du noch eine "Zeile"/Abstand zwischen den einzelnen Bildern ein.
Du kannst auch Natürlich Text zwischen Reinschreiben...

Ich hoff ich hab ich richtig verstanden und wenn du noch eine genauere Beschreibung willst, dann poste einfach nochmal hier! Razz

Lg, Osterholzer
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!


Zuletzt bearbeitet von holz-osterholzer am 22.10.2010, 13:53, insgesamt einmal bearbeitet
Beitrag22.10.2010 um 12:30 (UTC)    
Titel: (deleted)

(deleted)
______________
Liebe Grüße
Marlies
Beitrag22.10.2010 um 12:52 (UTC)    
Titel:

holz-osterholzer hat Folgendes geschrieben:
Hallo!
Hierbei handelt es sich um einen Marquee.
Hier ist der Code von meiner Slideshow, hab ja auch eine:

Zitat:
<center>
<marquee direction="up" scrollamount="4" style="border-bottom: #000000 1px solid; border-left: #000000 1px solid; background-color: transparent; width: 168px; height: 350px; border-top: #000000 1px solid; border-right: #000000 1px solid">
<table border="0">
<tbody>
<tr>
<td> <img alt="" style="width: 168px; height: 251px"src="http://img.webme.com/pic/h/holz-osterholzer/cimg0865.jpg" /> <br />
<img alt="" style="width: 168px; height: 251px" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/firmenlogo001.jpg" /><br />
<img alt="" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/homepage003.jpg" /> <br />
<img alt="" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/cimg0862.jpg" /> <br />
<img alt="" style="width: 168px; height: 251px" src="http://img.webme.com/pic/h/holz-osterholzer/homepage033.jpg" /></td>
</tr>
</tbody>
</table>
</marquee><br />
[/code]

Rot = Bildadresse
Grün = Maße der Bilder (Höhe und Breite)


Im oberen Teil kannst du natürlich noch mehr Einstellungen vornehmen. Mit <br /> fügst du noch eine "Zeile"/Abstand zwischen den einzelnen Bildern ein.
Du kannst auch Natürlich Text zwischen Reinschreiben...

Ich hoff ich hab ich richtig verstanden und wenn du noch eine genauere Beschreibung willst, dann poste einfach nochmal hier! Razz

Lg, Osterholzer


Hallo nochmal!
Sorry, wollte Ursprünglich "Zitat verwenden, hab aber oben auf "Code" gedrückt! Ist klar, dass es nicht funktioniert hat! Jetzt müsste es aber funktionieren (bei diesem Beitrag jetzt! ) Smile
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!


Zuletzt bearbeitet von holz-osterholzer am 22.10.2010, 13:52, insgesamt einmal bearbeitet
Beitrag22.10.2010 um 13:16 (UTC)    
Titel: (deleted)

(deleted)
______________
Liebe Grüße
Marlies
Beitrag22.10.2010 um 13:19 (UTC)    
Titel: (deleted)

(deleted)
______________
Liebe Grüße
Marlies
Beitrag22.10.2010 um 13:20 (UTC)    
Titel: (deleted)

(deleted)
______________
Liebe Grüße
Marlies
Beitrag22.10.2010 um 13:33 (UTC)    
Titel:

Hallo!
Ja, man kann das ganze auch anders rum laufen lassen.

Zitat:
<marquee direction="down" scrollamount="4" style="border-bottom: #000000 1px solid; border-left: #000000 1px solid; background-color: transparent; width: 168px; height: 350px; border-top: #000000 1px solid; border-right: #000000 1px solid">
<table border="0">


down statt up - dann gehts andersrum!
4 = die Laufgeschwindigkeit: 1 ist ganz langsam, 5 ist sehr schnell glaub ich!
"Hintergrundfarbe"
Weite und Höhe des "Kastens" in dem sich die Bilder befinden!
border heißt Rand.
Das ganze steht mal im oberen Teil - musst du halt nach belieben ändern!

Wenn die Bilder verzogen sind, dann musst du noch bei jedem Bild die größe anpassen - im richtigen Verhältnis eben!

Lg, Osterholzer
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!
Beitrag22.10.2010 um 14:24 (UTC)    
Titel: (deleted)

(deleted)
______________
Liebe Grüße
Marlies
Beitrag25.10.2010 um 10:02 (UTC)    
Titel:

Ich habe jetzt die Laufbilder auf der linken Seite.

Die fertig gestrickten Artikel habe ich die Größe der Bilder richtig, nur von der Wolle sieht das so gestreckt aus.

Was kann ich machen oder welche Größe ist die Optimale?

Ich habe jetzt 160 zu 120 px.

Gruß
Marlies
Beitrag25.10.2010 um 11:58 (UTC)    
Titel:

Je nachdem, in welchem Verhältnis die Seitenränder zueinander stehen. Wenn die Orginalgröße eines Bilders z.B. 400 x 500 ist, solltest du sie im selben Verhältnis verkleinern, z.B. in dem Fall 200 x 250, ansonsten sind die Bilder gezerrt.
Meiner Meinung nach müssen nicht alle Bilder dieselben Maße haben, es reicht aus, wenn entweder Höhe oder Breite bei allen gleich sind, je nachdem, in welche Richtung sich die Bilder bewegen. Falls dich das stört, solltest du die Bilder zuschneiden.

Hab auch eine Frage zum Thema: Welchen Code braucht es, dass das marque anhält, wenn man mit der Maus darüber fährt?
edit: Hab den Code gefunden:
Zitat:
onmouseover='this.stop()' onmouseout='this.start()'


Zuletzt bearbeitet von cindysimsdownloads am 25.10.2010, 13:02, insgesamt einmal bearbeitet
Beitrag25.10.2010 um 12:30 (UTC)    
Titel:

Schau mal hier unter Quellcode nach.


Habe ich einfach daraus geklaut und abgeändert. Ich weiß auch nicht was da richtig ist.

http://www.wollpalast.de.tl/Socken-am-Doppelbett.htm

Ich gehe davon aus, das das in rot markierte das ist.


<MARQUEE onMouseOver="this.stop()" onMouseOut="this.start()" style="background-color:transparent; border: 0px solid #E6E6FA; width:160px; height:200px; " direction="up" behavior="scroll" scrollamount="3">
Die Bilder bleiben stehen wenn Du mit der Maus drüber fährst. Einfach auf ein Bild klicken und Du gelangst direkt zur Grossansicht.
<a href="http://img.webme.com/pic/w/woll-palast/sw-admiral.jpg" target="_blank">
<IMG src="http://img.webme.com/pic/w/woll-palast/sw-admiral.jpg" title="Sockenwolle Admiral" width="160" height="120"/> </a><br />
<a href="http://img.webme.com/pic/w/wollpalast/pinkie.jpg" target="_blank">
<IMG src="http://img.webme.com/pic/w/wollpalast/pinkie.jpg" title="Design-Garn Pinkie" width="160" height="120"/> </a><br />
<a href="http://img.webme.com/pic/w/wollpalast/schneeflocke-mit.jpg" target="_blank">
<IMG src="http://img.webme.com/pic/w/wollpalast/schneeflocke-mit.jpg" title="Design-Garn Schneeflocke" width="160" height="120"/> </a><br />

Die Bilder bleiben stehen wenn Du mit der Maus drüber fährst. Einfach auf ein Bild klicken und Du gelangst direkt zur Grossansicht.
</MARQUEE>
Beitrag25.10.2010 um 12:52 (UTC)    
Titel:

Hallo cindysimsdownloads,

ich habe mir das ganz noch mal angeschaut.

Das markierte in grün, ist unter Bildeigenschaften "Link"
rot ist unter Bildeigenschaften "Bild Info"
Braun gehe ich von aus extra Seite öffnen, wenn Du mit der Maus über das Bild gehst, kannst Du es damit vergrößern.


<a href="http://www.bilder-hochladen.net/files/f4i4-h.jpg" target="_blank">
<IMG src="http://img.webme.com/pic/m/marlies-handarbeitenshop/lana_grossa_tweed_01.jpg" title="Kindersocken" width="160" height="120"/> </a>

Dieser Code in dunkel rot, wo der sich der befindet weiß ich nicht.

"Welchen Code braucht es, dass das marque anhält, wenn man mit der Maus darüber fährt?"

Vielleicht hier irgend wo in der obersten Reihen.

Dieser Befehl?

<MARQUEE onMouseOver="this.stop()" onMouseOut="this.start()" style="background-color:transparent; border: 0px solid #E6E6FA; width:160px; height:200px; " direction="up" behavior="scroll" scrollamount="3">

Gruß
Marlies
Beitrag26.10.2010 um 08:53 (UTC)    
Titel:

Lauftext mit Bildern ist auch hier erklärt:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=117004&highlight=marquee+bilder

In Deinen Bildern, da sind ja jetzt die Bilder vom Sägewerk Shocked Wink
______________
Beitrag17.12.2010 um 10:41 (UTC)    
Titel:

Hey auch ich habe diesen Lauftext nun entdeckt.
Jedoch habe ich da eine frage zu!

Kann man den Kasten auch so einstellen das er Zentriert ist?
Also das der Text/Bild mittig des kasten ist.

Besten Gruß
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de