nicht angemeldet
eBay-Template verbessern (+ JS-Popup-Script einbinden)
Hi,
ich hatte vor einigen Tagen schonmal wegen des JS-Scripts angefragt, leider ohne Resonanz.
Nun versuch ich's nocheinmal ;-)
Hab oben angegebenes eBay-Template ersellt.
Allerdings gabs damit ein paar kleine Problemchen.
1.) Die runden Ecken der Überschriften (per CSS) funktionierten, wieso auch immer?!, bei eBay nicht richtig. Die Runden Ecken per CSS werden ja im Prinzip nur durch mehrere immer 1-2 Pixel kleiner werdende Linien erzeugt. Bei einem 5 px -Radius eben 5 Linien. Und diese einzelnen aufgesetzten Zeilen hatten sehr große Abstände.
-Allerdings glaub ich, es sei deutlich sinnvoller dies in Zukunft durch kleine GIFs zu lösen.
-Wie mache ich dies am saubersten, möglichst alles dynamisch. Also ich dachte an ein DIV in welches die Überschrift kommt. Und darum 8 weitere DIVs (das es ein 3x3 Feld gibt) und in die 4 Ecken dann die runden Grafiken. Die anderen 5 DIVs mit der gleichen Klasse per CSS die Hintergrundfarbe steuern - oder gibts da ne einfachere Möglichkeit?
2.) Hätt ich ganz gern das Design in ein DIV umgeändert, aber ich bekomms einfach nicht hin...
Hab's echt schon sehr lange versucht.
3.) (Was mir vorerst am wichtigsten ist)
Das JS-Popupscript von (Felix Riester
würde ich sehr gern inn eBay einbinden, doch leider hab ich dies immer noch nicht geschafft. Vielleicht weiß einer von euch woran es liegen könnte, dass es nicht funktioniert. Und ich bin authorisiert JS bei eBay zu nutzen!
4.) Allgemeiner Proggramierstil evtl. (bzw. sicher :-) ) verbessern,
Nun der CSS-Code:
/* BODY Hintergrund Links usw. */
#content_css body, #content_css td,#content_css th {
font-family: Verdana, Arial;
font-size: 14px;
color: #000000;
background-color: #FFFFFF;
}
#content_css .hintergrund {background-color:#E1E1E1;}
div.inhalt {margin: 70px 50px 70px 50px;text-align:left;}
table.rahmen {min-width:120px;max-width:1200px;width:75%;}
#content_css h1 {font-weight:normal;font-size:20px;display:inline;color:#000000;border-bottom:5px groove #0000A0;}
#content_css h2 {font-weight:normal;font-size:20px;display:inline;color:#000000;}
#content_css h3 {font-weight:normal;font-size:20px;display:inline;color:#FFFFFF;}
span.dicke {font-size:5px;}
div.abstand {margin-top:50px;margin-bottom:50px;}
div.abstand_h2 {margin-top:50px;margin-bottom:45px;margin-left:50px;}
li.li_abstand {margin-top:1em;margin-bottom:1em;}
p.rechtlich {text-align:justify;margin:50px 3% 0;}
/* oberster Link */
#content_css a.auktionen {color:#F80; text-decoration: underline overline;font-size:20px;}
#content_css a.auktionen:hover {color:#FF0; text-decoration: underline overline;font-size:20px;}
/* Link-Aussehen */
#content_css a:link {color:#F80; text-decoration: none;}
#content_css a:visited {color:#F80; text-decoration: none;}
#content_css a:focus {color:#0FF; text-decoration: underline overline;}
#content_css a:hover {color:#008; text-decoration: underline overline;}
#content_css a:active {color:#08F; text-decoration: underline overline;}
/* Galerie Links */
gallery.a:link {color:#F80; text-decoration: none;}
gallery.a:visited {color:#F80; text-decoration: none;}
gallery.a:focus {color:#0FF; text-decoration: underline overline;}
gallery.a:hover {color:#008; text-decoration: underline overline;}
gallery.a:active {color:#08F; text-decoration: underline overline;}
span.bla {text-align:center;}
/* Layout Ecken, Kanten */
td.eck_1 {background:url(bilder/eck_1.gif);height:59px;width:48px;}
td.eck_2 {background:url(bilder/eck_2.gif);height:59px;width:62px;}
td.eck_3 {background:url(bilder/eck_3.gif);height:62px;width:48px;}
td.eck_4 {background:url(bilder/eck_4.gif);height:62px;width:62px;}
td.oben {background:url(bilder/oben.gif);}
td.unten {background:url(bilder/unten.gif);}
td.links {background:url(bilder/links.gif);}
td.rechts {background:url(bilder/rechts.gif);}
/* Runde CSS-Ecken */
.ueber_1{display:block}
.ueber_1 *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#808080}
.ueber_11{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
background:#989898}
.ueber_12{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
background:#929292}
.ueber_13{
margin-left:1px;
margin-right:1px;
border-left:1px solid #929292;
border-right:1px solid #929292;}
.ueber_14{
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7}
.ueber_15{
border-left:1px solid #989898;
border-right:1px solid #989898}
.ueber_1fg{
background:#808080}
/* Popup Script */
#js-popup {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(gallerie/overlay.png);
}
#js-popup-box {
position: absolute;
padding: 3px;
background: #FFFFFF;
border: 2px ridge #8080FF;
text-align: center;
font-size: 80%;
}
#js-popup-image {
margin: 0;
padding: 0;
}
#js-popup-close {
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
}
#js-popup-resize {
position: absolute;
top: 5px;
left: 5px;
cursor: pointer;
}
/* Tabellen-Gallerie */
#gal_2 img {padding:7px;background-color:#FFFFFF;}
#gal_2 td {background:;}
#gal_2 a img {border:1px solid #AAAAEE;}
#gal_2 a:hover img {border-style: solid;border-color: #0000EE;}
#gal_3 img {padding:0px;background-color:#FFFFFF;}
#gal_3 td {background:#E1E1E1;}
#content_css #gal_3 a {text-decoration: none;color:#000000;}
#content_css #gal_3 a:hover div {background-color:#C0C0C0;border:1px solid black;} /* td:hover ist eig. besser */
div.feld_bild {width:180px;height:160px;cursor:pointer;border:1px solid gray;background-color:#F0F0F0;}
img.oberer_abstand {margin-top:10px;margin-bottom:5px;}
Bei dem JavaScript und dem HTML-Quellcode würd ich euch bitten, dies direkt auf der verlinkten Seite anzuschauen, denn dies kann ich nichtmehr hier rein posten (wegen Nachrichtenlängenbegrenzung hier im Board)
Ich hoffe, dass dies verständlich ist. Ihr könnt auch gern von mir nicht genannte Dinge kritisieren, dafür bin ich immer offen!
Vielen Dank im Voraus!!
-
Moin!
3.) (Was mir vorerst am wichtigsten ist)
Das JS-Popupscript von (Felix Riester
würde ich sehr gern inn eBay einbinden, doch leider hab ich dies immer noch nicht geschafft. Vielleicht weiß einer von euch woran es liegen könnte, dass es nicht funktioniert. Und ich bin authorisiert JS bei eBay zu nutzen!Aber nicht, Popups zu öffnen.
Auszug aus http://pages.ebay.de/help/sell/skriptsprachen_hilfe.html
Welche aktiven Skript- oder HTML-Funktionen sind bei eBay generell unzulässig?
- Skripte, die extern liegende Skripte oder Seiten aufrufen oder Inhalte an diese Seiten senden (z.B. über JavaScript Includes oder Iframes).
- Skripte, die automatisch Pop-up-Fenster oder MS-Assistenten generieren.
Oder wie siehst du das?
- Sven Rautenberg
--
"Love your nation - respect the others."-
Moin!
3.) (Was mir vorerst am wichtigsten ist)
Das JS-Popupscript von (Felix Riester
würde ich sehr gern inn eBay einbinden, doch leider hab ich dies immer noch nicht geschafft. Vielleicht weiß einer von euch woran es liegen könnte, dass es nicht funktioniert. Und ich bin authorisiert JS bei eBay zu nutzen!Aber nicht, Popups zu öffnen.
Auszug aus http://pages.ebay.de/help/sell/skriptsprachen_hilfe.html
Welche aktiven Skript- oder HTML-Funktionen sind bei eBay generell unzulässig?
- Skripte, die extern liegende Skripte oder Seiten aufrufen oder Inhalte an diese Seiten senden (z.B. über JavaScript Includes oder Iframes).
- Skripte, die automatisch Pop-up-Fenster oder MS-Assistenten generieren.
Oder wie siehst du das?
Ich seh das nicht so, da die Popups NICHT automatisch öffnen und das Script ist lokal in der hochgeladenen HTML-Datei, allerdings wird das Bild von meinem Webspace geladen...
Bist du dir sicher, dass dies illegal ist?
Aber egal wenn dies eben nicht erlaubt ist, muss ich auf eine Lösung mittels CSS zurückgreifen, soviel ich weiß kann man damit was ähnliches realisieren.
Evtl. könnt ihr noch auf die anderen Fragen eingehen...