Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.09.2016 um 15:29 (UTC)    
Titel: Hilfe beim CSS-Code...

Guten Tag an das Baukasten Community Team,

ich bräuchte mal eine helfende Unterstützung und zwar wenn ma auf meine Seite www.dancemastersberlin.de kommt und gleich oben kommt diese Slideshow...

Kann man bei der Slideshow mehr effekte einfügen und wenn die Bilder auftauchen, wäre es möglich einen kleinen Text und der Text verfügt über einen Link, der auf die richtige Unterseite des Bildes führt... hoffe versteht was ich meine...?

Hier ist der CSS Code:

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5CKZLN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5CKZLN');</script>
<!-- End Google Tag Manager -->
<div id="Schwubbel">
<div id="UeberInhalt">

</div>

<div id="Contenttop"></div>
<div id="Oberzeilen">
<div id="Slideshow">
<div id="coin-slider">
<!-- Hier die Adresse des ersten Bildes; sonst nichts verändern !!!!!!!!!! -->
<img src="http://img.webme.com/pic/d/dancemasters/FaceBookDanceMastersHeader.jpg" width="0" onLoad="runSlideShow()">
<!-- Hier nochmal die Adresse des ersten Bildes; evtl. die Tabelle formatieren ! -->

<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="http://img.webme.com/pic/d/dancemasters/FaceBookDanceMastersHeader.jpg" name="SlideShow" width="640" height="300" border="0">
</td>
</tr>
</table>


<script>

var slideShowSpeed = 4000 // Dauer des Bildwechsels in Millisekunden (hier 100 Sekunden)

var crossFadeDuration = 4000 // Dauer des Bildübergangs

var Pic = new Array()

// Hier die Bildadressen rein, erweiterbar !

Pic[0] = 'http://img.webme.com/pic/d/dancemasters/FaceBookDanceMastersHeader.jpg'

Pic[1] = 'http://img.webme.com/pic/d/dancemasters/KursgebungMontagNEU.jpg'

Pic[2] = 'http://img.webme.com/pic/d/dancemasters/Header63SteglitzerFestwoche2015.jpg'

Pic[3] = 'http://img.webme.com/pic/d/dancemasters/KursgebungDienstagNEU.jpg'

Pic[4] = 'http://img.webme.com/pic/d/dancemasters/dsdsenricoheader.jpg'

Pic[5] = 'http://img.webme.com/pic/d/dancemasters/KursgebungFreitagNEU.jpg'

Pic[6] = 'http://img.webme.com/pic/d/dancemasters/headerbeifacebook.jpg'

Pic[7] = 'http://img.webme.com/pic/d/dancemasters/starmoveskidsbanner.jpg'

Pic[8] = 'http://img.webme.com/pic/d/dancemasters/10368185_683498825032364.jpg'

// ab hier nichts mehr verändern !!


var jj = 0
var p = Pic.length
var preLoad = new Array()

for (ii = 0; ii < p; ii++){

preLoad[ii] = new Image()
preLoad[ii].src = Pic[ii]

}

function runSlideShow(){

if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[jj].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}

jj = jj + 1
if (jj > (p-1)) jj=0

t = setTimeout('runSlideShow()', slideShowSpeed)

}

</script>
</div>
</div><div id="Oberbox"><p align="center"><font size="3">Kurse finden am<br/>
<font color=red><font size="5" face="Arial"><b>
30.09.2016</b></font></font><font size="3"><br/> statt</br></font></font></font><a href="http://www.dancemastersberlin.de/Kurstage.htm" target=""><font color=blue><font size="2"><u>weitere Kurstage...</u></front></a><br /></p>
<hr/>
<p align=center><font size="2"><span style="color: #000000"><span style="font-family: Arial">Follow DancerDenny:<br />
</span></span></span></font>
<span style="font-size: larger"><span style="color: #ff0000"><span style="font-family: Comic Sans MS"><a target="http://de-de.facebook.com/people/Dancer-Denny/1469814672" href="http://de-de.facebook.com/people/Dancer-Denny/1469814672"><img alt="" style="width: 45px; height: 45px" src="http://img.webme.com/pic/d/dancemasters/3DFacebookLogo.jpg" /></a></span></span><span style="font-size: larger"><span style="color: #ff0000"><span style="font-family: Comic Sans MS"><a target="http://www.youtube.com/45dancerdenny45" href="http://www.youtube.com/45dancerdenny45"><img alt="" style="width: 45px; height: 45px" src="http://img.webme.com/pic/d/dancemasters/3DYouTubeLogo.png" /></a><a target="http://twitter.com/dancerdenny" href="http://twitter.com/dancerdenny"><img alt="" style="width: 45px; height: 45px" src="http://img.webme.com/pic/d/dancemasters/3DTwitterLogo.png" /></a></p></span></span></span></span>
<p align=center><font size="2"><span style="color: #000000"><span style="font-family: Arial">Follow DanceMasters:</font></span></span><br />
<a target="http://www.youtube.com/45dancerdenny45" href="http://www.youtube.com/45dancerdenny45"><img alt="" style="width: 45px; height: 45px" src="http://img.webme.com/pic/d/dancemasters/3DYouTubeLogo.png" /></a>
<a target="http://www.facebook.com/pages/DanceMasters-DanceSchool/133340213437165" href="http://www.facebook.com/pages/DanceMasters-DanceSchool/133340213437165"><img alt="" style="width: 45px; height: 45px" src="http://img.webme.com/pic/d/dancemasters/3DFacebookLogo.jpg" /></a></p>
</h3></b>
</div>
</div>
<div id="OberLeiste">
<div id="Inhaltoben">
<div id="quotation" style="text-align:center;"><SCRIPT type="text/javascript">
var quotations = new Array()
quotations[0]= "Willkommen bei der DanceMasters DanceSchool in Berlin-Lichterfelde Süd.<br/>"
quotations[1]= "Die neusten Choreos für nur 20 € im Monat lernen.<br/>"
quotations[2]= "Tanzen wie die Stars. Dann bist du bei uns genau richtig.<br/>"
quotations[3]= "Besuch einfach die kostenlose Probestunde nach Absprache.<br/>"
quotations[4]= "Kurse in HipHop, Streetdance und ZumbaHipHop, immer montags, dienstags und freitags<br/>"
quotations[5]= "Kurse mit dem Tänzer und Choreographen DancerDenny<br/>"
quotations[6]= "Parkmöglichkeiten direkt vor dem Haus<br/>"
quotations[7]= "Öffentliche Verkehrsmittel: S25 direkt S Osdorfer Straße / 186er direkt Woltmannweg / 284er direkt Saaleckplatz<br/>"
quotations[8]= "Die Tanzschule für die ganze Familie<br/>"
quotations[9]= "Die Tanzschule für Groß und Klein<br/>"
function display()
{a=Math.floor(Math.random()*quotations.length)
document.getElementById('quotation').innerHTML=quotations[a]
setTimeout("display()",7000)}
</SCRIPT>
<div id="quotation">
<SCRIPT type="text/javascript">display()</SCRIPT>
</div></div></div>
Beitrag12.10.2016 um 16:20 (UTC)    
Titel:

Kann niemand helfen? :s ^^
Beitrag13.10.2016 um 12:59 (UTC)    
Titel:

*edit 13.10.2016 16:38:04*
Okay, ich hab mich ein wenig umgeschaut und die Lösung schlechthin gefunden ( denke ich ).
Schau mal auf meiner "Test-Seite": http://seo-suchmaschinenoptimierung.de.tl/Slider-Tutorial.htm
Ich war hier mal so unverfroren und habe mir da 2 Bilder aus deinem Slider hergenommen, um das direkt mit den passenden Bildern zu testen.
Hier gibt es dann 4 Einstellmöglichkeiten für die Übergänge zwischen den Bildern und die Möglichkeit die Bilder zu verlinken und einen Beschreibungstext einzufügen.
Und das Alles ist mit nur wenigen "Handgriffen" einzubauen.
______________
mfg SEO


Zuletzt bearbeitet von seo-suchmaschinenoptimierung am 13.10.2016, 15:46, insgesamt einmal bearbeitet
Beitrag25.10.2016 um 08:43 (UTC)    
Titel:

Das sieht genau so aus wie ich es haben wollen würde Smile


Wie baue ich das jetzt in mein Code ein? Smile
Beiträge der letzten Zeit anzeigen:   


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