Wir basteln uns ein Inventar

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Antworten
Benutzeravatar
Latzhosenträger
großer Laubbär
Beiträge: 3309
Registriert: 2. Apr 2008, 15:14

Wir basteln uns ein Inventar

Beitrag von Latzhosenträger » 14. Jan 2011, 17:10

Heyho,

Ich würde gerne das Inventar optimieren, so dass es für jeden Style nutzbar ist. Ausgangspunkt ist das CID Inventar wie man es im Kasperstyle und im Better Sunfire findet.

Code: Alles auswählen

/* Inventarveränderungen (CID)*/
	p.listitemrow { position: relative; padding: 2px 4px 3px 4px; font-size: 1px; color: transparent; border: 1px solid #BABABA; }
	p.listitemrow:hover { padding: 2px 65px 3px 4px; }
	p.listitemrow + p { margin-top: 3px; }
	p.listitemrow a[href*="action=activate"] { display: block; height: 0px; color: #ece9e6; margin: -2px 0px 0px 0px; }
	p.listitemrow:hover a[href*="action=activate"]:before { content: url(images/act.png); position: absolute; top: 2px; right: 47px; opacity: 0.80; }
	p.listitemrow:hover a[href*="action=activate"]:hover:before { opacity: 1.00; }
	p.listitemrow b { font-size: 11px; color: #000000; }
	.itemamount { font-size: 11px; margin-right: 1px; }
	.itemmagic { font-size: 11px; margin-left: 1px; }
		.itemequipped b { color: #D20000 !important; }
	p.listitemrow .iteminventorypics { max-height: 14px; opacity: 0.80; }
	p.listitemrow .iteminventorypics:hover { opacity: 1.00; }
	p.listitemrow img[src$="icon_transfer.gif"] { display: none; }
	p.listitemrow img[src$="icon_drop.gif"] { display: none; }
	p.listitemrow img[src$="icon_view.gif"] { display: none; }
	p.listitemrow:hover img[src$="icon_transfer.gif"] { display: inline-block; position: absolute; top: 3px; right: 2px; }
	p.listitemrow:hover img[src$="icon_drop.gif"] { display: inline-block; position: absolute; top: 4px; right: 16px; }
	p.listitemrow:hover img[src$="icon_view.gif"] { display: inline-block; position: absolute; top: 4px; right: 28px; }
	p.listitemrow span.medium { font-size: 0; color: transparent; }
	p.listitemrow span.medium a { font-size: 0; color: #FF0000; display: block; height: 0px; margin: -2px 0px 0px 300px; }
1. Ist es möglich, das man auf den runden Kreis verzichtet, und den Itemnamen zum Link verwandelt? (Die Farbe sollte sich nicht ändern).

Weiteres folgt.

Liebe Grüße

Benutzeravatar
Yakumo
Kopolaspinne
Beiträge: 1080
Registriert: 27. Dez 2005, 13:40
Wohnort: Tempel von Belron

Re: Wir basteln uns ein Inventar

Beitrag von Yakumo » 14. Jan 2011, 18:40

evtl. statt dem roten punkt ein transparentes gif einbinden und über dem namen positionieren ?!?
Y - Welt 11

Benutzeravatar
Latzhosenträger
großer Laubbär
Beiträge: 3309
Registriert: 2. Apr 2008, 15:14

Re: Wir basteln uns ein Inventar

Beitrag von Latzhosenträger » 14. Jan 2011, 18:56

Das ist schwer, weil viele Namen unterschiedlich lang sind (vorallem gibts ja auch Zweizeiler.)

Benutzeravatar
kaot
Vulkandämon
Beiträge: 7254
Registriert: 19. Jan 2005, 23:42
Kontaktdaten:

Re: Wir basteln uns ein Inventar

Beitrag von kaot » 14. Jan 2011, 22:41

hm, transparentes gif über 80% (oder so) einer zeile?
Bazinga!

Benutzeravatar
kaot
Vulkandämon
Beiträge: 7254
Registriert: 19. Jan 2005, 23:42
Kontaktdaten:

Re: Wir basteln uns ein Inventar

Beitrag von kaot » 15. Jan 2011, 16:27

Itemnameganzdoll |gifende Anschauen|Ablegen|Transfer
lang

Itemkurz |gifende Anschauen|Ablegen|Transfer

wieso sollte das bei unterschiedlicher Namenslänge irgendwo überschneiden? Für sowas kann man Bilder doch rechtsbündig anlegen
Bazinga!

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 41 Gäste