Wir basteln uns ein Inventar
Verfasst: 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.
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
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; }
Weiteres folgt.
Liebe Grüße