xa-media.com | Support Forum

[ehcmaster]

außerdem kommt man nich an die templates

[morpheus]

außerdem kommt man nich an die templates

sind auch nicht dringend notwendig,wenn du einen schon vorhanden style als grundlage für die änderung benutzt reicht das theme

[Fliegzeuger]

@morpheus: magst Dich nicht mal dran austoben und mir den Diddl-Style machen?

[morpheus]

@morpheus: magst Dich nicht mal dran austoben und mir den Diddl-Style machen?

mit etwas zeit und muse könnte ich dir einen erstellen.

[morpheus]

@fliegzeuger
wir fangen erstmal mit dem grundgerüst an.
- als grundlage nehmen wir subsilver2 (der umbau geht hier ganz einfach und der style macht fast jede schweinerei mit )

als grafiken benötigst du folgende:
------- hintergrund
------- verlauf
------- regenbogen
alle drei grafiken musst du erstmal im acp unter upload hochladen.

weiter geht es:
unter upload suchst du nun die erste grafik und zwar den hintergrund,rechtsklick - eigenschaften - und nun die url komplett kopieren.

jetzt:
-style
-themes
-subsilver2
-ändern
hier suchst du nun folgenden bereich (dieser befindet sich oberhalb)

Code: Alles auswählen

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #000000;
   background-image: url('xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');
   font-size: 67.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}

#wrapheader {
   min-height: 120px;
   height: auto !important;
   height: 120px;
/*   background-image: url('xxxxxxxxxxxxxxxxxxxxxxxxxxx');
   background-repeat: repeat-x;*/
/*   padding: 0 25px 15px 25px;*/
   padding: 0;
}

wichtig !!! kopiere meinen hier komplett und füge bei xxxx jeweils die vorher kopierte url von deiner hintergrundgrafik ein.

der hintgrund deines styles ist nun fertig,jetzt geht es an die tabellen.
als erstes machen wir den regenbogen-effekt.
wie schon davor,upload - regenbogen grafik suchen - rechtklick - eigenschaften - url kopieren.

nun wieder:
-style
-themes
-subsilver2
-ändern
such nun etwas mittig nach /* Tables und dort findest du:

Code: Alles auswählen

th {
   color: #FFA34F;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #006699;
   background-image: url('xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');
   white-space: nowrap;
   padding: 7px 5px;
}

wichtig !!!!! kopiere hier wieder meinen code komplett und setze bei den xxx deine kopierte url vom regenbogen ein.

und weiter:
jetzt kommt die verlaufsgrafik für die tabellen dran.
-upload
-such die kleine grafik die du hochgeladen hast (blau-gelb)
-rechts klick
-und url wieder kopieren

dann:
-style
-themes
-subsilver2
-ändern
such hier wieder den abschnitt /* Tables (ist etwas mittig) und dort suchst du folgendes:

Code: Alles auswählen

.catdiv {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background: white url('xxxxxxxxxxxxxxxxxxxxxxxxxxx');
}
.rtl .catdiv {
   background: white url('xxxxxxxxxxxxxxxxxxxxxxxxxx') repeat-y scroll top right;
}

.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #C7D0D7;
   background-image: url('xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');
   text-indent: 4px;
}

wichtig !!!!!! auch hier wieder meinen code komplett übernehmen und den anderen damit ersetzen.
in die xxx wieder die gespeicherte url einsetzen.

fast fertig,letzte schritte:
-upload
-such wieder die hintergrund grafik - rechts klick - eigenschaften - url kopieren.
dann:
-style
-themes
-subsilver2
-ändern
suche wieder den abschnitt /* Tables (ist etwas mittig) und dort suchst du folgendes:

Code: Alles auswählen

.row1 {
   background-image: url('xxxxxxxxxxxxxxxxxxxxxxx');
   padding: 4px;
}

.row2 {
   background-image: url('xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');
   padding: 4px;
}

.row3 {
   background-image: url('xxxxxxxxxxxxxxxxxxxxxxxxxxx');
   padding: 4px;
}

wichtig !!!!!! auch hier wieder meinen code komplett übernehmen und den anderen damit ersetzen.
in die xxx wieder die gespeicherte url einsetzen.

hast du alles richtig gemacht sieht der style nun so aus:


nun sieht der style schon anderst aus,wenn du dies alles gemacht hast melde dich wieder.
dann geht es an die änderung der button.

[Fliegzeuger]

Ach, morpheus... das ist ja große Klasse!!! Ich lade mir das alles runter und am Wochenende beschäftige ich mich damit. Da werden sich meine Mädels aber freuen. Hoffentlich bekomme ich das hin. Wenn's ganz den Bach runter geht, habe ich mir den Original Style schon mal abgespeichert, damit ich das grad wieder einkopieren kann.

Wie kann ich mich denn erkenntlich zeigen? Freue mich wirklich. Ganz lieben Dank!

[morpheus]

Wie kann ich mich denn erkenntlich zeigen? Freue mich wirklich. Ganz lieben Dank!

kein problem,dein dank reicht schon......

ps:vergiß aber nicht nach den änderungen den cache zu leeren !!!!!

sag bescheid wenn du soweit bist,dann erkläre ich dir noch die button.
sieht dann später so aus:

[Fliegzeuger]

Wollte mich grad dran setzen.... da kam mir eine Frage auf:

Kann man den subsilver2 auch duplizieren? Würde den Style an sich ja auch als Alternative beibehalten wollen für diejenigen, die nicht auf Diddl stehen, wie meiner einer.

Kann ich da einfach einen anderen Style nehmen und den kompletten Code von subsilver dafür einfügen? Also wenn ich jetzt prosilver nehme, den Code von subsilver einkopiere, geht das?

Ach ja... wollte mir grad die Grafiken laden, aber irgendwie werden mir keine angezeigt. Dafür steht "Bild" da. Kannst Du mal schauen?

EDIT: Hab grad einen neuen Style erstellt namens "Diddl". Als optionale Grundlage habe ich den Subsilver2 verwendet! Unter "Themes" erscheint der Style aber nicht! Muß ich da noch was machen? Sieht jetzt so aus:

[morpheus]

moin fliegzeuger

ja bei den grafiken steht nur bild,liegt aber wiedermal an myimg server wo ich die bilder hochgeladen habe.
ich stelle sie dir noch einmal über einen anderen hoster ein.

wegen subsilver2,nimm den style für die umbauten auf diddl.
wie du geschrieben hast, hast du den code von subsilver2 ja kopiert und gesichert.
in deinem bild sehe ich, dass fisubice2 nur durch einen person benutzt wird,dieser style hat fast die selbe grundlage wie subsilver2.
du kannst also den kopierten code von subsilver2 komplett in diesen fisubice2 übernehmen,bei prosilver
geht es nicht.

also noch einmal im schnelldurchgang:
subsilver2----- bearbeiten wir für den diddl-style.
fisubice2 ----- dort fügst du den original code von subsilver2 ein,wenn du es behalten willst.
lösche den von dir erstellten diddl-style wieder,weil das funktioniert nicht (hätte man eigentl. in den einstellungen auch weglassen können).ein neu erstellter style ist lediglich ein duplikate eines schon vorhanden style,änderst du also den vorhanden style wird auch das duplikate paralell sein aussehen verändern.
------- hintergrund
------- verlauf
------- regenbogen

[Fliegzeuger]

So, hab alles hinbekommen, gleich beim ersten Mal... Hast es wunderbar und sehr verständlich erklärt. Bist echt Klasse. Schau mal... ist doch alles richtig, oder?




Habe auch schon ein Paar Buttons geändert:



Leider habe ich nicht alle Buttons. Bei diesem Bild fehlen mir noch die 3 Linken: