Photoshop-Cafe.de :: Dein Photoshop-Forum
Seite 2 von 2 1 2
40 Beiträge dieses Themas auf einer Seite anzeigen

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Installation, Konfiguration, Hardware und Software (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=28)
-   -   Software Frage zu Programmiersprache (https://www.photoshop-cafe.de/forum/showthread.php?t=11686)

Garion 01.03.11 11:28
Hat leider nicht funktioniert...allerdings war ich mir auch nicht wirklich sicher, wo genau ich das jetzt einsetzen sollte. Versucht hab ich's an den drei folgenden Stellen:

Code:
Template made by Tian. It emulates a shelf display.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$$PAGETITLE$$</title>
<style type="text/css">
------>
body
{
 color:black;
}
h1
{
 text-align:left;
 margin-left:0.5em;
 font-size:200%;
 font-weight:bold;
 color:#6c7b8b;
}
h2
{
 font-size:150%;
 text-align:center;
 color:#1c86ee;
 font-weight:bold;
Code:
Template made by Tian. It emulates a shelf display.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$$PAGETITLE$$</title>
<style type="text/css">
body
{
 color:black;
}
------>
h1
{
 text-align:left;
 margin-left:0.5em;
 font-size:200%;
 font-weight:bold;
 color:#6c7b8b;
}
h2
{
 font-size:150%;
 text-align:center;
 color:#1c86ee;
 font-weight:bold;
Code:
[/JAVASCRIPT]
.info
{
 position:fixed;
 top:0;
 right:1%;
 width:48%;
 display:none;
}
.details
{
 overflow: auto;
 height: 500px;
}
-------->
</style>
[JAVASCRIPT]
<script type="text/javascript">
<!--
function getBoxes()
{
  return document.getElementById("left").getElementsByTagName("div")
}
function getHeight()
{
  //From http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
Eingefügt habe ich jedes Mal:
Code:
span.8
{
background-image:url(8Sterne.jpg);
}

phoenix 01.03.11 11:44
display:block; width:20px; height:20px noch mit in die CSS zum background... und schaun das der Pfad stimmt, dann müsste das laufen. Die 20px sind ein Platzhalter ;)

phoenix 01.03.11 11:52
Zur Position:

Code:
<style type="text/css">
------>

HIER WÄRE ES Z.B. EINFÜGBAR

body
{
 color:black;
}
Du kannst aber eigentlich auch auf den Span verzichten und direkt einen IMG Tag verwenden:

<img src="$$rating$$"> oder <img src="http://www.bla.de/meinbild/$$rating$$.jpg">

Ist das Selbe in orange.

edit:

Den ersten Punkt vor dem Span weg:
Code:
.span.8
{
display:block; width:20px; height:20px background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/8Sterne.jpg);
}
also so:

Code:
span.8
{
display:block; width:20px; height:20px background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/8Sterne.jpg);
}

Garion 01.03.11 12:02
Habe es jetzt so in der Datei drin:
Code:
Template made by Tian. It emulates a shelf display.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$$PAGETITLE$$</title>
<style type="text/css">

.span.8
{
display:block; width:20px; height:20px; background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/8Sterne.jpg);
}

body
{
 color:black;
}
h1
{
 text-align:left;
 margin-left:0.5em;
Leider nüscht.




Die Verzeichnisstruktur ist übrigens wie folgt:

...DVD/:
  • Garion's DVD Sammlung.html
  • 0Sterne.jpg
  • 1Stern.jpg
  • 2Sterne.jpg
  • ...

...DVD/Garion's DVD Sammlung_images/:
  • Alle DVD Cover

Warum schleichen sich bei mir immer Punkte ein, die da gar nicht hin gehören? :gruebel:
Daran lag's aber leider auch nicht.

phoenix 01.03.11 12:35
Halb so wild, war nur ein Selektoren Problem. Lösung wie folgt:

Erst die CSS Befehle zum integrieren:
Code:
.rating0 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/0Sterne.jpg);}
       
.rating1 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/1Sterne.jpg);}
       
.rating2 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/2Sterne.jpg);}
       
.rating3 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/3Sterne.jpg);}
       
.rating4 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/4Sterne.jpg);}
       
.rating5 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/5Sterne.jpg);}
       
.rating6 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/6Sterne.jpg);}

.rating7 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/7Sterne.jpg);}
       
.rating8 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/8Sterne.jpg);}
       
.rating9 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/9Sterne.jpg);}
       
.rating10 {
        display:block;
        width:264px;
        height:28px;
        background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/10Sterne.jpg);}
Und da wir den Selektor jetzt von span.x auf ratingx geändert haben, müssen wir im Template die Zeile:

Code:
<tr><th>$$rating_LABEL$$</th><td><span class="$$rating$$"></span></td></tr>
noch abändern in:

Code:
<tr><th>$$rating_LABEL$$</th><td><span class="rating$$rating$$"></span></td></tr>
Müsste dann jetzt eigentlich funktionieren.

Alternativ kannst Du aber eben auch folgendes machen:
CSS alles weglassen (rating0-ratingx) und anstatt:
Code:
<tr><th>$$rating_LABEL$$</th><td><span class="rating$$rating$$"></span></td></tr>
schreiben wir:

Code:
<tr><th>$$rating_LABEL$$</th><td><img src="http://www.photoshop-cafe.de/garion/garion/DVD/$$rating$$Sterne.jpg"></td></tr>
spart etwas Code, hast Du eh schon genug von ;)

Garion 01.03.11 13:31
Öööööh! Klappt super! Sowohl die erste (lange), als auch die zweite (kurze) Version. Habe mich dann für die Kurzversion entschieden. Danke euch zwei, ihr seid Spitze :ok: :clap:. Guckscht'de hier!

Jetzt noch eine Frage zum Schluss:
Darf ich die mit eurer Hilfe modifizierte Datei in die GC Star Community einbringen damit andere GC Star Nutzer was davon haben?

Ylloh 01.03.11 13:34
Der HTML-Code hat wohl nicht genug Schöpfungshöhe, dass du das nicht machen könntest *gg*

Aber ja nicht vergessen, das PSC zu erwähnen ;)

phoenix 01.03.11 13:54
Und verpass dem IMG Tag mal noch n alt="" und border="0".

Garion 01.03.11 13:54
Aber klar doch! Das ist zwar eine französische Community mit englischsprachigem Support Center, aber da schwirren bestimmt auch jede Menge Deutsche/Deutschsprachige rum ;)

Garion 01.03.11 20:00
Et voilá! ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:00 Uhr.
Seite 2 von 2 1 2
40 Beiträge dieses Themas auf einer Seite anzeigen

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02323 Sekunden mit 8 Queries