News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 9
Seite [1]
Rouven89


Going for pro




Beiträge: 539
# Thema - 21.01.2010 um 20:02 Uhr
hey auf http://www.fussball.de/werden auf der startseite die neusten nachrichten mit einem bild angezeigt und man kann in den bildern noch andere sachen anklicken wie wm2010 transfermarkt usw... bis jetzt kannte ich das nur mit flash..aber das ist ja javascript...kennt jemand so ein script?

mfg


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens
Inaktiv
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
# Antwort: 1 - 21.01.2010 um 21:09 Uhr
weder kenne ich das script was du suchst noch braucht man es zu kennen weil man es damit http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm auch umsetzten kann^^

gruß


------------------
I like the part where it says 'nyan'



Zuletzt editiert von PAlle! ClanSphere Team am 21.01.2010 um 21:09 Uhr (1x Editiert)
Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
# Antwort: 2 - 21.01.2010 um 22:26 Uhr
ja palle mein herzi das kenn ich schon - ging mir aber vorallem um die kurzbeschreibung die sich dann auch im bild abwechselt;D

trotzdem danke:-*^^


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von Yeee am 21.01.2010 um 22:26 Uhr (1x Editiert)
Inaktiv
|
Pred


Poststar




Herkunft: Bischofsmais
Beiträge: 762
# Antwort: 3 - 21.01.2010 um 23:15 Uhr
ich denke mal das lässt sich mit etwas geschick per css auch mit dem contentslider machen


------------------


Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
# Antwort: 4 - 22.01.2010 um 00:01 Uhr
wie bekommt man denn die button übe rdas angezeigte bild? krieg die nur drunter oder drüber


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
# Antwort: 5 - 22.01.2010 um 03:42 Uhr
Verschachtelung. Das Bild als Hintergrundgrafik für einen Div und dann in diesen Div die Buttons einbauen.


Inaktiv
|
Pred


Poststar




Herkunft: Bischofsmais
Beiträge: 762
# Antwort: 6 - 22.01.2010 um 15:33 Uhr
hm,

ich verwende bei mir das gleiche script (s. Signatur) ich hab hier mit z-index, margin (minus werte) und Position gearbeitet, um die Buttons über das bild zu bekommen. Wenn du das Bild als hintergrund machst ist es ja nicht mehr anklickbar als link...


------------------


Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
# Antwort: 7 - 22.01.2010 um 15:53 Uhr
ja geil ...kannste mir deine css datei mal geben? bräuchte die dann nurnoch untereinander die button...weißt du zufällig wie das geht? dann sieht das so ungefähr aus http://www.fcbayern.t-home.de/de/aktuell/start/index.php

würde gut zu meiner fussball hp passen siehe unten

mfg


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Inaktiv
|
Pred


Poststar




Herkunft: Bischofsmais
Beiträge: 762
# Antwort: 8 - 22.01.2010 um 17:09 Uhr
mehr... +-
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid black;
width: 320px; /*width of featured content slider*/
height: 160px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 0px;
background: white;
width: 320px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progidXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
z-index: -1;
}

.pagination{
width: 305px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 10px;
margin-top: -25px;
z-index: 99;
position: relative;
}

.pagination a{
padding: 0 5px;
text-decoration: none;
color: #000;
background-image: url(tvbox_trans_bg.png);
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #ff7800;
}


Damit es untereinander wird, denke ich mal musst du was am Javascript ändern. Weiss es aber ned genau, hab mir das ned angeschaut.


------------------


Inaktiv
|
Rouven89
Thread-Ersteller


Going for pro




Beiträge: 539
# Antwort: 9 - 22.01.2010 um 18:10 Uhr
super danke... soo hab das jetzt auch untereinander bekommen nur will gerne den abstand zwischen den bildern größer haben aber kp wie das geht jemand ne idee? http://sc-wiesens.de/

css
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
width: 672px; /*width of featured content slider*/
height: 283px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 6px;
background: ;
width: 320px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progidXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
z-index: -1;
}

.pagination{
width: 0px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 12px 5px 5px 520px;
margin-top: -255px;
z-index: 99;
position: absolute;

}

.pagination a{
padding: 60 0 0 0px;
border: 1px solid grey;
text-decoration: none;
color: #fff;
}

.pagination a:hover, .pagination a.selected{
padding: 59 0 0 0px;
border: 1px solid orange;
color: #fff;
}


------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Zuletzt editiert von Yeee am 23.01.2010 um 20:02 Uhr (2x Editiert)
Inaktiv
|
Antworten: 9
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo