Beiträge von FuchsFan

FuchsFan

Zitat von 2002Andreas

Habe ich hier mit dem Code auch nicht:

Du hast Win10, ich Win11, ob es damit in Verbindung gebracht werden kann?

FuchsFan

Zitat von 2002Andreas

Wie lautet denn dein kompl. Code für die Seite?

CSS

/*Kritische Seite, Weiterleitungs-Warnung*/
@namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document url-prefix(about:certerror){

    body {
        background-color: gainsboro !important;
        }
        
        
    html body.certerror div.container div#text-container{
        border: 2px solid dodgerblue !important;
        border-style: double  !important;
        border-width:  7px !important;
        padding: 50px 100px 50px 100px !important;
        background-color: beige !important;
        margin-top: -300px !important;
        box-shadow: 13px 13px 0px 0px coral inset !important;
        }

    /*Damit wird das original Icon ausgeblendet */
    .certerror .title {
        background-image: none !important;
        }
    .certerror .title {
        background: url("..//icons/warnung2.png") no-repeat !important;
        background-position: 60px -1px !important;
        background-size: 70px 70px !important;
        padding: 0 0 0 160px !important;
        }
    
    #advancedPanelContainer {
        background-color: rgba(233,219,205,1.00) !important;
        }
    
    #badCertAdvancedPanel{
        background-color: #fbe8d2 !important;
        border: 2px solid dodgerblue !important;
        margin-top: 15px !important;
        }
        
    #advancedButton{
        color: #B70E11 !important;
        background: rgba(242,234,227,1.00) url("..//icons/0009.png") no-repeat !important;
        background-position: 7px 8px !important;
        background-size: 16px 16px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 33px !important;
        }
        
    #advancedButton:hover{
        color: #B70E11 !important;
        background: lightblue url("..//icons/0009.png") no-repeat !important;
        background-position: 7px 8px !important;
        background-size: 16px 16px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 33px !important;
        }
        
    #exceptionDialogButton {
        color: #B70E11 !important;
        background: rgba(242,234,227,1.00) url("..//icons/warnung.png") no-repeat !important;
        background-position: 7px 6px !important;
        background-size: 17px 17px !important;
        border: 1px solid red !important;
        padding-left: 33px !important;
        }
    #exceptionDialogButton:hover {
        color: #B70E11 !important;
        background: lightblue url("..//icons/vpn.png") no-repeat !important;
        background-position: 7px 6px !important;
        background-size: 17px 17px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 33px !important;
        }        
    
    /* Button "Zurück /Empfohlen)" */
    #advancedPanelReturnButton,
    #returnButton{
        color: green !important;
        background: rgba(242,234,227,1.00) url("..//icons/07801.png") no-repeat !important;
        background-position: 7px 7px !important;
        background-size: 18px 18px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 35px !important;
        }
    #advancedPanelReturnButton:hover,
    #returnButton:hover{
        color: green !important;
        background: lightblue url("..//icons/about2.png") no-repeat !important;
        background-position: 7px 7px !important;
        background-size: 18px 18px !important;
        }
        
    .title-text,
    #learnMoreLink,
    #errorCode,
    #viewCertificate{
        color: crimson !important;
        font-weight: 600 !important;
        }
    #errorWhatToDoTitleText > strong:nth-child(1){
        color: blue !important;
        }
        
    /* Button "Zertifikate anzeigen" unter Erweitert */    
    #badCertAdvancedPanel.advanced-panel a#viewCertificate {
        background: white url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        border: 1px solid dodgerblue !important;
        border-radius: 20px !important;
        padding: 0px 10px 0px 30px !important;
        }
    #badCertAdvancedPanel.advanced-panel a#viewCertificate:hover {
        background: lightblue url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        padding: 0px 10px 0px 30px !important;
        }            
    
    /* Text unter "Was können Sie dagegen tun */    
    #text-container div#errorWhatToDo p#errorWhatToDoText p{
        color: blue !important;
        }

    /* Button "Weitere Informationen" */
   #text-container p#learnMoreContainer a#learnMoreLink{
        background: white url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        border: 1px solid dodgerblue !important;
        border-radius: 20px !important;
        padding: 0px 10px 0px 30px !important;
        }    
    #text-container p#learnMoreContainer a#learnMoreLink:hover{
        background: lightblue url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        padding: 0px 10px 0px 30px !important;
        cursor: transparent !important;
        }
    }

Alles anzeigen

FuchsFan

Wie kann verhindert werden, dass in den Warn-Dialogen der Cursor angezeigt wird, egal wo ein Klick erfolgt, er wird immer angezeigt, wie z.B. in den Button.

Mit cursor: unset !important; habe ich keinen Erfolg.

FuchsFan

Zitat von Heinrich

nur eben keine Trennung zu einzelnen Seiten...........

Das beabsichtige ich auch nicht, mir ging es nur darum, das nicht so ganz hübsche Icon (Dreieck) zu ersetzen.

FuchsFan

Ohne das Script ist es mir jetzt auf die Schnelle gelungen ein Icon rechts einzubauen.

Ich melde mich später wieder.

FuchsFan

Zitat von 2002Andreas

Also immer das Favicon im Tab der jeweiligen Seite.

Weil ich das Script nicht hatte, dafür wurde bei unsicheren Seiten das Schloss angezeigt. Nun habe ich schon gesucht, kann jetzt nicht sagen, ob ich da eine Änderung gemacht habe.

FuchsFan

Zitat von edvoldi

hat mich auf eine Idee gebracht und ich habe die Seite
"Sichere Website nicht verfügbar"
für mich auch etwas angepasst.

Das habe ich auch für mich angepasst, dafür ein Dankeschön.

FuchsFan

Zitat von 2002Andreas

Ich habe das eben mal versucht, funktioniert aber alles nicht.

Dann lassen wir das, danke.

FuchsFan

Zitat von 2002Andreas

Damit bekommst du wieder ein Favicon in die Urlbar.

Danke, Andreas.

Wie bekomme ich da ein anderes Warndreieck eingebaut?

FuchsFan

Zitat von 2002Andreas

Du brauchst dieses Skript dazu:

Sachen gibt es, und das wird alles geheim gehalten.

FuchsFan

Zitat von 2002Andreas

Der färbt recht das Icon rot:

Und warum habe ich das nicht?

FuchsFan

Zitat von 2002Andreas

Mach das, sollte ja auch nur ein Beipiel sein.

Sagst Du mir bitte noch, was der Code ab Zeile 30 macht.

Beitrag

RE: About Seiten mit CSS Codes anpassen

Noch eine Spielerei

Eigenes Icon.

Eigener Text.

Icon rot.

(Quelltext, 32 Zeilen)

Edit:

Code angepasst, siehe Beitrag Nr. 1243

2002Andreas

11. Dezember 2022 um 16:32

FuchsFan

Zitat von 2002Andreas

Das ist der Originaltext

Ahhhh, das ist schon lange her, dass ich mal so eine Seite erwischt habe.

Dann nehme ich mal Deine Vorlage und werde es hübsch machen. Danke!

FuchsFan

Zitat von Heinrich

Gebe mal BITTE den Code für die Button`s mit Icon und am besten gleich die Icon`s dazu dann brauche ich nicht erst noch basteln !!

Warum nicht, ist doch Weihnachtszeit.

Der Code dazu:

CSS

/*Kritische Seite, Weiterleitungs-Warnung*/
@namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document url-prefix(about:certerror){

    body {
        background-color: gainsboro !important;
        }
        
        
    html body.certerror div.container div#text-container{
        border: 2px solid dodgerblue !important;
        border-style: double  !important;
        border-width:  7px !important;
        padding: 50px 100px 50px 100px !important;
        background-color: beige !important;
        margin-top: -300px !important;
        box-shadow: 13px 13px 0px 0px coral inset !important;
    }

    /*Damit wird das original Icon ausgeblendet */
    .certerror .title {
  background-image: none !important;
}
.certerror .title {
    background: url("..//icons/warnung2.png") no-repeat !important;
   background-position: 60px -1px !important;
   background-size: 70px 70px !important;
   padding: 0 0 0 160px !important;
}
    
    #advancedPanelContainer {
        background-color: rgba(233,219,205,1.00) !important;
        }
    
    #badCertAdvancedPanel{
        background-color: #fbe8d2 !important;
        border: 2px solid dodgerblue !important;
        margin-top: 15px !important;
        }
    
    
    #advancedButton{
        color: #B70E11 !important;
        background: rgba(242,234,227,1.00) url("..//icons/0009.png") no-repeat !important;
        background-position: 7px 8px !important;
        background-size: 16px 16px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 33px !important;
        }
    
    
    #advancedButton:hover{
        color: #B70E11 !important;
        background: lightblue url("..//icons/0009.png") no-repeat !important;
        background-position: 7px 8px !important;
        background-size: 16px 16px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 33px !important;
        }
        
    #exceptionDialogButton {
        color: #B70E11 !important;
        background: rgba(242,234,227,1.00) url("..//icons/warnung.png") no-repeat !important;
        background-position: 7px 6px !important;
        background-size: 17px 17px !important;
        border: 1px solid red !important;
        padding-left: 33px !important;
        }
    #exceptionDialogButton:hover {
        color: #B70E11 !important;
        background: lightblue url("..//icons/vpn.png") no-repeat !important;
        background-position: 7px 6px !important;
        background-size: 17px 17px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 33px !important;
        }        
    
    /* Button "Zurück /Empfohlen)" */
    #advancedPanelReturnButton,
    #returnButton{
        color: green !important;
        background: rgba(242,234,227,1.00) url("..//icons/07801.png") no-repeat !important;
        background-position: 7px 7px !important;
        background-size: 18px 18px !important;
        border: 1px solid dodgerblue !important;
        padding-left: 35px !important;
        }
    #advancedPanelReturnButton:hover,
    #returnButton:hover{
        color: green !important;
        background: lightblue url("..//icons/about2.png") no-repeat !important;
        background-position: 7px 7px !important;
        background-size: 18px 18px !important;
        }
        
    .title-text,
    #learnMoreLink,
    #errorCode,
    #viewCertificate{
        color: crimson !important;
        font-weight: 600 !important;
        }
    #errorWhatToDoTitleText > strong:nth-child(1){
        color: blue !important;
        }
        
    /* Button "Zertifikate anzeigen" unter Erweitert */    
    #badCertAdvancedPanel.advanced-panel a#viewCertificate {
        background: white url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        border: 1px solid dodgerblue !important;
        border-radius: 20px !important;
        padding: 0px 10px 0px 30px !important;
        }
    #badCertAdvancedPanel.advanced-panel a#viewCertificate:hover {
        background: lightblue url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        padding: 0px 10px 0px 30px !important;
        }            
    
    /* Text unter "Was können Sie dagegen tun */    
    #text-container div#errorWhatToDo p#errorWhatToDoText p{
        color: blue !important;
        }

    /* Button "Weitere Informationen" */
   #text-container p#learnMoreContainer a#learnMoreLink{
        background: white url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        border: 1px solid dodgerblue !important;
        border-radius: 20px !important;
        padding: 0px 10px 0px 30px !important;
        }    
    #text-container p#learnMoreContainer a#learnMoreLink:hover{
        background: lightblue url("..//icons/Bild34.png") no-repeat !important;
        background-position: 7px 3px !important;
        background-size: 14px 14px !important;
        padding: 0px 10px 0px 30px !important;
        }    
        
    }

Alles anzeigen

icons.zip

Zitat von 2002Andreas

Eigener Text.

Dafür habe ich immer noch diesen Code. Icons sind natürlich keine dabei.

Code

/************** unsichere Seiten mit rotem Text ***********/

#identity-icon-label[value="Nicht sicher"] {
    color: red;
    font-weight: bold;
    }

FuchsFan

Zitat von Heinrich

Ich hätte hier auch noch mal einen !!

Danke, habe ich mal übernommen.

FuchsFan

Zitat von 2002Andreas

Die Werte müssen dann evtl. alle noch angepasst werden.

Danke, habe ich mal übernommen.

FuchsFan

Zitat von Mira_Belle

Leider habe ich es nicht hinbekommen, nur den Button auf eine zweite Zeile zu verschieben.

Ich leider auch nicht, gehört wohl zusammen.

FuchsFan

Zitat von BarbaraZ-

Danke passt perfekt

Gerne doch!

Wenn das auch wieder stimmen soll, dann könntest Du ab Zeile 280 das margin-left: 30px !important;noch hinzufügen.

FuchsFan

Zitat von BarbaraZ-

Moin, hier hat sich mit Firefox 107 bei mir was verstellt.:

Moin!

Ab Zeile 77 sollte das so aussehen:

CSS

#leftBox {
        appearance: none !important;
        background-size: contain !important;
        margin-top: 60px !important;
        max-width: 200px !important;
        min-width: 200px !important;
    }

FuchsFan

Zitat von 2002Andreas

Funktioniert auch in Fx 107.

Ja, gerade getestet. Danke!

Beiträge von FuchsFan

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

RE: About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Dialog-Fenster anpassen

Dialog-Fenster anpassen

Dialog-Fenster anpassen

Dialog-Fenster anpassen

scrollbutton-up in beta 108 mit Fehler ?