Felder unterhalb Schreibfeldes farbig verändern

Spiderman-21

Hallo, zusammen !

In diesem Posting wurde die schwer lesbaren Felder unterhalb des Schreibfeldes im Forum dargestellt und gelöst.

Nun möchte ich diese drei Felder gerne farbig verändern. Z.B. in Dunkelblau oder Schwarz.

Wer kann mir helfen?

Spiderman-21

Zusatz: Die Felder oben rechts Mit Zitat antworten etc. sollen ebenfalls verändert werden.

:arrow: Den Thread bitte in Anpassungen verschieben! Sorry! :-??

2002Andreas

Meinst du das so ?

[Blockierte Grafik: http://www8.pic-upload.de/thumb/07.08.11/wtij24e3mvek.jpg]

Wenn ja, dann teste das bitte mal

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(http://www.camp-firefox.de/forum/posting.php){




INPUT[type="submit"][class="button2"][value="Entwurf speichern"][name="save"][tabindex="7"][accesskey="k"],
INPUT[type="submit"][onclick="document.getElementById('postform').action += '#preview';"][class="button1"][value="Vorschau"][name="preview"][tabindex="5"],
INPUT[type="submit"][class="button1 default-submit-action"][value="Absenden"][name="post"][tabindex="6"][accesskey="s"]{
background:darkblue !important;
color:white !important}
}

Alles anzeigen

Spiderman-21

Danke Andreas, genau so wollte ich das mit der blauen Farbe.

Bekommst Du das auch hin, mit den Feldern oben rechts??? Das wäre klasse. :klasse:

Brummelchen

Warum schreibst du deine Anfrage nicht dort ins Thema, wenn es direkt damit zu tun hat?
Ein zweites Thema dazu war unnötig und bringt nur mehr Berwirrung
► https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=87476
Oder hier
► https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=85870

Spiderman-21

Zitat von Brummelchen

Warum schreibst du deine Anfrage nicht dort ins Thema, wenn es direkt damit zu tun hat?
Ein zweites Thema dazu war unnötig und bringt nur mehr Berwirrung
► https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=87476
Oder hier
► https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=85870

Ich war der Meinung, es handelt sich um ein neues Thema bzw. neue Anfrage!

2002Andreas

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(http://www.camp-firefox.de/forum/viewtopic.php){




A[title="Ändere Beitrag"]{
-moz-appearance: none !important;
width:120% !important;
margin: 0px 10px 10px -13px !important; 
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAXCAMAAACf6/lXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFMwDMAABmMwDMMQDILwDDLAC/KgC6KAC2JgCxIwCtIQCpHwCkHQCgGwCbGACXFgCSFACOEgCJEACFDQCBCwB8CQB4BwBzBABvAgBqAABmAAAA//8A7u7uWj+BdV9sx78qq58/498Vc19mx78pq589j39S4t8UVT94OR+MjX9NqZ86NB+E4t8SUT9xp582in9JbV9bxL8krJ9AdF9pcV9kqp88xr8ocF9gxr8mbl9eqJ84xb8lWD9+PB+TkH9UVz97VD90i39LUD9t4d8SMx9/yL8rjn9QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE1IEOQAAAAlwSFlzAAAPEgAADxIBIZvyMwAAATJJREFUOE+tj+lOg1AQhUlcK5u7CTcVLLSUpViwpUi1Vqy+/yN57p1r4K/JfAnM6Zzpl2B4TBjeEQue4R2zANEJCxCdsgDRGQsQnUvE4K3if4FoRIyFkONRiErNCgvJUzWigLVefY8HZ/rvEF0QfiDkeAmQ1Hzz1f7d36lCole7YHCmK4hMxSQ0o6mckWmGeCbRR/jXCAqmqVfTaHCmK4gsxSy25rO5Za3W+FGvMeOamrimT1shUhI/gzM6siCyJYk6SG17g8e2m3ST7hvV2PtGUJCRZpL0Z7qCyAFZnsmRL5zXVgZnm7eLrUpZ+ylUAHqF2Z/pCiIXFM/y7S5Ld1mo5JZFR5/xVRwooOhKKruyP6ONC9ElCxBdsQDRNQsQ3bAA0S0LEN2xANE9CxA9sAARE7/WNXXMOZVpSgAAAABJRU5ErkJggg==") !important;}




A[title="Ändere Beitrag"]:hover{
-moz-appearance: none !important;
width:120% !important;
margin: 0px 10px 10px -13px !important; 
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAXCAMAAACf6/lXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRF/wAAzAAA/wAA/QAA+wAA+AAA9gAA9AAA8gAA7wAA7QAA6wAA6QAA5wAA5AAA4gAA4AAA3gAA3AAA2QAA1wAA1QAA0wAA0AAAzgAAzAAAAAAA////7u7u8z8/9V9f+r+/+J+f/N/f8l9f95+f9X9/7j8/6x8f839/9p+f5x8f+9/f6j8/9J+f8H9/7F9f97+/+Z+f819f8V9f+b+/8F9f7l9f+L+//d/f8T8/7x8f9n9/8D8/7T8/8X9/6T8/5R8f+7+/9H9/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAl5MjhgAAAAlwSFlzAAAPEgAADxIBIZvyMwAAATBJREFUOE+tj+tOg0AQhUm8tsvFuwkbulBKuXQtWGrVWlHf/6U8u7Om/DWZL4E5nTn9EryYCS8+YSH24lMWIDpjAaJzFiC6YAGiS4McvW38LxBNiETOzJhJ2dnZJdLy2k0oYO1W38mo5v4O0ZRQaWbGc4pk55uy+3e1l64ydat9Oqq5G0TCMlciX5iZC6HwzPMP9XeRFIRwq0U+qrkTRL4lK/xltvT9TYUffYVZ9HQpevq0DSIl+TOqUcmHKDCUtlAFwRZPEPTVtjr09hIceknBRJpleay5E0QhqJvajGYVvmgTwl2jVzubav0pbQBuhXmsuRNEEdBP5h2t22itbYpaPdBnNPqLAg5DS8ehPdZoE0F0xQJE1yxAdMMCRLcsQHTHAkT3LED0wAJEjyxAxMQvDMR0BY60yNAAAAAASUVORK5CYII=") !important;}




A[title="Mit Zitat antworten"]{
-moz-appearance: none !important;
width:115% !important;
margin: 0px 8px 0px -8px !important; 
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAZCAMAAABKI/MZAAAA5FBMVEUzAP8AAJkzAP8xAPsvAPctAPMrAO8pAOsnAOclAOIjAN4hANofANYdANIbAM4YAMoWAMYUAMISAL4QALoOALYMALEKAK0IAKkGAKUEAKECAJ0AAJkAAJn//wDu7u52X41bP6k+H8Lj3xuRf29YP6N0X4hXP6Dj3xpzX4VxX4Pi3xpVP52Nf2fi3xk3H7Son0vFvzI0H7DEvzFsX3mrn1HIvzdaP6bHvzbHvzXGvzTGvzNUP5pRP5enn0pQP5QzH60xH6nEvzDh3xiJf2GQf207H7uqn05wX4A8H76Pf2s5H7dOP5FqOLKhAAABQUlEQVQ4ja2S207CQBRFSbyWDm3HuwkTtdaqVLAFVG7lUgEF//9/3NOZ6fBmTM56OZtVWCGBWpOKWnOPBpT2aUDpgAaUDmlA6YgGlI5pQMlxnBthuHUc4VTszD9BqV5xF96r8fZe/zcouYYofJCn736o7xdhulH5Ily632FfL+si61yUmCZ+fCqvYGwQMz1XSuKshFqDjXWx2GjHGEoNxXMrUUM0GsNqJkP9dL1tqbVdW5doJw1KXslLu6OGJzxvNDbzy/wUo05bP99x45Ey8qLkS17TzNcI308nZk5SbbOsbd5gnVnyohSAbjeoEEGQ53JMZyKYFdNS5vmsMG+wbqo/Ji9KnPNe9X/qcS44ny8wi085e0XpF/N5wQ2V+1koIS9KJzSgdEoDSmc0oHROA0oXNKB0SQNKVzSgdE0DSlT8AvTqi5EaVwcvAAAAAElFTkSuQmCC") !important;
}




A[title="Mit Zitat antworten"]:hover{
-moz-appearance: none !important;
width:113% !important;
margin: 0px 8px 0px -8px !important; 
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAZCAMAAABKI/MZAAAA5FBMVEX/AACZADP/AAD7AAL3AATzAAbvAAjrAArnAAziAA7eABDaABLWABTSABbOABjKABvGAB3CAB++ACG6ACO2ACWxACetACmpACulAC2hAC+dADGZADP/AAD////u7u7sX2jpP0riHy363+Huf4fjP03nX2rgP0753+HlX2ziX23dP1Dmf4v43+LUHzTrn6nxv8bQHzfwv8bYX3Pxn6b2v8PmP0v1v8P0v8Tzv8Tyv8XaP1HXP1Tpn6rUP1XNHznJHzvvv8f33+Pgf4/sf4jbHzHun6fgX2733+LeHy/qf4nXHzPRP1dGQuGpAAABQUlEQVQ4ja2S207CQBRFSbyWDm3HuwkTtdZWEaQUlVuBoiCC//8/7unMdHgzJme9nM0qrJBArUlFrblHA0r7NKB0QANKhzSgdEQDSsc0oOQ4zo0w3DqOcCp25p+gVK+4C+/VeH2r/xuUXEMUPsjTd9/V94sw3ah8EX6632FfL+si61yUmCZOHssrGBvETM+lkjhLodZgY10sNtoxhlJD8ZS01BCNxrCaraF+utomam1X1rW0kwYlr+S53VHDE543Gpv5ZX6KUaetn++48UgZeVHyJS/d1NcI3+9OzJx0tU3TtnmDdWbJi1IAer2gQgRBnssxnYlgtp6WMs9na/MG66b6Y/KixDnPqv9TxrngfF5gLj7kzBalL+bzBTdU7qdQQl6UTmhA6ZQGlM5oQOmcBpQuaEDpkgaUrmhA6ZoGlKj4BY9piy4bMv89AAAAAElFTkSuQmCC") !important;}}

Alles anzeigen

Mit den Button geht das nicht so einfach, das sind normalerweise fertige Icons gleich mit Text. So wie die Button oben im Code sind mußte ich sie mir erst selber erstellen.

[Blockierte Grafik: http://www8.pic-upload.de/thumb/07.08.11/ks5mxru7sxso.jpg]

Spiderman-21

Besten Dank für die schnelle Hilfe und für Deine Mühen. :klasse:

Die Buttons gefallen mit sehr gut, vor allen Dingen verändern sie die Farbe, wenn ich mit der Maus drüberfahre. Echt klasse gemacht und vielen Dank. :klasse:

2002Andreas

Zitat von Spiderman-21

Besten Dank für die schnelle Hilfe und für Deine Mühen.

Freut mich wenn ich dir damit helfen konnte, bitte, gern geschehen.

Zitat von Spiderman-21

verändern sie die Farbe, wenn ich mit der Maus drüberfahre

Das bewirkt der Zusatz: hover