...ich nehme einfach diesen Slideshow-Thread wieder auf...
Hallo zusammen,
ich bin auf der Suche nach dem Slideshow-Code von der Seite:
http://floorball-tetenbuell.de/
Genau so habe ich mir eine Slideshow vorgestellt.
Könnte mir jeman beim Coden helfen? Ich habe hier meinen bislang vorhandenen Code und es würde mich total freuen, wenn mir jemand zur Seite steht.
Vielleicht sogar der Webmaster selbst der o.g. Seite?
<link type="text/css" rel="stylesheet" href="http://philipp7.bplaced.net/carousel/theatre.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://philipp7.bplaced.net/carousel/jquery.theatre-1.0.js" type="text/javascript"></script> <style type="text/css">
<style type="text/css">
<!--
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}
#main h1 {
color: #FFFFFF;
font-size: 15px;
padding-left: 15px;
background-color: #262626;
border: 1px solid #AAAAAA;
}
/* Aussehen neue Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 20px;
margin: 0px 0px 20px 0px;
background-color: #262626;
border: 1px solid #c9c9c9;
overflow: hidden;
}
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #262626;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 225px;
padding-left: 10px;
box-shadow: 3px 5px 10px 5px #bbb;
}
#sidebar {
width: 170px !important;
padding: 10px 0px 0px 0px !important; }
#main { width: 700px !important; }
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #262626;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 170px;
padding-left: 10px;
box-shadow: 3px 5px 10px 5px #bbb;
}
/* Newsfeld - Breite - Abstand - Hintergrundfarbe */
.c_news {
width: 95%;
margin: 10px 0px 30px 0px;
padding: 10px;
overflow: hidden;
box-shadow: 3px 3px 10px 3px #c9c9c9;
border: 1px solid #DDDDDD;
background-color: #EEEEEE;
}
/* Grafik */
img.c_pic {
width: 100px !important;
float: left;
margin-right: 20px;
}
.c_right {overflow: hidden;}
/* Eigenschaften für Titel */
.c_right h3 {
font-weight: bold;
border-bottom: 1px dotted #666666;
color: #343434;
padding-right: 5px;
margin: 0px 0px 5px 0px;
}
/* Eigenschaften für Datum */
.c_right h3 span {
float: right;
display: block;
color: #666666;
font-weight: normal;
font-size: 12px;
}
/* Eigenschaften Infotext */
.c_text {
font-size: 12px;
font-family: arial;
}
/* Eigenschaften Linktext */
.c_text a{
float: right;
display: block;
margin-top: 5px;
}
#headerslider_1 {
width: 230px; /* Breite, welche die Links brauchen ausgefahren */
height: 35px;
overflow: hidden;
top: 190px; /* Position des Sliders im Header */
margin-left: 775px; /* Position des Sliders im Header */
position: absolute;
z-index: 2;}
/* Das Feld für die 3 Links */
#kontakt {
background-image: url(http://img.webme.com/pic/c/clean-test/mail.png);
background-color: #FFFFFF; /* weißer Hintergrund */
background-repeat: no-repeat; /* = Icon nicht wiederholen */
background-position: 5px 2px; /* = Icon Position */
width: 220px; /* Breite ! anpassen, wenn keine 3 Links */
padding:5px 5px 5px 40px;
margin-left: 190px; /* Position eingefahren */
transition: all 0.5s linear; /* weicher Übergang - Sliden */
border: 1px solid #fff;
border-radius: 8px 0px 0px 8px; /* gerundete Ecken */
overflow: hidden;}
/* Feld mit Links fährt aus bei Hover */
#kontakt:hover{ margin-left:0px; }
/* Linktexte */
#kontakt a{
float: left; /* Links nebeneinander */
color: #343434; /* Linkfarbe */
margin-right: 12px; /* Abstand zwischen Links */
font-size: 13px; /* Texgröße */
display: block; }
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}
/* Aussehen neue Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
overflow: hidden;
}
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #262626;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 225px;
padding-left: 30px;
box-shadow: 3px 5px 10px 5px #bbb;
}
/* Formularfeld */
#main form {
border: 1px solid #B6B6B6;
border-radius: 10px;
padding: 30px 0px 30px 30px;
margin-top: -25px;
background-color: #xxxxxx;
background-image: url();
background-repeat: no-repeat;
}
/* Tabellenspalten im Formular */
#main form td {
width: 270px;
padding: 5px;
}
/* Eingabefelder */
#main input, #main textarea {
border: 1px solid #B6B6B6;
border-radius: 3px;
}
/* Absende-Button */
#main input[type="submit"] {
margin-left: 190px;
margin-top: -50px;
}
/* Smileys im Formular */
#main form img {
float: left;
margin-left: 3px;
}
/* Feld mit Blätterfunktion */
#main table[width="100%"] {
padding-left: 30px;
margin-top: 20px;
}
/* komplettes Eintragsfeld */
table[width="80%"] {
font-size: 13px !important;
padding: 25px;
margin: 20px auto;
background-color: #xxxxxx;
background-image: url();
border: 1px solid #C9C9C9;
width: 97% ! important;
}
/* Trenn-Linien entfernt */
hr {display: none;}
/* Gästebuch Einträge */
td[width="75%"] {
padding: 10px;
display: block;
margin: 10px 0px 10px 0px;
width: 380px;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
border-radius: 5px;
}
/* Dein Gästebuch-Kommentar */
.Kommentar{
background-color: #ffffcf;
font-size: 13px;
color: black;
overflow: hidden;
margin:-10px;
padding: 10px;
}
-->
</style>
<div style="width:1050px; overflow:hidden; margin:auto;">
<div id="headerslider_1">
<div id="kontakt">
<a href="/Kontakt.htm">Kontakt</a>
<a href="
http://www.125817.iboox.com/">Gästebuch</a>
<a href="/Impressum.htm">Impressum</a>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://philipp7.bplaced.net/gal/coin-slider.min.js"></script>
<link type="text/css" href="http://philipp7.bplaced.net/gal/coin-slider-styles.css" rel="stylesheet" />
<script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --
$(document).ready(function(){
$('#coin-slider').coinslider({navigation:true, width: 700, height: 394, delay: 8000 });
});
// -- Ende verstecken -->
</script>
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
