About Seiten mit CSS Codes anpassen

Foxxiator

Zitat von 2002Andreas

Wir werden jetzt aber doch zu OT

Natürlich, aber das musste ich mal loswerden. Macht weiter im Text....

Heinrich

Zitat von Heinrich
Ich glaube es nicht........... für alle die sich durch die #identity-box identifizieren lassen geht es mit folgendem Code
CSS
#identity-box.certErrorPage.notSecureText #favimginurlbar {
    list-style-image: unset !important;
}

#identity-box.certErrorPage.notSecureText #favimginurlbar{
  width: 19px !important;
  height: 19px !important;
  background-image: url("icons/warnung.png")!important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
}

#identity-box.httpsOnlyErrorPage #favimginurlbar {
  list-style-image: unset !important;
}

#identity-box.httpsOnlyErrorPage #favimginurlbar {
  width: 19px !important;
  height: 19px !important;
  background-image: url("Menu-Images/hilfe.png") !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
}
Alles anzeigen
Das ist der Code für 2 Seiten !
so kann man Rechts vom Text Icons einbauen ohne das diese sich mit anderen Seiten behaken würden !!

Jetzt fehlt nur noch das auch für alle about Seiten zu machen, mal sehen

Dazu noch mal aufgreifend, mit dem Code klappt es ja nun rechts auch Icon`s einzufügen und nicht einfach nur BUNT zu machen.

und die Meldung farblich zu hinterlegen !

Dafür kann man ganz einfach auf Daten der identity-box zugreifen weil da für die unterschiedlichen Seiten Zuordnungen stattfinden, so weit so gut

wie bekommt man ähnliches für die about Seiten hin ? denn die sind in der Identity-box alle pauschal .chromeUI und können somit nicht unterschieden werden ! Kann man da eine Info aus der urlbar irgendwie für verwenden ? Meine diesbezüglichen Bemühungen hatten da leider NULL Erfolg !!

Für jegliche Hilfe wäre ich sehr dankbar

edvoldi

Zitat von Heinrich

Dazu noch mal aufgreifend, mit dem Code klappt es ja nun rechts auch Icon`s einzufügen und nicht einfach nur BUNT zu machen.

Bei mir sieht das so aus:

Leider schaffe ich es nicht mit Deinem Code das rote Dreieck mit einem anderen Symbole zu ersetzen.

Gruß

EDV-Oldie

2002Andreas

Zitat von edvoldi

das rote Dreieck mit einem anderen Symbole zu ersetzen.

Das wird auch nicht so einfach gehen.

Beitrag

RE: About Seiten mit CSS Codes anpassen

[…]

Ich bin mir zwar nicht sicher, aber das Icon wird ja durch das Skript festgelegt:

var favicon = gBrowser.selectedTab.image;

Also immer das Favicon im Tab der jeweiligen Seite.

camp-firefox.de/attachment/39788/

Wenn, dann müsste das wohl im Skript selber angepasst werden.

Ob das geht, bin ich aber überfragt.

2002Andreas

11. Dezember 2022 um 19:02

Heinrich

Nimm mal den Code mit dem du das da rot einfärbst wieder raus. Zwei mal das gleiche Icon ansprechen könnte da zu Konflikten führen !

edvoldi

Zitat von 2002Andreas

Das wird auch nicht so einfach gehen.

Das Script "FavIconInUrlBar.uc.js" habe ich schon lange im gebrauch, aber Heinrich schreibt ja:

Zitat von Heinrich

Dazu noch mal aufgreifend, mit dem Code klappt es ja nun rechts auch Icon`s einzufügen und nicht einfach nur BUNT zu machen.

Wenn es nicht geht, bleibt es halt nur rot.

Gruß

EDV-Oldie

2002Andreas

Zitat von Heinrich

mit dem du das da rot einfärbst wieder raus.

Das Icon kommt vom dem Skript.

Standard ist das keins.

edvoldi

Zitat von Heinrich

Nimm mal den Code mit dem du das da rot einfärbst wieder raus. Zwei mal das gleiche Icon ansprechen könnte da zu Konflikten führen !

Das habe ich, ich habe auch alle anderen gelöscht und nur Dein Code verwendet, geht auch nicht.

Gruß

EDV-Oldie

FuchsFan

Zitat von edvoldi

Leider schaffe ich es nicht

Versuche mal bitte mit dem Code, eventuell kannst Du es ja für Dich anpassen.

CSS

/************** unsichere Seiten mit rotem Text und Icons hinzugefügt ***********/

/* originaler Text */
#identity-icon-label[value="Nicht sicher"] {
  color: red !important;
  font-weight: 600 !important;
  background: transparent !important;
  margin-top: -3px !important;
}

/* Warndreieck hinter Text */
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button::after {  
  background: url("..//icons/warnung.png")!important;
  margin-right: 2px !important;  
  margin-left: 5px !important;     
  content: '' !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
  padding-right: 15px !important;
}

#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
  fill: transparent !important;
}

/* Warnicon vor dem Text */
#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#identity-icon {
  background: url("..//icons/Bild117.png")!important;
  margin-right: 2px !important;     
  content: '' !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
}

/* Icons links in Url-Bar nach rechts verlagert */
#urlbar-input-container box#tracking-protection-icon-container box#tracking-protection-icon-box {
  margin-left: 5px !important;
}
#urlbar-input-container box#identity-box.httpsOnlyErrorPage box#identity-icon-box.identity-box-button{
  margin-left: 5px !important;
} 

/* Icon im Tab Farbe geändert */
.tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
  fill: #ff0000 !important;
}
/* bei "Sichere Website nicht verfügbar" */
#tabbrowser-arrowscrollbox tab.tabbrowser-tab stack.tab-stack hbox.tab-content stack.tab-icon-stack img.tab-icon-image {
  fill: red !important;
}

/* bei Warnung Url-Bar links gelbe Farbe */
#urlbar-input-container box#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button{
  background-color: yellow !important;
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-right: 2px solid lightblue !important;
  min-height: 29px !important;
  max-height: 29px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
#urlbar-input-container box#identity-box.certErrorPage.notSecureText{
  padding-left: 2px !important;
  padding-top: 0px !important;
}

Alles anzeigen

edvoldi

Zitat von FuchsFan

ersuche mal bitte mit dem Code, eventuell kannst Du es ja für Dich anpassen.

So sieht das nur mit Deinem Code bei mir aus:

Gruß

EDV-Oldie

2002Andreas

Zitat von edvoldi

So sieht das nur mit Deinem Code bei mir aus:

Weil du das Skript benutzt.

Wenn dann musst du das Icon aus dem Skript zusätzlich ausblenden.

Mit dem Skript und dem Code:

Das Icon vom Skript ausgeblendet ergibt dann:

Diesen Zusatz brauchst du dann:

CSS

#identity-box.certErrorPage.notSecureText box#identity-icon-box.identity-box-button image#faviconid.faviconclass {
  display: none !important;
}

Heinrich

Ich glaube es liegt an deiner FavIconInUrlBar.uc.js Version

Ich habe diese und damit geht es

Code

// 'Favicon in urlbars identity box' script for Firefox 92+ by Aris
//
// This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar).
// [!] If a page does not offer a favicon, browser branches default icon is shown.
// [!] In a multi-window environment pages without favicons might show wrong icons.
// option: set icon for pages without favicon

var i_icon = 'chrome://global/skin/icons/info.svg';
var sheet = 'chrome://global/skin/icons/Portrait.png';
var brand = 'chrome://branding/content/icon32.png';
var globe = 'chrome://global/skin/icons/defaultFavicon.svg';

var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon)

var favicon_click_opens_page_info_window = false;

var FaviconInUrlbar = {
 init: function() {
   try {
       
    var favimginurlbar = document.createXULElement("image");
    favimginurlbar.setAttribute("id","favimginurlbar");
      
    if(favicon_click_opens_page_info_window)
      favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);");      
      
    favimginurlbar.style.width = "16px";
    favimginurlbar.style.height = "16px";
    favimginurlbar.style.marginLeft = "3px";
    favimginurlbar.style.marginRight = "3px";
    favimginurlbar.style.marginTop = "3px";
    favimginurlbar.style.marginBottom = "3px";
    
    //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild);
    document.getElementById('identity-box').appendChild(favimginurlbar);

    // update script every time tab attributes get modified (switch/open tabs/windows)
    document.addEventListener("TabAttrModified", updateIcon, false);
    document.addEventListener('TabSelect', updateIcon, false);
    document.addEventListener('TabOpen', updateIcon, false);
    document.addEventListener('TabClose', updateIcon, false);
    document.addEventListener('load', updateIcon, false);
    document.addEventListener("DOMContentLoaded", updateIcon, false);


    function updateIcon() {
        
     setTimeout(function(){ // timeout fixes wrong icon detection in some cases
      
      // get current tabs favicon
      var favicon_in_urlbar = gBrowser.selectedTab.image;
      
      // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon)
      if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null)
        if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand;
          else favicon_in_urlbar = icon_for_pages_without_favicon;
          
      document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")";
      
     },100);

    }

  } catch(e) {}
 }
};

// initiate script after DOM/browser content is loaded
document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);

Alles anzeigen

2002Andreas

Zitat von Heinrich

damit geht es

Ja, weil das Favicon an anderer Stelle erstellt wird.

Nämlich direkt in der Urlbar.

edvoldi

Zitat von Heinrich

Ich glaube es liegt an deiner FavIconInUrlBar.uc.js Version

Mit diesem Script passen meine Icons und viele anderen Anpassungen nicht mehr.
Egal dann bleibt das Icon eben nur rot ist auch kein Weltuntergang.

Gruß

EDV-Oldie

2002Andreas

Zitat von edvoldi

das Icon eben nur rot

Beitrag 1312 hattest du gelesen?

Mit dem Skript:

Und so bei einer normalen http Seite:

edvoldi

Zitat von 2002Andreas

Beitrag 1312 hattest du gelesen?

Ja, aber es wurde bei mir nichts angezeigt, bei Dir wurden ja beide Symbole angezeigt.

Ich probiere es später noch einmal.

Gruß

EDV-Oldie

2002Andreas

Zitat von edvoldi

bei Dir wurden ja beide Symbole angezeigt.

Das sind eigene Symbole gewesen.

Die aus dem CSS-Code passen natürlich nicht.

Zeile 13 + 31.

edvoldi

Zitat von 2002Andreas

Mit dem Skript und dem Code:

Aus #1312 hier sind ingesamt 3 Symbole zusehen, das habe ich nie geschafft.

Aber ich werde das noch einmal in Ruhe testen.

Gruß

EDV-Oldie

2002Andreas

Zitat von edvoldi

sind ingesamt 3 Symbole zusehen

Richtig

2 neue und das Original aus dem Skript.

Und das Original musst du eben mit meinem Zusatzcode wieder entfernen.

edvoldi

Ach ja, wie war das noch mit dem Alter?
Kaum macht man keine drei Sachen gleichzeitig, schon funktioniert es.

Gruß

EDV-Oldie

About Seiten mit CSS Codes anpassen

RE: About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly