So, jetzt ist das Design ziemlich fertig (und ich auch). "Schwarzseher" wird es zwar schaudern, aber ich mag es lieber etwas heller.
[Blockierte Grafik: http://www7.pic-upload.de/thumb/20.03.13/91veppc1chm.png]
So, jetzt ist das Design ziemlich fertig (und ich auch). "Schwarzseher" wird es zwar schaudern, aber ich mag es lieber etwas heller.
[Blockierte Grafik: http://www7.pic-upload.de/thumb/20.03.13/91veppc1chm.png]
Hatten wir das schon?
about:crashes
[Blockierte Grafik: http://www10.pic-upload.de/thumb/20.03.13/wrpv6fry1edj.png]
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:crashes") {
h1:before{
content: "Von Andreas: " !important;
margin-left:10px!important;
color:red !important;
font-weight:bold !important;
font-size:24px!important }
#clear-reports{
-moz-appearance:none!important;
background: blue url("data:image/gif;base64,R0lGODlhEAAQAOZOAP///3F6hcopAJMAAP/M//Hz9OTr8ZqksMTL1P8pAP9MDP9sFP+DIP8zAO7x8/D1/LnEz+vx+Flha+Ln7OLm61hhayk0QCo1QMfR2eDo8b/K1M/U2pqiqcfP15WcpcLK05ymsig0P2lyftnf5naBi8XJzZ6lrJGdqmBqdKissYyZpf/+/puotNzk66ayvtbc4rC7x9Xd5n+KlbG7xpiirnJ+ivDz9KKrtrvH1Ojv9ePq8HF8h2x2gvj9/yYyPmRueFxlb4eRm+71+kFLVdrb3c/X4KOnrYGMl3uGke/0+5Sgq1ZfaY6Xn/X4+f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAexgE6CggGFAYOIiAEPEREPh4lOhpOUgwEAmJmaABuQAUktMUUYGhAwLiwnKp41REYmHB5MQUcyN0iQTjsAHU05ICM4SjMQJIg8AAgFBgcvE5gUJYgiycsHDisCApjagj/VzAACBATa5AJOKOAHAAMMDOTvA05A6w7tC/kL804V9uIKAipA52QJgA82dNAQRyBBgwYJyjmRgKmHkAztHA4YAJHfEB8hLFxI0W4AACcbnQQCADs=") no-repeat !important;
color:white;
height:25px!important;
padding-left:25px!important;
margin-right:40px!important;
background-position:5px 3px!important;
border-radius:10px!important}
#clear-reports:hover{
-moz-appearance:none!important;
background: red url("data:image/gif;base64,R0lGODlhEAAQAOZOAP///3F6hcopAJMAAP/M//Hz9OTr8ZqksMTL1P8pAP9MDP9sFP+DIP8zAO7x8/D1/LnEz+vx+Flha+Ln7OLm61hhayk0QCo1QMfR2eDo8b/K1M/U2pqiqcfP15WcpcLK05ymsig0P2lyftnf5naBi8XJzZ6lrJGdqmBqdKissYyZpf/+/puotNzk66ayvtbc4rC7x9Xd5n+KlbG7xpiirnJ+ivDz9KKrtrvH1Ojv9ePq8HF8h2x2gvj9/yYyPmRueFxlb4eRm+71+kFLVdrb3c/X4KOnrYGMl3uGke/0+5Sgq1ZfaY6Xn/X4+f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAexgE6CggGFAYOIiAEPEREPh4lOhpOUgwEAmJmaABuQAUktMUUYGhAwLiwnKp41REYmHB5MQUcyN0iQTjsAHU05ICM4SjMQJIg8AAgFBgcvE5gUJYgiycsHDisCApjagj/VzAACBATa5AJOKOAHAAMMDOTvA05A6w7tC/kL804V9uIKAipA52QJgA82dNAQRyBBgwYJyjmRgKmHkAztHA4YAJHfEB8hLFxI0W4AACcbnQQCADs=") no-repeat !important;
color:black;
height:25px!important;
padding-left:25px!important;
background-position:5px 3px!important;
border-radius:10px!important}
a{
background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACmElEQVQ4jZXP20tTARwH8EP/RA+996L2ohOC3oWgN6M3K/WhoCB8a1jN3MWHNeduKmelY22QhZZjUWgpq6lrmOPMbceju8Wcm7q2nV3OZTvn20uJCZX94Avfl+8HfgRxyrPb7b12uz1HkqQwMTFhOu2OIAiCGB8fP0eSZCadToOiKFit1pf/BZAk2e31epHNZmE2m4smk2ludHTUrdfrjacCbDbb1fn5eUSjURiNRsZgMNSWl5cxMjIi/XOsUqnOWCwWfzAYBEVRCAQCoCgKKysr0Gg0OWLL0x5K+XrE9Kcbx3JdZLyX4tY3Yb1+Zkdwzn1GJBLBwsIC3G43pqenoVarMyqVqpdgPApeliUAMiDLwM8eiO5B9yKF16sHGHTEYXUtwvV0uPlhVnnoNPcZlErlWYIgCIKZ7SjJTQ58xoBaYgy11BR8q34Mu5LwrBXwbr0A58c8+g0RyI3vgCQKzKxi8+jHrZlOVhLLqCUsqO6YsbT0CsapRWw4+sFYFH/MMaBDbNRz2Pc/RNJ5Gb7xHiScV1AoszgsVpDcLSB3UIAklCEJJQA4Abg6RUAGJB6Q6mCrVchiDnTsLfyrM8jQJnCpB6jHB1DbvgVJyJ8AHApBbtbRZNfQKL5HMWkBn9Ej/HUSdGgMXPox6vG7qDE3UY1dg8Tv/Q4wkwpeElmIBQ+E/HPwWSu4bxpw6SFwKSW41CBqTC8q0W6w4S5IQu4EYFFwsliEkHeA3x0Dlx5CPTGAGtOHaqwblXAX2NBFlNcvoBQ8jwb7BYxFwR0BtKE9KxZ3StW4W6puP0OFsaFCG1CJacFuPgIbvo8yNYBy6A7KG7fB7/vkrSftpSMgqm65F9O1uWlt2z6ta+X+Gm0rR+tayzFti/nX/gcwUkLfFByGBgAAAABJRU5ErkJggg==") no-repeat !important;
color:black!important;
font-size:12px!important;
text-decoration:none!important;
max-width:260px!important;
padding-left:35px!important;
border-width:2px!important;
border-color: dodgerblue!important;
border-style: outset !important;
background-position:10px 0px!important;
border-radius:14px!important;}
a:hover{
background: #B2EDFA url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACmElEQVQ4jZXP20tTARwH8EP/RA+996L2ohOC3oWgN6M3K/WhoCB8a1jN3MWHNeduKmelY22QhZZjUWgpq6lrmOPMbceju8Wcm7q2nV3OZTvn20uJCZX94Avfl+8HfgRxyrPb7b12uz1HkqQwMTFhOu2OIAiCGB8fP0eSZCadToOiKFit1pf/BZAk2e31epHNZmE2m4smk2ludHTUrdfrjacCbDbb1fn5eUSjURiNRsZgMNSWl5cxMjIi/XOsUqnOWCwWfzAYBEVRCAQCoCgKKysr0Gg0OWLL0x5K+XrE9Kcbx3JdZLyX4tY3Yb1+Zkdwzn1GJBLBwsIC3G43pqenoVarMyqVqpdgPApeliUAMiDLwM8eiO5B9yKF16sHGHTEYXUtwvV0uPlhVnnoNPcZlErlWYIgCIKZ7SjJTQ58xoBaYgy11BR8q34Mu5LwrBXwbr0A58c8+g0RyI3vgCQKzKxi8+jHrZlOVhLLqCUsqO6YsbT0CsapRWw4+sFYFH/MMaBDbNRz2Pc/RNJ5Gb7xHiScV1AoszgsVpDcLSB3UIAklCEJJQA4Abg6RUAGJB6Q6mCrVchiDnTsLfyrM8jQJnCpB6jHB1DbvgVJyJ8AHApBbtbRZNfQKL5HMWkBn9Ej/HUSdGgMXPox6vG7qDE3UY1dg8Tv/Q4wkwpeElmIBQ+E/HPwWSu4bxpw6SFwKSW41CBqTC8q0W6w4S5IQu4EYFFwsliEkHeA3x0Dlx5CPTGAGtOHaqwblXAX2NBFlNcvoBQ8jwb7BYxFwR0BtKE9KxZ3StW4W6puP0OFsaFCG1CJacFuPgIbvo8yNYBy6A7KG7fB7/vkrSftpSMgqm65F9O1uWlt2z6ta+X+Gm0rR+tayzFti/nX/gcwUkLfFByGBgAAAABJRU5ErkJggg==") no-repeat !important;
color:black!important;
font-size:12px!important;
text-decoration:none!important;
max-width:260px!important;
padding-left:35px!important;
background-position:10px 0px!important;
border-radius:14px!important;}
#tbody > tr > td:last-child{
background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4jbXTMQrEIBAF0BSedM+x58ghPEPOkMrewkbQRhJIMR9mK5cx7maSQIoPNv+N4DgQwM6aWyGAB2cNY74XZ81DgA+JCeBl3b7xIZ0DlnVjApgAfr/MIdIB+8kSiLmwD6lBOqBOl0DMpbmBCsiJFajFej4EptE0qWWZv0DMpcslQCK/iuoryNfQyuomauVnV/kSsP/O03j+TAB/AJI4Aart7O9BAAAAAElFTkSuQmCC") no-repeat !important;
color:black!important;
font-size:12px!important;
min-width:45px!important;
padding-left:35px!important;
border-color: dodgerblue !important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 0px!important;
border-radius:14px!important;}
#tbody > tr > td:nth-child(2){
background: gainsboro url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMi8xNy8wOCCcqlgAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMS1jMDM0IDQ2LjI3Mjk3NiwgU2F0IEphbiAyNyAyMDA3IDIyOjExOjQxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4YXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eGFwOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzM8L3hhcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhhcDpDcmVhdGVEYXRlPjIwMDgtMDItMTdUMDI6MzY6NDVaPC94YXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhhcDpNb2RpZnlEYXRlPjIwMDgtMDMtMjRUMTk6MDA6NDJaPC94YXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDUdUmQAAAGGSURBVDiNpZPBSiNBFEXPq6rQHYIIbgxJVgOzcj1glv6JKz8j3yG4FVz4EbMz/oCLMIwrMyaLIElLWk1VPRfVrcN0xmHwQsGl6tV9l8d9oqp8BnImogcijYf4e1F1/sSNKi4Hvt3dAXDb77N/egp5zq/jY74+PoIIPzodehcXUBTMT074Mp0C8LPfRy5F9GiLugIqgtYOVBsuvgPu5fyc5eFhU8EYYp4Td3bQLEM2G0xRIGWJhADAy/U1DmAwGAAwm83odrvvfG8PNYap9/TyHMky7hcLeru7730ARAQRwVrb4AZoPT9jqjrT6SDGINXgXS0A4JzbylveY1RBBJtl6V4VtTYJ1HDObeWt6gNAK3VMg263MZPJhBACIQRWq9V2vlwSvCeEwLIs8YAHbubz5CDGFJv1ev0xV6V8eCC228matWmIMUZijG+Ff+Uh8LRYEL0nxIhsNslBvQ9lWf6TPxUFhIDEmHIxGo10OBw2g/QB1FqwlvHVVXIwHo//S6BGFfHPrfMrUwzl0rb83W0AAAAASUVORK5CYII=") no-repeat !important;
color:black!important;
font-size:12px!important;
padding-left:35px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-width:2px !important;
background-position:10px 0px!important;
border-radius:14px!important;}
}
Alles anzeigen
Hallo Andreas.
Wir haben nur, den Button ganz oben rechts gemacht. Alles andere fehlte noch.
Vielen Dank. :klasse:
Mfg.
Endor
Danke, wünsche ich dir auch.
andreas: ich habe ja bei "meinem" Design (für about:) den Fuchs, die Versionsangabe und den Autorennamen in die Mitte des Containers gerückt. Nachdem ich mit den Hintergrundfarben rumgespielt habe fiel mir auf dass bei einigen dunkleren Versionen der Container-Rahmen nicht mehr zu sehen war. Mit welchem Code kann ich diesen auch bei hellem Hintergrund unsichtbar machen?
aborix: ich soll dich fragen, ob man die Icons (nur Icons, nicht den folgenden Text) etwas tiefer setzen kann. Ich hatte bereits gefragt ob man die circles bzw. discs auch anders färben könnte, dazu meintest du es ginge wohl nicht, man könne nur ein anderes Icon einbauen. Deshalb schätze ich wird auch das Tiefersetzen der Icons nicht möglich sein, sie sind wohl unmittelbar mit den folgenden Textzeilen verbunden, oder habe ich etwas falsch verstanden? Andreas meint dass die Unterkante des Icons auf der gleichen Höhe wie die Unterkante des Textes sitzt und deshalb keine "Versenkung" möglich ist. Ich hatte auch schon erfolglos rumprobiert.
Zitat von Artistder Container-Rahmen nicht mehr zu sehen war
Teste das bitte mal.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:") {
html > body{
border:none!important}
}
oder auch..
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:") {
html > body{
background:none!important;
border:none!important}
}
da alles scheinbar einen Rahmen hat ..
Funktioniert beides nicht, aber vielleicht habe ich mich falsch ausgedrückt. Es soll nicht der ganze farblich abgesetzte Hintergrund verschwinden, sondern nur der Rahmen um den Fuchs und die beiden Textzeilen
Edit: hatte den letzten Code noch nicht gesehen, teste ihn gleich noch
andreas: der neue Code bringts ... danke (jetzt muss ich mir nur noch überlegen ob es mir ohne Rahmen besser gefällt )
Und bei der Version werde ich noch ein anderes Icon einbauen, da es bei "Mitwirkenden" auch schon benutzt wird
[Blockierte Grafik: http://www10.pic-upload.de/thumb/21.03.13/vioox73g3uu6.png]
Zitat von Artistanderes Icon einbauen,
data:image/gif;base64,R0lGODlhEAAQANUvAP////r7/fj6++/z98kdAPH1+PT2+e3x9unv85kAAP8zAPb4+nqHkyczPiYyPm54g/D0+O7y9mVwevX4+nB6hzA7RoKNmv7+/3N+io6apXqGkyk1QDQ/SWNtd2t1geju8nWBjXqGkmhzfunv9DdCTWZveuvw9Orv8+zw9fP1+XyIlXiDkYuXoyUxPoyYo////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAC8ALAAAAAAQABAAAAadwJdw+MpkiEgiCwBwJS0qBkOzYjJXGqnKErJaLxcvMwQCBM6Es1oNAGEAAgFBHq/HARgKYLJQEBQLCwR/CxMAFA8AKQYEjAaPBgoGKQAPHgAQBQmaBZ0KnRAAHiIAEQOnqASoEQAiEgAoB7KzCbUHKAASHQAfCL4nJiYnvggfAB0lYgAjI8olFRsNDQ4tXg4O0hsVSRxMHEngJCTgQQA7
[Blockierte Grafik: http://www10.pic-upload.de/thumb/21.03.13/axbr8tw13krr.jpg]
haben wir aber unten auch schon ... bei Versionshinweise ... (ich weiß, ich bin unmöglich!)
Edit - hab die Buchversion gerade erst gesehen, das hat sich überschnitten. Eine Bitte: weg mit den grünen Mars-Männchen
Das Buch-Icon wird bei mir nicht angezeigt, wenn ich das Fuchs-Icon einstelle klappt es dagegen problemlos. Keine Ahnung warum. Kann aber erst am Abend wieder auf Spurensuche gehen - die Arbeit ruft.
Der kompl. Code dazu.
#version{
background: gainsboro
url("data:image/gif;base64,R0lGODlhEAAQANUvAP////r7/fj6++/z98kdAPH1+PT2+e3x9unv85kAAP8zAPb4+nqHkyczPiYyPm54g/D0+O7y9mVwevX4+nB6hzA7RoKNmv7+/3N+io6apXqGkyk1QDQ/SWNtd2t1geju8nWBjXqGkmhzfunv9DdCTWZveuvw9Orv8+zw9fP1+XyIlXiDkYuXoyUxPoyYo////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAC8ALAAAAAAQABAAAAadwJdw+MpkiEgiCwBwJS0qBkOzYjJXGqnKErJaLxcvMwQCBM6Es1oNAGEAAgFBHq/HARgKYLJQEBQLCwR/CxMAFA8AKQYEjAaPBgoGKQAPHgAQBQmaBZ0KnRAAHiIAEQOnqASoEQAiEgAoB7KzCbUHKAASHQAfCL4nJiYnvggfAB0lYgAjI8olFRsNDQ4tXg4O0hsVSRxMHEngJCTgQQA7")no-repeat!important;
margin-left: 15px!important;
margin-right: 75px!important;
padding-left: 32px!important;
max-width: 120px!important;
margin-top: 2px!important;
height: 20px!important;
border-color: dodgerblue!important;
border-style: outset!important;
border-width: 2px!important;
font-size: 14px!important;
background-position: 10px 2px!important;
border-radius: 14px!important;
color: black!important; }
Alles anzeigen
Zitat von 2002AndreasMeinst du ich hebe deine 500x geänderten Codes alle auf?
Nein, aber doch sicher die schönsten
Zitat von 2002Andreasdie süssen kleinen Monster
die kamen doch von aborix, vielleicht steht der auf grün :mrgreen:
Ich hätte dir den ganzen Code ja rübergeschaufelt, man lässt mich aber nicht, er ist zum Hochladen zu groß. Kannst ihn aber gern in zwei Teilen haben (wenn du willst)