Software Frage zu Programmiersprache - Seite 2 - Photoshop-Cafe.de :: Dein Photoshop-Forum

**Garion** · #11 01.03.11, 12: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** · #12 01.03.11, 12: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** · #13 01.03.11, 12: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** · #14 01.03.11, 13: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?

Daran lag's aber leider auch nicht.

**phoenix** · #15 01.03.11, 13: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** · #16 01.03.11, 14: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

. 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** · #17 01.03.11, 14: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** · #18 01.03.11, 14:54

Und verpass dem IMG Tag mal noch n alt="" und border="0".

**Garion** · #19 01.03.11, 14: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** · #20 01.03.11, 21:00

Et voilá!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Software c++ frage ...	paradox	Installation, Konfiguration, Hardware und Software	3	01.03.11 13:14
IQ-Frage	gelöschter User	Lounge	40	17.02.11 21:49
Frage zu Tut	GrimmeL	Hilfestellung, Tipps und Tricks	12	27.12.10 21:32
CSS Frage	Dagger	Hilfestellung, Tipps und Tricks	2	12.04.10 00:50
Ich hab ne Frage	Sinux	Lounge	14	08.04.10 17:51

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)